Адаптивний дизайн - від основ до практики
- Шість структурованих модулів, що охоплюють CSS Grid, Flexbox і медіа-запити
- Реальні проєкти: верстка під мобільні, планшети та десктоп одночасно
- Навчання у власному темпі без прив'язки до розкладу чи часового поясу
Шість модулів, кожен із конкретною метою
Програма побудована так, щоб кожен модуль давав відчутний результат, а не просто теорію. Ви одразу пишете код, перевіряєте його у браузері та бачите, як сторінка змінюється залежно від ширини екрана. Жодних абстрактних вправ - лише задачі, з якими стикаються веб-розробники щодня.
Адаптивний дизайн - це не набір хитрощів, а спосіб мислення про контент. Ми вчимо думати в одиницях відносності, а не пікселях.
Основи браузерного рендерингу
Як браузер читає CSS, що таке каскад і специфічність, чому стилі «перебивають» одне одного. Без цього фундаменту решта тем не тримається.
Flexbox у деталях
Вісь, вирівнювання, перенесення елементів. Ви верстаєте навігацію, картки та форми, розуміючи кожен параметр, а не підбираючи значення навмання.
CSS Grid: двовимірні макети
Колонки, рядки, іменовані зони. Практика на реальних макетах: лендінг, дашборд, сторінка статті. Grid і Flexbox не конкурують - вони доповнюють одне одного.
Медіа-запити та точки зламу
Коли і як вводити breakpoints, чому 768px - не магічне число, як тестувати на реальних пристроях без емулятора. Підхід mobile-first на практиці.
Типографіка та зображення
Відносні одиниці em, rem, vw. Адаптивні зображення з srcset і sizes. Як текст масштабується без втрати читабельності на будь-якому екрані.
Фінальний проєкт
Верстка повноцінного багатосторінкового сайту з нуля. Ви самостійно приймаєте рішення щодо структури, точок зламу та компонентів, отримуючи зворотний зв'язок від ментора.
Платформа, що підлаштовується під вас
Gleamsparkua розроблена для студентів, які навчаються між роботою, сім'єю та іншими зобов'язаннями. Кожне заняття - це окремий відеоурок із текстовим конспектом і практичним завданням. Ви можете зупинитися, повернутися до попереднього матеріалу або пропустити те, що вже знаєте.
Ніхто не чекає, поки ви «наздоженете» групу. Тут немає групи - є ваш власний маршрут крізь матеріал.