Інтернет, веб-сторінка, введення в HTML

• зародження інтернету
• основні визначення
• програми для розробки
• введення в HTML
• побудова структури

Інструменти верстальника

• налаштування програм
• екскурс по інтерфейсам
• порізка макету

HTML верстка

• знайомство з тегами на макеті
• HTML верстка
• побудова моделі

Введення в CSS

• спецсимволи
• одиниці вимірювання
• основні стилі CSS

Додаткові CSS властивості

• display
• :hover
• посилання
• стилі браузера
• вага стилів
• онлайн-редактори

HTML5

• основні відмінності та переваги
• нові теги HTML5
• правильне використання

Псевдоелементи

• :before & :after
• box-sizing
• position

Спрайти

• особливості та переваги
• створення спрайтів

Селектори

• псевдо-селектори
• специфічні селектори
• селектори по атрибутам

Шрифти

• підключення зовнішніх шрифтів
• підключення внутрішніх шрифтів

Таблиці

• звичайні таблиці
• таблиці стилями

EMMET

• переваги використання
• практика

БЕМ

• особливості методології
• практика

GIT

• призначення
• основні команди
• гілки

Веб-форми

• елементи форм
• атрибути елементів
• HTML5 елементи

Основи PHP

• введення
• структура
• змінні
• налаштування локального серверу
• відправка замовлень на пошту

Практика PHP

• умови
• цикли
• функції
• написання гри “Орел-Решка”
• написання гри “Екстрасенс”

CSS трансформація

• scale
• rotate
• skew
• translate
• matrix

CSS анімація

• transition
• animation

Препроцесори

• основи
• змінні
• вкладеність
• міксини
• спадкування
• імпорт
• компілятори

SVG

• основні переваги
• структура
• базові фігури
• робоча область, заливки, обведення
• практика

Основи адаптивної верстки

• @media
• viewport
• відносні величини
• практичні приклади

Flexbox & CSS Grid

• display: flex;
• gisplay: grid;

Bootstrap

• Bootstrap 3
• Bootstrap 4