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

Сучасна верстка: Grid та Flexbox

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

Анімації та градієнти

Модуль присвячений створенню анімацій та роботі з градієнтами. Студенти освоять властивість transition, навчаться створювати переходи та різні види трансформацій, включаючи 3D. Особлива увага приділяється спільному використанню трансформацій з переходами та практичному застосуванню градієнтів.

Робота з векторною графікою

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

Canvas: малювання на полотні

Модуль присвячений роботі з HTML5 Canvas. Студенти навчаться промальовувати лінії, прямокутні області, криві та дуги. Курс включає додавання зображень, градієнтну заливку, роботу з текстом, тінями та прозорістю, а також трансформацію елементів полотна.

Геолокація та карти

На цьому етапі розглядається робота з геолокацією та інтеграція карт на сайт. Учасники навчаться перевіряти підтримку геолокації в браузерах, працювати з Geolocation API, використовувати JavaScript функції для пошуку розташування та зворотного геокодування.

Інструменти розробника: Node.js та Webpack

Модуль знайомить з основами Node.js та Webpack. Студенти навчаться створювати проекти, встановлювати пакети та налаштовувати запуск проектів за допомогою цих сучасних інструментів веб-розробки.

Препроцесори: основи Sass

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

Практична реалізація

Фінальний модуль присвячений практичній роботі - написанню макету сторінки з використанням усіх вивчених інтернет-технологій. Студенти застосують отримані знання у реальному проекті.

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

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

Що включено

Вечірні заняття

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

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

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

HTML5 та CSS3 Advanced

Про курс

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

Сучасна верстка: Grid та Flexbox

Анімації та градієнти

Робота з векторною графікою

Canvas: малювання на полотні

Геолокація та карти

Інструменти розробника: Node.js та Webpack

Препроцесори: основи Sass

Практична реалізація

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

Що включено

Про школу

CyberBionic Systematics

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

Node.js

C# для професіоналів

React