Язык гипертекстовой разметки HTML

1 занятие: HTML-страница, теги, атрибуты. Цветовая модель RGB

2 занятие: Составные html-элементы: изображение, гиперссылка, список, таблица

Каскадные таблицы стилей CSS

3 занятие: CSS, селекторы

4 занятие: свойства блочного элемента, позиционирование

5 занятие: разметка страницы, блочные модели

6 занятие: блочное меню, многоуровневое меню. Сквозной проект: разметка страницы в технологии БЭМ

CSS3 - новые возможности

7 занятие: знакомство с CSS3

7.2 занятие: Знакомство с CSS3, продолжение.

8 занятие: CSS-переменные. Flex box разметка. Grid разметка

9 занятие: Grid (автоколонки). CSS-анимация

10 занятие: CSS-градиенты

Корзинка: стилизация глобальных блоков (результат)

Корзинка: стилизация глобальных блоков (скачать архив)

HTML5

11 занятие: Семантика в HTML5. Элементы формы

Корзинка: Font Awesome, слайдер, поисковая форма (видео) (результат) (скачать архив)

12, 13 занятия: CSS-слайдер. Адаптивная разметка, условные комментарии

Векторная графика SVG

14 занятие: SVG - графические элементы, символы, паттерн

15 занятие: SVG - трансформация, градиенты, анимация, события, текст

Клиентский JavaScript

16 занятие: SVG-окончание. JavaScript. Основные алгоритмические конструкции

17 занятие: манипулирование элементами DOM

18 занятие: таймеры

19 занятие: Массивы. События клавиатуры

20 занятие: Параллакс (продолжение). Объект Date, работа с множеством объектов

Тема 20, ч. 2: Перетаскивание. Переключение классов

Тема 20, ч. 3, тема 21: Приём перетаскиваемого объекта. ООП в JS

Тема 21, ч. 2: ООП в JS

Объект Canvas

22.1 занятие: Знакомство с Canvas

22.2 занятие: Canvas: анимация, перетаскивание

ООП в JavaScript, JS-библиотеки

21 занятие: ООП в JavaScript (запись занятия второй группы)

21 занятие, ч. 2: ООП в JavaScript (запись занятия второй группы)

23 занятие, ч. 1: React

23 занятие, ч. 2: React

23 занятие, ч. 3: React