Курс Основи фронтенду. HTML та CSS

Курс присвячений знайомству з основами мови HTML і таблиць CSS та практичним аспектам фронтенд-розробки.

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

Знайомство з основними тегами

• Вступ до курсу
• Що таке HTML та CSS
• Теги та їхні типи
• Теги для розмітки тексту

Знайомство з Visual Studio та верстка тексту

• Знайомство з Visual Studio
• Верстка тексту
• Встановлення та налаштування Visual Studio Code

Робота зі стилями

• Підключення каскадних таблиць стилів CSS та форматування текстів
• Робота з таблицями

Підключення стилів та верстка таблиць

Підключення стилів та верстка таблиць.

Блочна верстка та селектори CSS

• Семантична верстка
• Що таке "Блочкова модель" та як вона влаштована
• Селектори CSS
• Псевдокласи
• Media query

Блочна модель, селектори, псевдокласи та медіазапити

• Робота з Figma для фронтенд-розробників
• Блочкова модель, селектори, псевдокласи та медіазапити

Флексбокси

• Що таке флексбокси та як з ними працювати
• Робота з сітками
• Види позиціонування елементів

Сітки, флексбокси та позиціонування

Сітки, флексбокси та позиціонування.

Робота з формами

• Верстка форм
• Оформлення форм
• Кросбраузерність в CSS

Створення простої форми

Створення простої форми.

UI Kit

• Підключення нестандартних шрифтів
• Що таке UI Kit і з чого він складається

Створення UI Kit

Створення UI Kit.

Створюємо просту посадкову сторінку

• Верстка посадкових сторінок
• Передача дизайн-проєкту фронтенд-розробнику
• Розміщення сторінок в інтернеті

Створення посадкової сторінки

Створення посадкової сторінки.

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

• За попередньою підпискою стартуй навчання в будь-який момент
• Самостійне навчання онлайн у власному темпі
• Сертифікат після проходження курсу

Викладачі курсу

Антон Супрун - ведучий розробник CASES та Креативної Практики