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

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

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

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

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

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

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

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

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

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

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

8 занятие: Flex box разметка

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

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

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

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

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

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

10.3. Задания

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

11-12 занятие: Семантика в HTML5. Элементы формы. CSS-слайдер

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

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

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

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

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

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

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

HTML5

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

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

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

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

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

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

14 занятие: SVG - символы, трансформация, градиенты

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

Клиентский JavaScript

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

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

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

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

Библиотека jQuery

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

21 занятие: jQuery - геометрия элементов, события, анимация. jQueryUI

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

Объект Canvas

23 занятие: Перетаскивание - окончание. Знакомство с canvas

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

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