HTML/CSS. Видеокурс

HTML/CSS. Видеокурс

HTML/CSS — язык гипертекстовой разметки, основа для изучения серверных языков программирования. Изучив html, вы сможете создать адаптивную веб-страницу или веб-сайт. Изучив css — сможете оформить свёрстанный сайт.

Чтобы отработать полученные знания — делайте практические задания. Мы их не проверяем, но выполнять их важно: так у вас появятся базовые навыки профессиональной вёрстки.

Чему Вы научитесь

  • вёрстке адаптивных сайтов,
  • валидной кроссбраузерной вёрстке,
  • flexbox-вёрстке,
  • выполнять базовые операции в figma,
  • использовать препроцессоры SASS и bootstrap.

Что Вы получите

Видеозаписи всех онлайн-занятий
Видеоуроки, доступные после обучения
Методички и практические задания
Общение с одногруппниками
Сертификат об окончании обучения

Средние оценки

4.8 / 5
Программа
4.9 / 5
Преподаватель

Преподаватели

  • 1
    Урок 1. Основные понятия в веб-разработке
    Знакомство, вводная информация; настройка visual studio code,горячие клавиши, установка расширений; Создание html документа; Структура html документа; Виды и атрибуты тегов; Отладчик браузера.
  • 2
    Урок 2. Основы языка разметки документов HTML
    Списки в html; Спецсимволы и комментарии; Гиперссылки (локальные, абсолютные, якоря); Типы изображений для web; Формы и их элементы; Просмотр, редактирование, поиск ошибок через отладчик браузера.
  • 3
    Урок 3. Основы языка оформления стилей документа CSS
    Введение в стили; Способы подключения стилей; Селекторы; Базовые свойства стилей (px, %, background, color, border) часть 1; Базовые свойства стилей (width, height, font, list-style, текст); Вложенность наследование и группирование свойств.
  • 4
    Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
    Основные теги div, span, создание блочной структуры; Отступы у элементов; Обтекаемые элементы; Псевдоклассы; Псевдоэлементы; Таблицы.
  • 5
    Урок 5. Основы позиционирования, работа с Flexbox
    Свойство display; Что такое flexbox (горизонтальное и вертикальное расположение); Порядок отображения, многострочность, смещение отдельного блока; Задание гибких размеров для блоков; Position: relative и absolute.
  • 6
    Урок 6. Работа с макетом дизайна в формате Figma
    Что такое макет и какие виды макетов бывают; Знакомство с программой Figma, нарезка макета; Определение размеров блоков, создание блочной структуры; Добавление стилей из макета; Создание сайта по макету. Часть 1; Создание сайта по макету. Часть 2.
  • 7
    Урок 7. Основы создания адаптивного сайта
    Гибкие размеры блоков, адаптивного сайта; Эмуляция мобильных устройств; Медиа-запросы; Прижатие подвала к нижней части экрана; Практика создания адаптивного сайта; Практика создания адаптивного сайта часть 2.
  • 8
    Урок 8. Стандарты web и вспомогательные инструменты
    Инструменты разработчика. Часть 1; Загрузка проектов на сервер; Кроссбраузерность; Знакомство с Boostrap; Знакомство с препроцессором Sass; Практическое использование препроцессора Sass.

После обучения мы предлагаем всем выпускникам оценить программу курса и преподавателя, а также при желании оставить отзыв.
Все отзывы и оценки мы публикуем без изменений.