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

Основы HTML и CSS

Курс начинается с основ HTML. Студенты изучат теги, их виды и научатся создавать структуру веб-страницы. Параллельно рассматриваются основы CSS - классы, id и способы применения стилей. Первые практические задания включают верстку страницы "Подводная лодка" для закрепления работы с классами.

Работа с элементами и позиционирование

Далее курс охватывает блочные и строчные элементы, методы позиционирования. Студенты проходят через табличную верстку, свойство position, float, flex и grid. Каждый способ позиционирования отрабатывается на практике. Дополнительное задание - верстка страницы плаката для закрепления навыков.

Современные подходы к верстке

Этот блок посвящен HTML5, валидации кода и семантической верстке. Особое внимание уделяется адаптивной верстке - студенты учатся перестраивать сайты под мобильные устройства с помощью медиазапросов. Также рассматриваются псевдоклассы и псевдоэлементы для более гибкой стилизации.

Анимация и инструменты разработчика

Студенты осваивают основы анимации через @keyframe и учатся автоматизировать процесс разработки с помощью Gulp. Отдельный модуль посвящен фреймворку Bootstrap - его установке и использованию для быстрой разработки.

Финальный проект и деплой

Заключительная часть курса - создание полноценного сайта-резюме. Проект включает верстку с Bootstrap, адаптацию под мобильные устройства, минимизацию файлов с помощью Gulp. Завершается курс деплоем сайта на бесплатный хостинг и добавлением динамики через JavaScript для вывода информации.

Требования к прохождению

Для успешного обучения достаточно базовых навыков работы с компьютером.

Что получают студенты

Курс содержит 21 спринт и 125 практических заданий. Каждый студент создает проект для портфолио и получает поддержку в течение обучения. Преподаватели помогают находить и исправлять ошибки. Доступ к материалам без ограничений по времени. После успешного завершения - сертификация.

Что включено

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

Гибкий график

Реальный проект в портфолио

Сопровождение ментора

HTML для JS розробників

О курсе

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

Основы HTML и CSS

Работа с элементами и позиционирование

Современные подходы к верстке

Анимация и инструменты разработчика

Финальный проект и деплой

Требования к прохождению

Что получают студенты

Что включено

О школе

ITGid

Другие курсы школы

JavaScript24 (part 2)

JavaScript24 (part 1)

PHP 2023 - base