1.
Вёрстка
↗
2.
Язык разметки - Html
↗
3.
Группировка элементов
↗
4.
Стилизация с помощью CSS. Синтаксис CSS
↗
5.
Позиционирование элементов в верстке с помощью flexbox
↗
6.
CSS-свойства для создания отступа: “padding”, “margin”
↗
7.
Абсолютное позиционирование элементов на странице
↗
8.
Background, space-evenly - Вёрстка второго экрана макета
↗
9.
Псевдокласс, псевдоэлемент, путь к файлу - третий экран макета
↗
10.
Cсылка, id элемента, псевдокласс “:hover“-событие наведения мыши
↗
11.
Шрифты. Стилизация текста с помощью CSS
↗
12.
Комментарии в коде, тэг "br" , тэг "span" - пятый экран макета
↗
13.
JavaScript, переменная, функции, объекты - шестой экран макета
↗
14.
Создание всплывающего окна с помощью js - седьмой экран макета
↗
15.
DevTools - инструменты разработчика
↗
16.
Адаптивная вёрстка
↗
17.
Вспоминаем пройденные темы
↗
18.
Хостинг. Размещение сайта в интернете. Ftp-клиент
↗
19.
Подведём итоги
↗
20.
Обращение к учащимся
↗