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

Основи HTML та CSS

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

Робота з елементами та позиціонування

Далі курс охоплює блокові та рядкові елементи, методи позиціонування. Студенти проходять через табличну верстку, властивість position, float, flex та grid. Кожен спосіб позиціонування відпрацьовується на практиці. Додаткове завдання - верстка сторінки плаката для закріплення навичок.

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

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

Анімація та інструменти розробника

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

Фінальний проєкт та деплой

Заключна частина курсу - створення повноцінного сайту-резюме. Проєкт включає верстку з Bootstrap, адаптацію під мобільні пристрої, мінімізацію файлів за допомогою Gulp. Завершується курс деплоєм сайту на безплатний хостинг та додаванням динаміки через JavaScript для виводу інформації.

Вимоги до проходження

Для успішного навчання достатньо базових навичок роботи з комп'ютером.

Що отримують студенти

Курс містить 21 спринт та 125 практичних завдань. Кожен студент створює проєкт для портфоліо та отримує підтримку протягом навчання. Викладачі допомагають знаходити та виправляти помилки. Доступ до матеріалів без обмежень за часом. Після успішного завершення - сертифікація.

Що включено

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

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

Реальний проект у портфоліо

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

HTML для JS розробників

Про курс

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

Основи HTML та CSS

Робота з елементами та позиціонування

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

Анімація та інструменти розробника

Фінальний проєкт та деплой

Вимоги до проходження

Що отримують студенти

Що включено

Про школу

ITGid

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

JavaScript24 (part 2)

JavaScript24 (part 1)

PHP 2023 - base