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

Модуль 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 дизайн