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

Вступ до розробки інтерфейсів

На цьому курсі починають з основ. Розповідають, що потрібно знати для старту в професії та для чого взагалі потрібні розробники інтерфейсів. Зʼясовують, що таке веб і які шляхи розвитку існують у цій галузі. Відразу ж налаштовують робоче середовище - встановлюють необхідні програми та завантажують перший сайт.

Основи HTML

Далі вчаться працювати з HTML. Розбирають теги, атрибути та семантику. Вчать правильно оформляти текст, додавати зображення та створювати списки. Потім переходять до більш складних елементів - таблиць, медіаконтенту та фреймів. Окремо розглядають інструменти розробника та вчать оформляти код за стандартами.

Робота з CSS

Тут переходять до стилізації. Спочатку вивчають підключення стилів, синтаксис та селектори. Розбираються з каскадністю, специфічністю та CSS-змінними. Потім вчать працювати з шрифтами - підключати їх різними способами та оформляти текст. Знайомляться з блоковою моделлю, типами елементів та структурними псевдокласами.

Сучасні технології верстки

Цей блок присвячений сучасним підходам до розмітки. Детально вивчають Flexbox - від основних концепцій до практичного застосування. Потім переходять до CSS Grid, розбирають grid-контейнери та grid-елементи. Навчаються створювати складні макети з використанням обох технологій.

Декоративні елементи та графіка

Тут вчать робити сторінки візуально привабливими. Розглядають різні типи зображень, роботу з фоном, градієнтами та тінями. Вивчають псевдоелементи та їх практичне застосування. Окремо працюють з графікою - растровою та векторною, додають SVG на сторінки та створюють SVG-спрайти.

Складні техніки верстки

У цій частині розглядають позиціонування елементів різними способами, властивість overflow та накладання елементів. Потім переходять до анімації - вивчають трансформації, переходи та складні анімації. Вчать оживляти інтерфейси та робити їх інтерактивними.

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

Спочатку вчать створювати веб-форми - розбирають основи роботи, різні елементи форм та способи групування полів. Потім переходять до валідації - вивчають види перевірки даних, методи контролю введених значень та псевдокласи стану полів.

Професійні інструменти

На завершальних етапах знайомляться з професійними інструментами. Вивчають препроцесори SASS та SCSS, вкладені правила та директиви. Розбирають CSS методології, зокрема БЕМ - блоки, елементи та модифікатори. Вчать писати чистий та структурований код.

Адаптивність та фінальна робота

Останній блок присвячений адаптивності. Розглядають типи верстки, CSS media запити та стратегії Mobile first/Desktop first. Вчать адаптувати графіку для різних пристроїв. Курс завершується фінальною роботою, після якої видають диплом.

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

Заняття проходять у зручний для студентів час. Кожна тема закріплюється практичними домашніми завданнями. У пакеті "Pro" доступні додаткові переваги. Всі студенти отримують доступ до особистого кабінета з записами занять.

Що включено

Видається диплом/сертифікат

Гнучкий графік

Супровід ментора

HTML/CSS-фахівець

Про курс

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

Вступ до розробки інтерфейсів

Основи HTML

Робота з CSS

Сучасні технології верстки

Декоративні елементи та графіка

Складні техніки верстки

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

Професійні інструменти

Адаптивність та фінальна робота

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

Що включено

Про школу

Genius.Space

Інші курси школи

WEB-дизайнер – Genius.Space

Бухгалтер ФОП

Спеціаліст з таргетованої реклами