Курс HTML + CSS Advanced

Програма курсу

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

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

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

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

HTML верстка

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

Введення в CSS

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

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

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

HTML5

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

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

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

Спрайти

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

Селектори

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

Шрифти

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

Таблиці

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

ЕММЕТ

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

БЕМ

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

GIT

• Призначення
• Основні команди
• Гілки

Веб-форми

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

Основи PHP

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

Практика PHP

• Умови
• Цикли
• Функції
• Написання гри "Орел-Решка"
• Написання гри "Екстрасенс"

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

• scale
• rotate
• skew
• translate
• matrix

CSS анімація

• transition
• animation

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

• Основи
• Змінні
• Вкладеність
• Міксини
• Спадкування
• Імпорт
• Компілятори

SVG

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

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

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

Flexbox & CSS Grid

• display: flex
• display: grid

Bootstrap

• Bootstrap 5
• Випускний проєкт

Особливості курсу

• Офлайн курс у Хмельницькому
• Для дорослих та молоді від 14 років
• 3-чі на тиждень по 2 год 18:30 - 20:30
• Дні навчання: понеділок, середа, п'ятниця
• 7 місяців / 84 заняття
• +30 хв. консультації перед кожним заняттям (на 18:00)
• Можливість індивідуального навчання