Курс HTML5 та CSS3 Advanced

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

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

Принципи побудови розмітки, Flex, Grid, шаблони сайтів

• Визначення CSS3 Grid Layout
• Підтримка Grid Layout браузерами
• Визначення сіток, колонок і рядків
• Властивості Grid для зображування контейнерів
• Методи окремих елементів для зображування
• Вкладені Grid
• Області Grid

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

• Властивість transition
• Створення переходів
• Різновиди трансформації
• Матриця трансформації
• Спільне використання трансформації із переходом
• 3D-трансформації
• Анімації
• Використання градієнтів

Робота з графікою на стороні клієнта

• Основи SVG
• Path та координати
• Різні можливості з фігурами

Canvas

• Ознайомлення з тегом canvas
• Промальовування ліній
• Малювання прямокутної області
• Заливка меж і градієнта
• Очищення прямокутної області
• Малювання кривих і дуг
• Додавання img
• Градієнтна заливка
• Додавання тексту та тіні до елементів
• Встановлення прозорості
• Трансформація елементів полотна
• Розгляд прикладів

Геолокація і налаштування карт для сайту

• Перевірка функціонала геолокації у сучасних браузерах
• Структура геолокації API
• Функції JavaScript у розмітці для пошуку розташування
• Функція зворотного геокодування

Знайомство з Node.js i Webpack

• Знайомство з nodeJS
• Створення проєкту і встановлення пакетів webpack
• Налаштування запуску проєкту

Sass основи

• Визначення SASS і перетворення формату SASS в CSS
• Вкладеність
• Використання змінних
• Використання @mixin
• Інтерполяція змінних
• Директива @if у SASS
• Імпортування та розширення файлів
• Директива @if у SASS

Практика

Написання макету сторінки з використанням вивчених інтернет-технологій

Практика

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

• Практичні заняття і перевірка ДЗ
• Безкоштовний відеокурс
• Онлайн тестування і сертифікація

Викладачі курсу

• Сергій Патьоха - Senior Software Engineer at BIScience
• Олександр Гончаренко - Web Frontend Developer
• Анна Павлюк - Web Frontend Developer
• Олена Хижняк - Web Frontend Developer
• Поліна Соколенко - Web Frontend Developer
• Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
• Анастасія Ткаченко - Web Frontend Developer
• Філіп Севене - Web Frontend Developer
• Віталій Мазяр - Web Frontend Developer
• Оксана Дмитрієва - Web Frontend Developer
• Ростислав Сілівейстр - Web Frontend Developer
• Олександр Петрик - FullStack Developer
• Денис Ковтун - Web Frontend Developer
• Богдан Мартиненко - Frontend Developer
• Тарас Заславський - Frontend Developer
• Владислав Бєлік - React Frontend Developer
• Олексій Татаренков - Frontend Developer
• Олексій Кучеренко - Тренер консультант напрямку Frontend