Програма навчання фронтенд-дизайну
Структурований курс, який веде від основ до практичних проєктів. Ви працюватимете з реальним кодом, розбиратимете помилки і вчитиметеся так, як працюють професіонали.
Що входить у програму
Курс розділено на три рівні. Кожен рівень містить відеоуроки, практичні завдання і розбір типових помилок. Темп визначаєте ви — можна рухатися швидше або повертатися до складних тем.
HTML-структура
Розмітка сторінок, семантичні теги, форми та таблиці. Ви навчитеся створювати правильну структуру документа.
- Семантика і доступність
- Робота з формами
- Валідація розмітки
CSS-основи
Селектори, блокова модель, позиціонування. Ви зрозумієте, як елементи взаємодіють на сторінці.
- Каскад і специфічність
- Flexbox для вирівнювання
- Базова адаптивність
Перший проєкт
Створення простої сторінки з нуля. Ви застосуєте здобуті знання на практиці.
- Планування структури
- Стилізація елементів
- Перевірка коду
Олесь Кривич
Викладач базового рівня
Працює фронтенд-розробником з 2016 року. Спеціалізується на доступності та семантиці. Вважає, що міцна база важливіша за складні трюки — тому пояснює речі просто і ретельно.
CSS Grid
Двовимірні сітки для складних макетів. Ви навчитеся створювати сучасні компонування.
- Структура сітки
- Адаптивні шаблони
- Практичні приклади
Анімація і переходи
Додавання руху до інтерфейсу. Ви дізнаєтесь, коли анімація допомагає, а коли заважає.
- CSS-переходи
- Keyframe-анімації
- Продуктивність
JavaScript-основи
Інтерактивні елементи і базові скрипти. Ви зрозумієте, як код оживляє інтерфейс.
- DOM-маніпуляції
- Обробка подій
- Перші скрипти
Діана Чубар
Викладачка середнього рівня
Розробляє інтерфейси для освітніх платформ. Захоплюється анімацією та мікровзаємодіями. Показує, як додавати деталі, які роблять інтерфейс приємним без зайвої мішури.
Продуктивність
Оптимізація швидкості завантаження. Ви дізнаєтесь, що впливає на затримки і як їх зменшити.
- Критичний CSS
- Lazy loading
- Інструменти вимірювання
Препроцесори і збірка
Автоматизація робочого процесу. Ви налаштуєте інструменти для швидшої роботи.
- Sass і змінні
- Webpack базові
- Автопрефіксер
Фінальний проєкт
Повноцінний інтерфейс з нуля до готового коду. Ви об'єднаєте всі теми курсу.
- Планування архітектури
- Реалізація компонентів
- Тестування результату
Олесь Кривич
Викладач поглибленого рівня
Повертається на останньому етапі, щоб показати нюанси професійної роботи. Розповідає про те, з чим стикаються на реальних проєктах — від оптимізації до командної співпраці.