HTML5 і CSS3

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

Основи HTML та структура документа

На першому занятті слухачі розпочнуть з фундаментальних речей. Вони дізнаються про DOCTYPE, стандарт Unicode та кодування. Буде розглянуто структуру HTML-документа та основні елементи розмітки. Курс охоплює концепцію семантичної верстки, використання коментарів, атрибутів та спеціальних символів. Також студенти навчаться створювати HTML сторінки та отримають основи SEO оптимізації через роботу з meta-тегами.

Вступ до CSS та робота з текстом

Друге заняття присвячене основам CSS. Тут розглядаються основні CSS властивості, селектори та одиниці виміру. Слухачі навчаться працювати з властивостями тексту, кольору та шрифтами. Важливою частиною є освоєння інструментів розробника Chrome Developer Tools для налагодження коду.

Робота з елементами та створення макету

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

Сучасна HTML розмітка

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

Позиціонування та багатостовпчаста верстка

П'ятий модуль присвячений складним аспектам верстки. Тут розглядається багатостовпчаста верстка, CSS box модель та позиціонування елементів. Особлива увага приділяється властивості float та її практичному застосуванню.

Просунута робота з CSS

Шосте заняття поглиблює знання CSS через вивчення псевдокласів та псевдоелементів. Слухачі освоють контекстні селектори, принципи каскадування та успадкування стилів. Це дозволяє створювати більш гнучкі та ефективні таблиці стилів.

Форми та мультимедійний контент

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

Стилі для різних пристроїв та веб-шрифти

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

Адаптивна верстка та Flexbox

Дев'ятий модуль присвячений сучасним підходам до верстки. Тут вивчається адаптивна верстка та модель Flex-блоків, що дозволяє створювати гнучкі макети, які коректно відображаються на різних пристроях.

Робота з Bootstrap

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

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

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