Про курс
Gulp – це спеціальний інструмент, таск менеджер, що дозволяє автоматизувати та прискорити виконання безлічі рутинних завдань розробки, з якими щодня доводиться стикатися під час створення вебсайту.
Даний курс допоможе вам у теорії та на практиці вивчити можливості застосування Gulp, починаючи від основ використання та базових правил, закінчуючи розглядом складніших структур. Проходячи уроки курсу, ви крок за кроком познайомитеся з усіма можливостями Gulp API. Ви пройдете через весь процес створення сторінки, від створення репозиторію для зберігання проекту, через створення gulpfile.js для структури проекту, підготовку макета сайту у Figma, забезпечення структури сторінки в html, додавання стилів до існуючої сторінки та скриптів у проект, до підсумкового результату -запаковці проекту та деплою на сервісі netlify.
Після проходження курсу ви розбиратиметеся в основах роботи тасків та їх створенні, а також дізнаєтесь про можливості бібліотек, які працюють з GulpJs. Якщо ви ще не знайомі з GulpJs, або хочете більше розібратися в роботі тих чи інших методів, цей курс допоможе вам у цьому.
Цей курс входить до спеціальності:
Попередні Вимоги
Для проходження цього курсу потрібні базові знання HTML, CSS та JavaScript.
Ви навчитеся
- Розуміти та вміти застосовувати особливості Gulp у повному циклі розробки лендінгу.
- Встановлювати Gulp, виконувати налаштування робочого оточення та створювати таски для перевірки коректності встановлення та відсутності помилок.
- Розуміти особливості 4-ї версії Gulp, її відмінності від 3-ї версії, розуміти різновиди Gulp файлів та особливості Gulp API.
- Застосовувати існуючі для Gulp плагіни, розуміти особливості їх підключення та налаштування у тасках для різних завдань. Використовувати плагіни для роботи з HTML, з PUG, плагіни для обробки JS та графіки.
- 4 год 9 хв
- 09.02.2022
- 5 з 5
- 09.02.2022
- російська
Що входить до курсу
Мета уроку – познайомитися з описом курсу, налаштувати робоче оточення. Створити таск для Gulp для перевірки коректності встановлення та відсутності помилок.
Мета уроку – познайомитися з особливостями 4 версії Gulp, різновидом Gulp файлів та Gulp API.
Мета уроку – створити набір тасків для автоматизації завдань. На уроці буде автоматизована обробка html та шаблонізатора pug. Розглянуто приклади автоматизації та обробки процесів та скриптів за допомогою gulp плагінів.
Мета уроку – на основі здобутих у попередніх уроках знань зібрати добірку тасків для створення вебсторінки. Підготувати репозиторій для зберігання проекту та подальшої публікації сторінки, ознайомитися з інструментом Figma для роботи з дизайном сторінки та отримання контенту. Створити структуру файлів та папок для зручної розробки сайту.
Мета уроку – виконати стилізацію проекту, додати скрипти для роботи компонентів та реалізації дизайну. На основі створених тасків модифікувати розмітку для заміни шляхів у фінальному файлі. Виконати фінальну мініфікацію перед коммітом та відправкою сайту на github. Реалізувати деплой репозиторію на сервіс Netlify.