Урок №1.1

Основы HTML

Структура документа. Теги, контейнеры, текстовые элементы, списки, таблицы, изображения и атрибуты.

Урок №1.2

Основы CSS

Правила работы с CSS. Идентификаторы, классы, стили. Родительские и дочерние элементы.

Размеры объектов: относительные и абсолютные.

Автоматический размер в зависимости от контента.

Урок №1.3

Адаптивная верстка

Подготовка проекта к адаптивности. Сервисы для проверки работы страницы на разных устройствах.

Урок №1.4

Анализ кода. Работа с инспекторм

Просмотр и поиск кода. Анализ. Работа с инспектированием кода. Поиск наследственности стилей.

Урок №2.1

Flexbox & Grid, позиционирование

Универсальные инструменты позиционирования элементов. 

Урок №2.2

Работа с текстом

Свои шрифты, размеры, запрет переноса текста., форматирование текста, цвета и фон.

Урок №2.3

Работа с изображениями

Растровые и векторные изображения. Работа с форматом SVG. Управления цветом через CSS. Изменение изображений, фильтры и эффекты.

Урок №2.4

Псевдоэлементы

Использование псевдоэлементов в CSS. Практическое применение:
:after, :before, :not-child, :not-first, :not-last и других элементов.

Урок №2.5

HOVER эффекты

Различные принципы работы hover эффектов на родительском и дочерних объектах. Сложные конструкции.

Урок №2.6

Анимация

Виды анимации на чистом CSS. Поэтапная анимация.

Урок №2.7

Стили для объектов форм

Работа с текстовыми полями, многострочным текстом, выпадающими списками, check box и radio box.

Урок №3.1

Базовое представление о JS

Переменные, условные выражения, типы данных, базовый синтаксис.

Урок №3.2

Массивы, JSON

Представление о массивах. Работа с JSON объектами.

Урок №3.3

Creatium JS API

Изучение возможностей Creatium JS API в деталях.