Senior Frontend Developer

Get Color Palette

Генерация заднего фона на основе используемых цветов, выполненная с помощью Pug, Stylus и JavaScript.

https://codepen.io/toshiya-marukubo/pen/XWVWmav

❓Вышел React 18 — что нового для разработчиков?

Расскажем на бесплатном практическом уроке «Обзор нововведений в React 18» от OTUS. Спикер — опытный разработчик и преподаватель.

На вебинаре мы разберем изменения, которые были добавлены в React 18, познакомимся с ними поближе и посмотрим на новые фичи и API.

Встречаемся 25 апреля в 19:00 мск в преддверии старта курса «React.js Developer». Все участники вебинара получат специальную цену на обучение и персональную консультацию от менеджеров OTUS!

👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://otus.pw/KtNG/?erid=LjN8KawWq

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

JavaScript. Что будет выведено в консоль?

Ответ

Overlapping Sushi Cards

Анимация перекрывающихся карточек. Реализована с помощью JavaScript.

https://codepen.io/lonekorean/pen/QWyjaeg

Телеграм-канал Яндекса специально для фронтендеров

В одном телеграм-канале собираем всё, что нужно знать про фронтенд-разработку в Яндексе. Самые полезные библиотеки и опенсорсные инструменты, высокое искусство автотестирования, последние тренды фронтенд-разработки, новости о релизах и чейнджлогах всем известных продуктов.

Подписывайтесь 👉  @yandex4frontend

UX in Motion | Animation

UX-элементы в движении. Написано на чистом CSS.

https://codepen.io/prvnbist/pen/zRMaeK

Pure CSS Hamburger fold-out menu

Раскладывающееся меню Гамбургер. Написано на чистом CSS.

https://codepen.io/erikterwan/pen/EVzeRP

erid: LjN8KbezL

Каждый день мы просыпаемся и идём к компьютеру писать код, однако скоро майские праздники и придётся сделать сложный выбор между любимым делом и шашлыком.

И чтобы хоть немного накинуть очков написанию кода — мы запускаем телеграм-игру «Код сурка», чтобы вы могли блеснуть знаниями в веб-разработке и получить за это ценные призы в зависимости от набранных баллов.

К слову о призах:

1 место — профессия «Фронтенд-разработчик» или «JavaScript-разработчик» на выбор (в ускоренном формате).

2-3 место — фронтенд- или ui-инженерия, или любой из курсов для новичков на выбор.

4-10 место — любой мидловый или джуновый курс на выбор.

11-30 место — доступ к тренажёрам до конца июня 2024 г.

31-100 место — доступ к тренажёрам до конца мая 2024 г.

Ну и не менее приятное — все участники акции получат скидки на все продукты HTML Academy.

Присоединяйтесь.

11 полезных фичей Chrome DevTools

Все мы постоянно используем Chrome DevTools, но там так много фичей, что некоторые из них мы никогда не использовали и даже не замечали. В этой небольшой статье я хочу поделиться интересными находками, которыми пользуюсь сам.

https://habr.com/ru/articles/791554/

Хабр
11 полезных фичей Chrome DevTools

Всем привет! Все мы постоянно используем Chrome DevTools, но там так много фичей, что некоторые из них мы никогда не использовали и даже не замечали. В этой небольшой статье, я хочу поделиться...

Range Slider

Стилизованный input type="range" с градиентной светящейся полосой.

https://codepen.io/jkantner/pen/VwxeeVb

Для IT специалистов-фрилансеров: 🇫🇮 Переезд в Финляндию с помощью IT-инкубатора!

☑️ Если вы работаете в сфере IT на фрилансе с постоянными клиентами, у вас есть возможность получить вид на жительство в Финляндии через наш IT-инкубатор. Эта программа иммиграции открывает двери на 2 года для специалистов IT-сектора: дизайнеров, 💻 программистов, 🔍 экспертов по SEO и 🚀цифровому маркетингу, позволяя им получить вид на жительство в Финляндии и переехать с семьей.

Преимущества нашей программы:
- срок рассмотрения ВНЖ через бизнес-инкубатор в среднем занимает всего 1-2 недели
- полный доступ к государственной медицине, бесплатному образованию, а также получение различных пособий от КЕЛА
- можете претендовать на получение ПМЖ через 4 года, гражданства - через 5 лет

Для успешного участия в программе получения вида на жительство на 2 года в Финляндии через IT-инкубатор необходимо соблюсти️ 3 условия ⬇️:
❗️ Необходимо работать как фрилансер с постоянными клиентами 🤝
❗️ Стабильный ежемесячный доход должен составлять не менее 5 300€. Этот уровень дохода позволит обеспечить комфортный уровень жизни и финансовую уверенность.
❗У вас должно быть законченное высшее образование в IT и/или опыт работы в сфере не менее 3 лет

☑️ Мы поможем с оформлением в качестве специалиста в финской компании 📈🏢 Вам не придется беспокоиться о мелочах, вы официально будете оформлены на работу в течение года в финской компании ((с опцией продления) 📋
☑️ На каждом этапе вашего пребывания в Финляндии вы получите необходимую поддержку, начиная с открытия банковских счетов, получения дотаций и пособий, а также регистрации в магистрате, налоговой и КЕЛА. Наша команда обеспечит вам надлежащую помощь на пути к успешной адаптации в новой стране и облегчит весь процесс 📋.
💬 Дополнительные подробности о наших услугах и процессе получения ВНЖ в Финляндии - на нашем сайте по ссылке: https://rebrand.ly/teiyfrn
🌟 Не упустите шанс улучшить свою жизнь с нашим надежным сопровождением!

​CSS тени и неоморфный дизайн

В этой статье мы рассмотрим, как добавить различные типы теней к блочным элементам и тексту.

https://msiter.ru/articles/css-teni-i-neomorfnyy-dizayn

Msiter.RU
CSS тени и Неоморфный дизайн

Неоморфизм, также известный как мягкий дизайн пользовательского интерфейса, - это направление дизайна, которое подразумевает создание 3D-подобных обтекаемых или мягких фигур с помощью CSS теней. В этой статье мы рассмотрим, как добавить различные типы теней…

Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

https://codepen.io/MillerTime/details/BexBbE

Header With Slide Bar

Появляющийся заголовок с ползунком. Написан на чистом CSS.

https://codepen.io/kamciu/pen/xxbJzBv

JavaScript. Что будет выведено в консоль?

Ответ

Alfa Frontend Meetup #3
Митап frontend-сообщества про архитектуру.

Поговорим про webpack module federation, рассмотрим статический анализ кода и попробуем применить этот подход к статическому анализу зависимостей с помощью программирования в ограничениях, обсудим плюсы и минусы монорепозиториев.

Когда: 25 апреля, 19:00.
Где: Москва, пр. Андропова, д. 18, к. 3 и онлайн.

Вас ожидают доклады спикеров: 

▪️Алексей Охрименко, техлид в Yandex Cloud Tracker, расскажет о статистическом анализе зависимостей.
▪️Алексей Николаев, Teamlead в Sendsay.ru, разберёт плюсы и минусы монорепозиториев.
▪️Степан Иваньков, главный frontend-разработчик в «Альфа-Банке», расскажет о том, как перевести 45 приложений на webpack module federation и ничего не сломать.


Регистрируйтесь

Больше полезного в комьюнити @alfa_frontend

erid: LjN8KARyA
Реклама. АО «Альфа-Банк». ИНН 7728168971.

JavaScript. Что будет выведено в консоль?

Ответ

React Morph Clock

Оригинальные часы, созданные из svg-картинки на React.

https://codepen.io/Siddharth11/pen/MjjdyW

Мидл-специалист отличается от джуниор-разработчика не только опытом и уровнем владения технологиями, но и софт-скилами.

На курсе Практикума вы сможете прокачать все необходимые навыки и построить новую карьеру.

На курсе мы поможем вам:
— освоить новые навыки и извлекать больше пользы из своих софт-скилов;
— углубить знания в алгоритмах, DevOps, бэкенд‑разработке и смежных сферах;
— сделать с нуля 2 проекта — до работающих приложений.

Если вы не уверены, подойдёт ли вам профессия, — пройдите бесплатную часть и тест в конце. Если понравится, платите за остальную часть как удобно: в рассрочку или целиком.

→ Начать курс бесплатно

Реализуем touch жесты на vanilla js

Столкнувшись с задачей реализовать простой графический редактор в мобильной версии сайта, я обнаружил, что функционал мультитач-жестов еще не реализован на уровне браузера. Для реализации этого функционала нам потребуется расчехлить тригонометрию. Начнем мы с вращения.

https://habr.com/ru/articles/796749/