Програма курсу
Основи адаптивної верстки та Bootstrap
На цьому курсі починають з основ адаптивної верстки. Розглядають медіазапити та принципи створення сайтів, які коректно відображаються на різних пристроях. Знайомляться з популярними CSS-бібліотеками, зокрема Bootstrap. Вивчають відмінності між версіями Bootstrap 3 та 4, роботу з Grid-системою сіток та інші корисні функції фреймворка. Кожен теоретичний блок закріплюють практичними завданнями.
HTML5: розширені можливості
Далі курс охоплює сучасні можливості HTML5. Студенти дізнаються про дата-атрибути - що це таке і як їх використовувати. Розглядають вбудовані атрибути та методи роботи зі сторонніми скриптами. Навчаються створювати якорі та реалізовувати плавне прокручування сторінки. Теорію відразу застосовують на практиці.
Сучасні підходи до верстки
Цей блок присвячений Flexbox - сучасній технології верстки. Студенти вивчають напрямки розміщення елементів, способи вирівнювання по вертикалі та горизонталі, роботу з текстом всередині блоків. Розбирають властивості flex-flow, flex-grow, flex-basis та order. Кожен концепт відпрацьовують на практичних прикладах.
Селектори та графіка в HTML5
Модуль охоплює селектори в HTML5 - які перейшли з попередніх версій, а які з'явилися новими. Студенти отримують уявлення про контекстні селектори, псевдокласи та псевдоелементи. Дізнаються про спрайти та роловери. Вивчають способи введення зовнішніх ресурсів та векторної графіки. Окремо розглядають створення іконок сайту у ICO-форматі та підтримку піктограм у різних браузерах.
Доступність та юзабіліті
Цей розділ присвячений створенню зручних для користувача сайтів. Студенти вивчають принципи usability та accessibility. Розбирають, які задачі стоять перед користувачами та як створювати інтерфейси, що враховують їхні потреби. Знайомляться з технічними засобами, які допомагають людям з обмеженими можливостями переглядати контент.
Складні аспекти HTML та CSS
Модуль глибше заглиблюється в CSS. Розглядають відносне, абсолютне та фіксоване позиціонування елементів, поведінку дочірніх компонентів. Вивчають механізми обрізання блоків та переповнення через властивість overflow, включаючи підтримку в різних браузерах. Практикують роботу зі складними макетами.
Сумісність з браузерами
Цей блок навчає забезпечувати коректне відображення сайтів у різних браузерах. Студенти вивчають умовні коментарі, скрипти для підтримки селекторів та модифікації поведінки застарілих браузерів. Розглядають різні типи фільтрів та способи їх застосування.
CSS3: сучасні можливості
Модуль присвячений розширеним можливостям CSS3. Студенти вивчають створення градієнтів, анімацій, роботу з веб-шрифтами. Розбирають багатоколонну верстку, фонові механізми та алгоритми закруглення кутів. Знайомляться з технологіями, що підтримуються сучасними браузерами, включаючи альтернативи Flash.
Верстка макетів
На цьому етапі студенти переходять до практичної верстки. Вчаться нарізати макети з PSD-файлів, правильно вибирати розміри та типи верстки. Освоюють механізми створення готових сторінок з графічних макетів. Кожен крок відпрацьовують на реальних прикладах.
Готові рішення та фреймворки
Завершальний модуль знайомить з типовими рішеннями, які використовують у веб-розробці. Студенти дізнаються про вміст популярних фреймворків, CMS-шаблони та JavaScript-рішення. Знайомляться з динамічним CSS та інструментами, що прискорують розробку.
Переваги навчання
Курс ведуть викладачі-практики з реальним досвідом у веб-розробці. Доступні формати навчання включають корпоративні групи та заняття у вихідні дні. Випускники мають можливість працевлаштування у провідних IT-компаніях. Доступне індивідуальне навчання за запитом.
