Структура й макет
HTML-семантика, блокова модель, базові принципи сіткової розмітки. Учасники верстають перші сторінки вручну без фреймворків.
Програма навчання · Talmeko
Веб-дизайн з нуля - 8 тижнів практики
Програма побудована навколо реальних завдань: кожен тиждень учасники проєктують, тестують і отримують зворотний зв'язок - не слухають лекції.
Формат передбачає щотижневі воркшопи, парні вправи та спільний перегляд результатів. Завдання ускладнюються поступово, щоб не перевантажити на старті й не загальмувати тих, хто вже знає основи.
8
тижнів
24
практичних завдань
3
фінальних проєкти
Колір і типографіка
Теорія кольору в контексті інтерфейсів, вибір шрифтових пар, ієрархія тексту. Практика на реальних прикладах з українського ринку.
Адаптивний дизайн
Flexbox, CSS Grid, медіазапити. Кожна верстка перевіряється на п'яти розмірах екрана - від 320px до 1440px.
Взаємодія та анімація
CSS-переходи, hover-стани, мікроанімації. Акцент на тому, коли анімація допомагає, а коли заважає сприйняттю.
Компоненти й системи
Побудова бібліотеки UI-компонентів: кнопки, форми, картки, навігація. Принципи повторного використання коду.
Доступність
WCAG-стандарти, контрастність, клавіатурна навігація, ARIA-атрибути. Перевірка через Lighthouse і ручне тестування.
Прототипування
Від скетчу до інтерактивного прототипу у Figma. Учасники презентують рішення та отримують критику від групи.
Фінальний проєкт
Самостійна розробка повноцінного сайту з нуля. Захист перед групою, письмовий відгук від куратора.
Порівняння форматів участі
| Складова програми | Базовий | Стандарт | Розширений |
|---|---|---|---|
| Доступ до воркшопів | |||
| Практичні завдання | |||
| Перевірка завдань куратором | |||
| Парні вправи з групою | |||
| Індивідуальні сесії | |||
| Письмовий відгук на фінальний проєкт | |||
| Вартість (грн) | 3 200 | 5 800 | 9 400 |
Що потрібно для старту
Жодних попередніх знань з програмування чи дизайну не потрібно. Достатньо мати ноутбук і готовність виконувати завдання між заняттями - приблизно 3–4 години на тиждень.
- Браузер Chrome або Firefox
- Текстовий редактор VS Code
- Безкоштовний акаунт Figma
- Стабільний інтернет для відеодзвінків
Як організовано навчання
Заняття проходять двічі на тиждень у форматі відеоворкшопів по 90 хвилин. Між сесіями учасники виконують самостійні завдання й публікують їх у спільному просторі для обговорення.
- Живі воркшопи з куратором
- Асинхронний перегляд записів
- Групові обговорення в чаті
- Щотижневий підсумковий дзвінок
