Вивчай

Безкоштовний курс програмування з нуля українською

Від основ HTML та CSS до JavaScript, TypeScript, React та Next.js — вивчай веб-розробку самостійно з практичними проєктами

Як проходить навчання

Створи репозиторій

Почни з блоку "Tools & Environment" — налаштуй Git та створи публічний репозиторій на GitHub. Це буде твоє портфоліо з перших кроків.

Надсилай домашні завдання

Після кожного блоку — практичні завдання. Здай посилання на свій GitHub-репозиторій, і AI-помічник перевірить твою роботу та дасть зворотний зв'язок.

Увійди через Google

Для доступу до домашніх завдань та збереження прогресу потрібна авторизація через Google-акаунт. Це швидко і безкоштовно.

Запитуй у помічника

На кожному уроці доступний AI-помічник, якому можна поставити питання по темі. Навчайся у своєму темпі — допомога завжди поруч.

Блоки курсу

Домашні завдання

#1

Домашнє завдання #1: Створення багатосторінкового сайту

beginner
#2

Домашнє завдання #2: Відтворення текстового документа

beginner
#3

Домашнє завдання #3: Структура проєкту + Git + GitHub

beginner
#4

Домашнє завдання #4: Налаштування VS Code та npm

beginner
#5

Домашнє завдання #5: Мій продукт — семантичний лендінг

intermediate
#6

Домашнє завдання #6: Стилі для твого лендінгу

beginner
#7

Верстка з Figma: position та absolute

intermediate
#8

Верстка лендінгу з Figma

intermediate
#9

Домашнє завдання #9: Вечір у кафе — рахунок, чайові та паролі

beginner
#10

Домашнє завдання #10: ASCII-майстерня і таємні послання

beginner
#11

Домашнє завдання #11: Кіноаналітика — вижми все з датасету

intermediate
#12

Домашнє завдання #12: Модалка та dropdown для твого продукту

intermediate
#13

Домашнє завдання #13: Жива форма — валідація та localStorage

intermediate
#14

Домашнє завдання #14: Мій каталог

intermediate
#15

Домашнє завдання #15: Рефакторинг легасі-коду на ES6+

intermediate
#16

Домашнє завдання #16: Підключаємо продукт до світу — дані з API

intermediate
#17

Домашнє завдання #17: Система ролей для блог-платформи

intermediate
#18

Домашнє завдання #18: Типізація функцій та змінних

intermediate
#19

Домашнє завдання #19: Типи для твого продукту

intermediate
#20

Домашнє завдання #20: Твій каталог на TypeScript

intermediate
#21

Домашнє завдання #21: Pokedex — каталог з пошуком і фільтрами

intermediate
#22

Домашнє завдання #22: DevProfile — форма з прев'ю та темами

intermediate
#23

Домашнє завдання #23: Твій каталог у великому світі — React + API

intermediate
#24

Домашнє завдання #24: Довідник твого продукту на Next.js (SSG)

intermediate
#25

Домашнє завдання #25: CRUD твого каталогу на Next.js

intermediate
#26

Домашнє завдання #26: Фінальний проєкт — портфоліо і deploy на Vercel

intermediate