HTML для JS разработчиков
- теги html
- виды тегов
- верстка HTML страницы
- CSS, класы, id, стили
- блочные и строчные элементы
- позиционирование элементов
- float, flex, grid
- адаптивная верстка
- медиазапросы
- HTML5, валидация кода
- Семантическая верстка
- псевдоклассы и псевдоєлементы
- анимация, @keyframe
- gulp
- bootstrap
- проект
- деплой сайта на хостинг
Спринты
Технологии и ПО
Требования к прохождению курса
- Базовые навыки работы с компьютером
Изучаем верстку HTML и каскадные таблицы стилей CSS. Учимся верстать страницу на основе элементом HTML, декорируя CSS согласно дизайну. Изучаем верстку таблиц (необходима для админ панелей и верстки писем), способы создания структур сайта — float, flex, grid. Рассматриваем виды позиционирования элементов, кадровую анимацию.
Изучаем стандарт HTML5 и семантическую верстку с семантическими тегами. Валидация результата согласно стандартам W3C.
Адаптируем сайт под мобильные устройства. Разрабатываем сайт резюме. Выкладываем собранный сайт на реальный хостинг.
Три проекта.
- Проект 1. Верстка страницы «Подводная лодка» - для работы с классами и id.
- Проект 2. Верстка страницы плаката.
- Проект 3. Проект курса создание сайта резюме с заполнением данными на основе JavaScript. Верстка с применением фреймворка Boostrap. Сборка проекта, минимизация файлов CSS, JS с помощью сборщика Gulp.
В курсе много практических заданий для отработки верстки.
Если в ходе изучения возникают трудности — есть поддержка, помощью в написании кода, проверка задач, разбор багов, повторная проверка исправленных заданий.