Програма курсу "Основи Web розробки. HTML/CSS з нуля"

ІТ Школа Курс "Основи Web розробки"

Модуль 1. Вступ у веброзробку

• Що таке вебсайт і як він працює (клієнт–сервер, браузер, хостинг, домен).
• Огляд інструментів: браузер, редактор коду (VS Code), GitHub.
• Створення першої HTML-сторінки «Hello, world!».

Модуль 2. Основи HTML

• Структура HTML-документа.
• Теги заголовків, абзаців, списків, посилань, зображень.
• Таблиці та форми.
• Семантична розмітка (header, nav, section, footer).

Модуль 3. Основи CSS

• Підключення стилів (inline, internal, external).
• Кольори, шрифти, фон, відступи, рамки.
• Селектори і псевдокласи.
• Створення простого макету (візитка-сайт).

Модуль 4. Верстка макетів із Figma

• Ознайомлення з Figma: як читати дизайн-макет.
• Використання flexbox та grid для побудови сторінок.
• Практика: верстка сторінки з макету.

Модуль 5. Адаптивна верстка

• Принципи responsive design.
• Media queries.
• Верстка сайту для телефону та комп’ютера.

Модуль 6. Вступ до Git та GitHub

• Що таке система контролю версій.
• Основні команди Git (init, add, commit, push).
• Публікація сайту через GitHub Pages.

Модуль 7. Основи інтерактивності (JavaScript)

• Знайомство з JavaScript.
• Просте додавання динаміки (кнопки, зміна тексту, робота з формами).
• Взаємодія HTML + CSS + JS.

Модуль 8. Міні-проєкти

• Персональна візитка-сайт.
• Лендинг «Подія/Курс/Товар».
• Портфоліо учня.

Модуль 9. Фінальний проєкт

• Розробка повноцінного сайту з Figma-макету.
• Використання GitHub для публікації.
• Презентація своїх робіт.