Зверніть увагу: Цей курс представлений у форматі відеозаписів лекцій без зворотного зв’язку та участі викладача. Ви отримуєте повний доступ до всіх матеріалів одразу після оплати. Мова викладання — російська. Незабаром буде українська версія курсу.
Перестаньте працювати вручну — автоматизуйте свою верстку!
У сучасному веб-розробці швидкість та ефективність вирішують все. Якщо ви досі пишете код у чистому HTML та CSS, вручну оновлюючи сторінку в браузері, ви втрачаєте дорогоцінний час. Цей курс покаже вам, як за допомогою збирача Gulp та сучасних інструментів прискорити процес верстки в рази та заробляти більше.
Швидше зверстав — більше заробив!
Ми навчимо вас мислити компонентами та налаштуємо робоче оточення, яке візьме на себе всю рутину. Ви забудете про дублювання коду завдяки шаблонізатору PUG, а ваші стилі стануть структурованими та легкими для підтримки завдяки SASS. Автоматичне оновлення сторінки в браузері (Live Reload) дозволить бачити зміни миттєво.
Ключові технології, які ви опануєте:
- Gulp 4: Навчитеся писати таски для автоматизації будь-яких процесів: компіляції, мініфікації, оптимізації зображень.
- SASS (SCSS): Почнете використовувати змінні, міксини та вкладеність для створення потужних та гнучких стилів.
- PUG (Jade): Освоїте шаблонізатор, який дозволяє писати HTML-структуру швидше та чистіше, використовуючи компоненти та цикли.
- BrowserSync: Налаштуєте сервер для розробки з автоматичним оновленням у всіх браузерах одночасно.
В результаті та сама робота, яка раніше займала 8 годин, займатиме всього 4. Звільнений час ви зможете витратити на нові проєкти, навчання або відпочинок.
? Детальна програма інтенсиву (5 частин)
Частина 1: Знайомство та налаштування
Встановлення необхідних інструментів (Node.js, Gulp). Створення першого таску. Налаштування сервера з BrowserSync та компіляція SASS.
Частина 2: Практика №1 (Перенесення проєкту)
Беремо існуючий проєкт на чистому HTML/CSS та переносимо його на Gulp-збірку. Структуруємо CSS та HTML файли.
Частина 3: Шаблонізатор PUG
Вивчення синтаксису PUG. Створення структури проєкту з поділом на сторінки, секції та компоненти (блоки).
Частина 4: Практика №2 (Верстка з нуля)
Створення нового проєкту з чистої збірки. Верстка макету з використанням усіх переваг Gulp, SASS та PUG.
Частина 5: Просунуті техніки та підсумки
Верстка складніших елементів. Бонусний урок з шаблонізації контенту з JSON файлу. Підбиття підсумків.
Відгуки покупців
25.08.2025 Підтверджений клієнт
"Швидше зверстав - більше заробив!" - це правда! Gulp заощаджує мені купу часу. Раніше все робив вручну, це було пекло.
27.04.2024 Підтверджений клієнт
Для верстальників, які хочуть працювати швидше і ефективніше, - це просто маст-хев. Дуже рекомендую.
16.02.2024 Підтверджений клієнт
PUG - це просто знахідка! Ніякого дублювання коду. Верстка стала набагато чистішою і зрозумілішою.