Как стать мидлом
1.55K subscribers
533 photos
28 videos
289 links
Помогаем фронтенд-разработчикам прокачать навыки и получить повышение → https://htmlacademy.ru/frontend-engineering

Смотреть шоу «Фронтенд-инженерия» → https://youtube.com/playlist?list=PLQJNT2fdCJnjUCLyAnX8nkxLxWHNSuMDo

Ещё почитать? @htmlacademy
Download Telegram
Подборка параллакс анимаций с кодпена

Кодпен — настоящий пинтерест для разработчиков. В этой подборке мы собрали интересные параллакс анимации, которые сделают ваш сайт интерактивным шедевром для пользователя.

Параллакс с иллюстрациями. Автор: @isladjan

https://tml.io/co9vh

Параллакс с фотографиями. Автор: @eehayman

https://tml.io/41u1l

Панорама природы. Автор: @pengilley

https://tml.io/wmro3

Волны для фона. Автор: @goodkatz

https://tml.io/3d72m

Бесконечное звёздное небо. Автор: @sarazond

https://tml.io/5bnow

Параллакс с котиками. Автор: @scottkellum

https://tml.io/a944q
🔥3👍2
Дизайн для верстальщиков. Частые ошибки дизайнеров и способы их исправить

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

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

Какие ошибки встречаются чаще всего и как их решить верстальщику самостоятельно
Как сделать параллакс

Если вы хотите, чтобы сайт вызывал «вау-эффект», а ссылками на него делились, используйте параллакс. С ним сайты выглядят объёмно, а элементы могут плавно перемещаться при прокрутке страницы или движении курсора.

В этой статье мы покажем, как сделать параллакс на чистом CSS и JavaScript, поговорим про некоторые JS-библиотеки и посмотрим, как оптимизировать анимацию
Запустили специальный сезон подкаста Frontend Weekend про развитие фронтенд-разработчиков совместно с HTML Academy!

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

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

В новом выпуске приглашённой гостьей оказалась Глафира Жур, Accessibility Driven Team Lead в компании SpurIT.

Она рассказала все свои секретики и поведала историю о том, как стать амбассадором доступности, переехать в Европу и не сойти с ума.

Слушать подкаст
👍1
Сэкономьте время на организацию кода

Мы запустили новый курс «Паттерны проектирования». Он поможет разработчикам повысить качество и скорость написания кода. А также научиться применять в работе архитектурные решения, которые помогут сократить время на разработку и снизить вероятность появления ошибок в программе.

Чем будет полезен курс:

— Познакомитесь с основными парадигмами программирования. Изучите идеи и правила, которые определяют подход к написанию кода.

— Разберёте разные виды паттернов: порождающие, структурные, поведенческие и MV*. Узнаете, какие задачи решает каждый паттерн.

— Закрепите знания на практических заданиях и проектах.

— Получите полезные дополнительные материалы.

Начать изучать паттерны — https://clck.ru/zMDEL
Мы запустили новый продукт — комплексную оценку навыков фронтенд-разработчика.

Оценка проходит в несколько этапов
1. Автоматизированный скоринг хард-скиллов.
2. Техническое собеседование с экспертом.
3. Собеседование в формате психологического интервью для проверки софт-скиллов.

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

На выбор есть три тарифа: только автоматизированный скоринг, оценка хард-скиллов, полная оценка.

Записывайтесь на оценку
Зачем фронтендерам React, если есть JavaScript?

Сайты на чистом JavaScript давно стали редкостью: обычно при разработке используют библиотеки и фреймворки. Одна из самых популярных библиотек — React.

Что это за библиотека такая? Почему все на ней программируют? А как же Angular или Vue?

Ответы на все вопросы найдёте в статье — https://clck.ru/zp5tB

А на курсе «Вёрстка React-компонентов» научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.

Начать учиться, чтобы больше не писать сайты только на JavaScript
👍1
Вин Дизель дал стажёру Кекса задачу (https://t.iss.one/htmlacademy/6055) — он решил её неправильно. Серёжа Джуновский допустил ошибку, потому что не знал, как использовать регулярные выражения. Кот Кекс разобрал его ответ и написал отчёт.

Ставьте 🔥, если вам понравился такой формат и нам стоит публиковать задачи чаще.

А работать с регулярными выражениями учим на курсе «Регулярные выражения для фронтендеров» — https://clck.ru/322DzH
🔥3