Дизайн для фронтендеров

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

Курс учит прикладной «дизайнерской грамотности» разработчика: работе с Figma (стили, компоненты, библиотеки), сетке и вертикальному ритму (включая 8px-подход), типографике и иерархии, цвету и контрастности с учётом доступности, адаптиву без готовых макетов, безопасной UI-анимации и базовым UX-паттернам.

После курса вы умеете применять на практике:

📎 работать в Figma со стилями, компонентами и библиотеками;
📎 строить сетку (8px), держать выравнивание и вертикальный ритм;
📎 собирать резиновую вёрстку и адаптив без готовых макетов, продумывать крайние состояния;
📎 добавлять состояния интерактивных элементов и уместно анимировать UI.

🔵 Записаться на курс

👍 Хэллоуин × Колесо Фортуны

С 26 по 31 октября — страшно выгодная неделя в Академии! Заклинания скидок уже наложены: одно вращение колеса — и в вашу корзину падает хэллоуинский подарок.

Не дайте скидкам испариться — они исчезнут, как туман под утро.

Коротко: 1 вращение • 26–31 октября • Ведьмино Колесо Профессий.

🎃 https://htmlacademy.ru

Осенью вечера становятся длиннее. Кто-то зажигает фонари у дверей, а мы — зелёные галочки в тренажёрах. Десять-двадцать решённых заданий в день — и код становится светлее.

С 3 по 9 ноября запускаем осеннюю неделю от @htmlacademy. Вместе с нашими партнёрами-работодателями — Addamant, Grokhotov Studio и Bquadro — на неделю открываем бесплатный доступ к тренажёрам с заданиями и испытаниями. Вызовы и мастер-классы — по активной подписке; баллы за них учитываются в общем зачёте.

Что вас ждёт?
1️⃣ 895 заданий и 151 испытание по HTML, CSS, SVG и JavaScript.
2️⃣ Рейтинг: выполняйте задания и испытания, поднимайтесь в топ-30.
3️⃣ Викторина на неделю — 200 вопросов, баллы за правильные ответы.

Зовите друзей, проходите задания и повышайте шансы на призы. Подробнее — на лендинге.

Начинаем 3 ноября — присоединяйтесь и приглашайте друзей!

Подробнее | Telegram-бот

Паттерны проектирования
➿➿➿➿➿➿➿➿➿➿➿➿
Качественная архитектура начинается не с фреймворка, а с мышления. На курсе системно разбираем фундаментальные шаблоны: порождающие (Singleton, Factory Method, Abstract Factory, Builder, Object Pool, Prototype), структурные (Adapter, Bridge, Decorator, Facade, Composite, Proxy), поведенческие (Chain of Responsibility, Command, Iterator, Mediator, Observer, State, Strategy, Visitor, Memento, Template Method) и архитектурные MV* (MVC, MVP, MVVM).

Всё подано в контексте JavaScript и фронтенд-разработки: продуктовые кейсы и практические задания показывают, как применять паттерны на практике — от адаптации «кривых» внешних данных (Adapter) и кэширования без дублирования (Decorator) до ограничения доступа (Proxy), управления состояниями интерфейса и тёмной темой (State), реакций на изменения без «костылей» (Observer) и фильтров в реальном времени (MVVM).

Это курс для будущих инженеров, которые устали от «спагетти» и хотят понимать, почему архитектура работает — а не просто «как заставить код заработать». После него вы начинаете видеть проект как систему взаимосвязей: где фабрика уместна, где декоратор экономит усилия поддержки, а где MV*-подход помогает организовать UI на годы вперёд. #htmlacademy #levelup

🌷 Записаться на курс