Програма курсу

Модуль 1: Основи HTML

На цьому курсі починають з встановлення редактора коду Visual Studio Code. Студенти розбирають базову структуру HTML-документа, вчаться працювати з блоками та рядковими елементами. Вивчають плагін Emmet для прискорення верстки. Практикуються у створенні списків, додаванні зображень і посилань. Окремо розглядають таблиці та форми.

Модуль 2: Основи CSS

Другий модуль присвячений стилям. Тут пояснюють різні способи підключення CSS до сторінки. Студенти вчаться оформляти текст і фон, працювати з відступами. Розбирають селектори для звернення до елементів та одиниці вимірювання. Навчаються позиціонувати блоки на сторінці.

Модуль 3: Верстка сайтів

Третій модуль охоплює сучасні підходи до верстки. Починають з семантичних елементів - header, main, aside та інших. Потім переходять до технології Float для адаптивного дизайну. Глибоко вивчають Flexbox для створення гнучких макетів. Додають адаптивність через media-запити. Використовують псевдокласи та анімації. Завершують модуль роботою з бібліотекою Bootstrap.

Модуль 4-5: JavaScript та робота з DOM

Ці два модулі об'єднані у логічний блок. Спочатку студенти знайомляться з основами JavaScript - підключенням скриптів, типами даних, змінними. Працюють з масивами та функціями. Потім переходять до об'єктів та DOM-моделі. Вчаться знаходити елементи на сторінці, редагувати їх та створювати нові. Розбирають роботу з подіями та їх обробниками.

Модуль 6: Робота у Figma

Останній модуль присвячений дизайну. Студенти реєструються у Figma та налаштовують робочий простір. Використовують плагіни для різних задач. Вчаться створювати дизайн окремих елементів та цілих сторінок. Практикуються у розробці прототипів та додаванні анімацій.

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

Курс проходить онлайн у реальному часі. Студенти мають доступ до записів уроків після занять. Під час навчання вони створюють власне портфоліо. Викладачі підтримують у чаті та надають доступ до всіх матеріалів. Після завершення курсу видається сертифікат. Кожен студент отримує індивідуальний підхід.

Що включено

Видається диплом/сертифікат

Гнучкий графік

Реальний проект у портфоліо

Супровід ментора

Web-розробник

Про курс

Програма курсу

Модуль 1: Основи HTML

Модуль 2: Основи CSS

Модуль 3: Верстка сайтів

Модуль 4-5: JavaScript та робота з DOM

Модуль 6: Робота у Figma

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

Що включено

Про школу

PeaPod

Інші курси школи

Комп'ютерні курси для дітей

Front-end

UI/UX дизайн