HTML для JS разработчиков

Изучаем HTML и CSS c нуля. Учим теги, стили, свойства, верстаем страницы. Делаем адаптацию под мобильные устройства, анимацию. Проект — сайт резюме.

  • теги html
  • виды тегов
  • верстка HTML страницы
  • CSS, класы, id, стили
  • блочные и строчные элементы
  • позиционирование элементов
  • float, flex, grid
  • адаптивная верстка
  • медиазапросы
  • HTML5, валидация кода
  • Семантическая верстка
  • псевдоклассы и псевдоєлементы
  • анимация, @keyframe
  • gulp
  • bootstrap
  • проект
  • деплой сайта на хостинг

Курс содержит

  • 377 min video
  • 21 sprints
  • 125 tasks
  • Projects
  • Помощь и поддержка
  • Разбор и устранение багов
  • Доступ без ограничения времени
  • Сертификация

Спринты

Технологии и ПО

Gulp Responsive Bootstrap HTML5 CSS w3c Google developers VSCode

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

  • Базовые навыки работы с компьютером

Изучаем верстку HTML и каскадные таблицы стилей CSS. Учимся верстать страницу на основе элементом HTML, декорируя CSS согласно дизайну. Изучаем верстку таблиц (необходима для админ панелей и верстки писем), способы создания структур сайта — float, flex, grid. Рассматриваем виды позиционирования элементов, кадровую анимацию.

Изучаем стандарт HTML5 и семантическую верстку с семантическими тегами. Валидация результата согласно стандартам W3C.

Адаптируем сайт под мобильные устройства. Разрабатываем сайт резюме. Выкладываем собранный сайт на реальный хостинг.

Три проекта.

  • Проект 1. Верстка страницы «Подводная лодка» - для работы с классами и id.
  • Проект 2. Верстка страницы плаката.
  • Проект 3. Проект курса создание сайта резюме с заполнением данными на основе JavaScript. Верстка с применением фреймворка Boostrap. Сборка проекта, минимизация файлов CSS, JS с помощью сборщика Gulp.

В курсе много практических заданий для отработки верстки.

Если в ходе изучения возникают трудности — есть поддержка, помощью в написании кода, проверка задач, разбор багов, повторная проверка исправленных заданий.

  • 377 min video
  • 21 sprints
  • 125 tasks
  • Projects
  • Помощь и поддержка
  • Разбор и устранение багов
  • Доступ без ограничения времени
  • Сертификация