Вводное занятие

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

1 занятие: основные теги, атрибуты

2 занятие: составные элементы HTML

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

3 занятие: основные понятия CSS. Селекторы

4 занятие: блочный элемент

5 занятие: блочные модели страниц. Блочное меню

6 занятие: многоуровневое меню

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

7 занятие: новые свойства CSS

7.1 занятие: новые свойства CSS, продолжение

8 занятие: FlexBox, Grid Layout

9 занятие: CSS-анимация

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

10 занятие (для самостоятельного изучения)

10.0. Обсуждение Дз9 (цифры)

10.1. Линейный градиент

10.2. Круговой градиент

10.3. Задания

10.4. Домашнее задание

Корзинка: стилизация блока .main с разделами

11-12 занятие: элементы формы. CSS-слайдер

11-12 занятие (темы 11, 12) (для самостоятельного изучения)

11.1. Элементы формы

11.2. Простой CSS-слайдер

11.3. Слайдер с превьюшками

11.4. Стилизация радиокнопки

11.5. Домашнее задание

11.6. Корзинка - Font Awesome, слайдер, поисковая форма

HTML5

12 занятие

13 занятие (+ начало 14): адаптивная разметка. Знакомство с SVG

13 занятие (для самостоятельного изучения)

13.1. Адаптивная разметка

13.2. Условные комментарии

13.3. Обзор материалов по теме

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

14 занятие: знакомство с SVG

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

Клиентский JavaScript

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

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

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

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

Библиотека jQuery

20 занятие: знакомство с jQuery

21 занятие: jQuery, события, функции

22 занятие: jQueryUI. Проект с перетаскиванием

Объект Canvas

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

24 занятие: Canvas - анимация, перетаскивание, манипулирование пикселями

25 занятие: ООП в JavaScript