HTML/CSS. Интерактивный курс

Курс повышения квалификации или освоения программы с нуля по направлению HTML/CSS. Интерактивный курс от онлайн-университета GeekBrains. Курсы, созданные практикующими экспертами компаний-партнеров. Индивидуальный график – вы сами выбирайте, когда и во сколько проходить программу обучения. После прохождения курса выдается сертификат и возможность пройти стажировку в лучших IT компаниях России. У каждого студента есть возможность пообщаться с преподавателем в режиме онлайн или задать вопрос в чат. Университет имеет государственную лицензию №040485 на право оказывать образовательные услуги.

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

Урок 1. Основные понятия в веб-разработке

• Знакомство, вводная информация
  настройка visual studio code,горячие клавиши, установка расширений.
  Создание html документа
  Структура html документа.
  Виды и атрибуты тегов
  Отладчик браузера

Урок 2. Основы языка разметки документов HTML

• Списки в html
  Спецсимволы и комментарии
  Гиперссылки(локальные, абсолютные, якоря)
  Типы изображений для web;
  Формы и их элементы.
  Просмотр, редактирование, поиск ошибок через отладчик браузера

Урок 3. Основы языка оформления стилей документа CSS

• Введение в стили
  Способы подключения стилей
  Селекторы
  Базовые свойства стилей(px, %, background, color, border) часть 1
  Базовые свойства стилей (width, height, font, list-style, текст)
  Вложенность наследование и группирование свойств

Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы

• Основные теги div, span, создание блочной структуры
  Отступы у элементов
  Обтекаемые элементы
  Псевдоклассы
  Псевдоэлементы
  Таблицы

Урок 5. Основы позиционирования, работа с Flexbox

• Свойство display
  Что такое flexbox (горизонтальное и вертикальное расположение)
  Порядок отображения, многострочность, смещение отдельного блока
  Задание гибких размеров для блоков
  Position: relative и absolute

Урок 6. Работа с макетом дизайна в формате Figma

• Что такое макет и какие виды макетов бывают
  Знакомство с программой Figma, нарезка макета
  Определение размеров блоков, создание блочной структуры
  Добавление стилей из макета
  Создание сайта по макету. Часть 1
  Создание сайта по макету. Часть 2

Урок 7. Основы создания адаптивного сайта

• Гибкие размеры блоков, адаптивного сайта
  Эмуляция мобильных устройств
  Медиа-запросы
  Прижатие подвала к нижней части экрана
  Практика создания адаптивного сайта
  Практика создания адаптивного сайта часть 2

Урок 8. Стандарты web и вспомогательные инструменты

• Инструменты разработчика. Часть 1
  Загрузка проектов на сервер
  Кроссбраузерность
  Знакомство с Boostrap
  Знакомство с препроцессором Sass
  Практическое использование препроцессора Sass