Вивчай

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

Від основ 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

Стилізуй HTML-сайт за допомогою CSS

beginner
#7

Responsive галерея зображень

intermediate
#8

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

intermediate
#9

Калькулятор та визначення пори року

beginner
#10

Таблиця множення та прості числа

beginner
#11

Робота з масивом студентів

intermediate
#12

Модальне вікно та dropdown меню

intermediate
#13

Форма з валідацією та localStorage

intermediate
#14

Todo List

intermediate
#15

Рефакторинг коду на ES6+

intermediate
#16

Завантаження даних з API

intermediate
#17

Класи User та Admin з наслідуванням

intermediate
#18

Типізація функцій та змінних

intermediate
#19

Інтерфейси для моделей даних

intermediate
#20

Todo List на TypeScript

intermediate
#21

Компоненти Card/Button + фільтрація

intermediate
#22

Форма реєстрації + theme context

intermediate
#23

Додаток для перегляду фільмів

intermediate
#24

Блог з SSG

intermediate
#25

CRUD API routes + frontend

intermediate
#26

Фінальний проект: deploy на Netlify

intermediate