Головна Школи Projector Front-end Beginning. HTML/CSS
Projector

Front-end Beginning. HTML/CSS

22 500 UAH за курс
3 місяців
Для початківців
Frontend
Цей курс допоможе зробити перші кроки у веброзробці. Ви навчитеся працювати з HTML, CSS, Flexbox, Grid та створювати адаптивні сайти. Курс включає практичні завдання, фідбек та допоможе визначитися, чи рухатися далі у front-end.

Про курс

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

Інструменти розробки

На цьому курсі починають з налаштування робочого середовища. Студенти працюватимуть у Figma та VSCode, навчаться користуватися терміналом і файловою системою. Особлива увага приділяється системам контролю версій - основним інструментом буде Git.

Основи HTML та CSS

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

Робота з контентом

Цей блок охоплює посилання та зображення. Учні дізнаються про різні типи посилань, шляхи до ресурсів та їхні атрибути. Також розглядаються формати зображень, можливості SVG та інструменти DevTools для аналізу коду в браузері.

Типографіка та стилізація

Модуль пояснює принципи роботи з текстом і шрифтами. Студенти навчаться підключати шрифти до сторінки та застосовувати CSS-правила для типографіки. Далі йде поглиблене вивчення CSS - блокова модель, display, float, позиціювання та стилізація елементів.

Структуровані елементи

Тут розглядаються списки, таблиці та семантичні теги. Учні працюватимуть з різними типами списків, лічильниками, таблицями та їхньою стилізацією. Також з'являться теги для групування контенту та основи семантичної розмітки.

Сучасні методи верстки

Цей великий блок охоплює Flexbox, Grid та адаптивний дизайн. Спочатку студенти освоять Flexbox - вирівнювання блоків, створення колонок. Потім перейдуть до Grid та його відмінностей від Flex. Завершується модуль responsive design - медіа-запити, контейнерні запити та адаптація контенту.

Форми та архітектура CSS

Студенти навчаться створювати форми різної складності - текстові поля, селекти, чекбокси, радіокнопки. Особлива увага приділятиметься валідації та стилізації форм. Далі йдуть системи іменування класів - BEM, SMACSS та інші методології для підтримуваного коду.

Просунуті можливості

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

Особливості навчання

Курс включає вебінари двічі на тиждень - у понеділок і четвер о 19:30. Учні виконуватимуть практичні завдання з реальними кейсами, розроблять власний проект та отримуватимуть регулярний зворотний зв'язок. Після успішного завершення видається сертифікат. Кошти можна повернути протягом перших 7 днів після початку курсу.

Що включено

Видається диплом/сертифікат
Гнучкий графік
Реальний проект у портфоліо
Супровід ментора