Senior Frontend - javascript, html, css. Страница 60
20191
@seniorFront
Senior Front - канал для front-end программистов, здесь есть много всего про CSS3, Javascript, Html5, Angular, React, видео / статьи / курсы
-
Senior Frontend - javascript, html, css
point and click penguin Весь экран разделен на клетки, при нажатии на которые задействуются множество анимаций. Создано без использования библиотек на чистом JS. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Пять стадий выгорания Первая стадия: медовый месяц. Человек полон энтузиазма и энергии, доволен своей работой. Ключевой момент, чтобы не дать развиться выгоранию, состоит в том, чтобы выработать стратегию и с ее помощью справляться со стрессом, который наступит. Вторая стадия: нехватка топлива. Человек начинает замечать в своих обязанностях не только плюсы, но и минусы. Недовольство работой начинает копиться, а производительность – снижаться. Может появиться утомление и нарушения сна. Третья стадия: хронические симптомы. Если избавиться от факторов стресса не удается, симптомы будут усугубляться. Например, усталость может стать хронической, стресс может приводить к болезням, вспышкам ярости и т.д Четвертая стадия: кризис. На этом этапе симптомы усиливаются, иногда доходя до критического предела. Человек может зациклиться на переживаниях о работе, начать сомневаться в себе. Пятая стадия: тупик. На последней стадии симптомы выгорания настолько пронизывают жизнь человека,что их часто принимают за проблемы со здоровьем и не связывают с ситуацией на работе. Если вы обнаружили, что находитесь на какой-либо стадии, пора задуматься о том, как бороться с выгоранием. 👉 @seniorFront 
-
Senior Frontend - javascript, html, css
Как сделать кнопку такой, чтобы на нее захотелось нажать? 🤔 ⚡️Приглашаем 25 мая в 20:00 мск на бесплатный вебинар «Использование псевдоэлементов для создания интересных анимаций кнопок» в OTUS! 📚На вебинаре с Марией Коршуновой, веб-разработчиком с опытом более 10 лет мы разберем тему использования псевдо элементов для создания анимаций кнопок и как с помощью обычного CSS сделать это нажатие интересным или даже интригующим. 👉🏻Регистрация на вебинар 
-
Реклама
-
Senior Frontend - javascript, html, css
The Gallery Небольшое js приложение, которое взаимодействует с api google и выдает галерею с картинками, соответствующими введенному ключевому слову. 👉 @seniorFront -
Senior Frontend - javascript, html, css
-
Senior Frontend - javascript, html, css
Друзья, приглашаем вас на Positive Hack Days 17-19 мая — крупнейший в России форум по кибербезопасности. Обсуждаем реальные кейсы взломов и защиты компаний, проводим самую масштабную в мире кибербитву The Standoff и другие активности: технические треки с докладами и конкурсы для исследователей безопасности. Рассказываем, что будет в этом году: Technical tracks: говорим про безопасность мобильных приложений, встраиваемых систем, бытового и промышленного интернета вещей, телекоммуникационных сетей, финансовых технологий и инструментов. The Standoff: кибербитва за ресурсы виртуальной страны. Узнайте, к каким последствиям могут приводить хакерские атаки. Hacker contests: начинающие специалисты попробуют взломать банкомат, справиться с багами умного дома, обмануть систему биометрической аутентификации. Приходите смотреть онлайн-трансляцию на сайте, следите за новостями форума в https://t.me/TheStandoffNews -
Senior Frontend - javascript, html, css
Center of the universe 3D сцена, реализованная при помощи библиотеки Three.js 👉 @seniorFront -
Senior Frontend - javascript, html, css
Array.isArray В JavaScript 1.8.5 был добавлен метод Array.isArray, который позволяет определить, является ли переменная массивом. Создайте свою реализацию isArray. 👉 @seniorFront 
-
Senior Frontend - javascript, html, css
Мотивационный Javascript-пинок ждет тебя! Залетай на практический интенсив, на котором сделаешь фронтенд для интернет-магазина “Ozon”. Будешь писать код, задавать вопросы и получать обратную связь по своей работе. А заодно получишь план-схему что и как учить, чтобы быстрее освоить JS. Подробная программа 📋 ✅ 1 День — Получим необходимые элементы со страницы — Научимся перехватывать браузерные события — Напишем скрипт Модального окна ✅ 2 День — Познакомимся с получением данных через API Fetch — Рассмотрим работу с Firebase — Получим первые данные с сервера ✅ 3 День — Фильтрация данных по категории — Вывод карточек товаров — Вывод карточек акционных товаров — Реализация поиска по названию ✅ 4 День — Реализуем корзину товаров — Реализуем отправку данных корзины Переходи по ссылке и получи приглашение: telegram.me/gloacad…demy_bot 
-
Senior Frontend - javascript, html, css
Acrobatic Preloader Оригинальный лоадер, созданный из svg картинки и анимированный в CSS. 👉 @seniorFront -
Senior Frontend - javascript, html, css
-
Senior Frontend - javascript, html, css
scroll-padding Задаёт отступ от краёв контейнера прокрутки, внутри которых браузер старается не размещать целевые элементы. Пример При переходе по якорной ссылке браузер не домотает 100 пикселей до элемента, от верхнего края окна браузера до ссылки будет отступ. html { scroll-padding-top: 100px; }👉 @seniorFront
-
Senior Frontend - javascript, html, css
CSS Glowing Social Media Icon В этом видео автор берет иконки Fontawesome и добавляет им эффект при наведении. Эффект свечения создается благодаря использованию CSS свойства filter со значением drop-shadow. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Iconic Tab Bar Панель табов на чистом CSS с красивыми переходами, реализованными при помощи CSS трансформаций. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу Чем раньше вы нырнёте с головой в продакшен, тем быстрее почувствуете себя уверенно на рынке труда. Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах IT-кластера Ростелеком. 65% выпускников Хекслет получают оффер на первых 5 собеседованиях! Начните учиться прямо сейчас, чтобы оценить формат: l='noreferrer nofollow' href='https://clc.to/tieF5w'>https://clc.to/tieF5w 
-
Реклама
-
Senior Frontend - javascript, html, css
Card Slider Слайдер, реализованный с использованием библиотеки Swiper. 👉 @seniorFront -
Senior Frontend - javascript, html, css
window.navigator Свойство window.navigator возвращает объект описания приложения (user agent), которое выполняет скрипт. В подавляющем большинстве случаев это приложение — браузер. Объект содержит свойства, описывающие браузер, и методы для выполнения действий. Часто используемые свойства: - userAgent возвращает строку, которая содержит название браузера. navigator.userAgent // "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:93.0) Gecko/20100101 Firefox/93.0"- language возвращает предпочитаемый язык интерфейса в виде языкового тега. - languages возвращает массив предпочитаемых языков в порядке предпочтительности. Первый в списке будет язык, который возвращает navigator.language.navigator.language // "ru" navigator.languages // ["ru", "en-US", "es-ES"]- cookieEnabled возвращает true, если браузер пользователя поддерживает куки и они включены, false в противном случае.
-
Senior Frontend - javascript, html, css
Занимаетесь frontend-разработкой, но для серьёзных проектов пока не хватает навыков? Тимлиды ВКонтакте записали топовый курс с акцентом на практику. За 5 месяцев вы научитесь делать качественные, быстрые интерфейсы, разберётесь с деплоем, CI/CD, кэшированием и серверной оптимизацией и поймёте, как тратить на разработку меньше времени. Результатом обучения станет готовый сервис на React + TypeScript с деплоем на собственном сервере. После прохождения курса вы точно будете готовы к работе над крупными проектами, а наш HR приложит максимум усилий, чтобы трудоустроить вас в хорошую компанию. Переходите по get='_blank' rel='noreferrer nofollow' href='https://karpov.courses/dev/frontend?utm_source=tg&utm_medium=post&utm_campaign=may_frontend_8&utm_content=seniorFront_may_8'>ссылке и записывайтесь на курс до 18 мая — по промокоду SENIOR2 действует скидка 10%. Кстати, на сайте можно пройти бесплатную демоверсию.