все ще використовуєте
HTML + CSS?
- оновлення через F5
- 2000 рядків CSS коду в одному файлі...
- ...і стільки ж HTML
у нас є
- Автоматичне оновлення в браузері
- SASS розкладений по модулях
- Шаблонизатор PUG
- немає дублювання коду
- компонентний підхід
- Більше Заробив!
Завдяки
верстка і стилі в браузері оновлюються автоматично!
= можливості
Обробка препроцесорів SASS і PUG.
Стиснення, оптимізація та мініфікація - все в одному інструменті.
Встигай більше!
Зі складанням-та ж робота, займає менше часу!
Прискорення становить від 30% до 200%!
Тепер замість 8 годин, робота займає всього 4.
Вільний час можна витратити на додаткові проекти, відпочинок, Хобі, спорт, сім'ю, риболовлю!)
технічні деталі
Приходь на інтенсив. На ньому ми з нуля навчимося збирати і налаштовувати свої збірки, встановлюючи необхідні плагіни. Навіть якщо ти бачиш всі перераховані вище назви і логотипи вперше - ми зовсім розберемося.
програма інтенсивності
День 1
Знайомимося з інструментами для збірки. Встановлюючи. Настроювати.
Знайомство з інструментами
Старт роботи з Gulp
BrowserSync-сервер і автооновлення
CSS препроцесор SASS
День 2
Практика. Навчальний проект №1.
Перенесення проекту на Gulp збірку
Структурування CSS стилів
Структурування HTML за допомогою Gulp
День 3
HTML шаблонизатор PUG.
Введення. Презентація. Можливості
Структура проекту: src і build
PUG. Структура сторінок, секцій, блоків
День 4
Практика. Навчальний проект № 2.
Чиста збірка під новий проект
Верстка макета з використанням збірки і шаблонізатора PUG
День 5
Практика. Навчальний проект № 2.
Чиста збірка під новий проект
Верстка макета з використанням збірки і шаблонізатора PUG
Бонус. Шаблонізація контенту з JSON файлу
Підведення підсумків інтенсиву
День 1
Знайомимося з інструментами для збірки. Встановлюючи. Настроювати.
Знайомство з інструментами
Старт роботи з Gulp
BrowserSync-сервер і автооновлення
CSS препроцесор SASS
День 2
Практика. Навчальний проект №1.
Перенесення проекту на Gulp збірку
Структурування CSS стилів
Структурування HTML за допомогою Gulp
День 3
HTML шаблонизатор PUG.
Введення. Презентація. Можливості
Структура проекту: src і build
PUG. Структура сторінок, секцій, блоків
День 4
Практика. Навчальний проект № 2.
Чиста збірка під новий проект
Верстка макета з використанням збірки і шаблонізатора PUG
День 5
Практика. Навчальний проект № 2.
Чиста збірка під новий проект
Верстка макета з використанням збірки і шаблонізатора PUG
Бонус. Шаблонізація контенту з JSON файлу
Підведення підсумків інтенсиву
https://privatelink.de/?https://webcademy.ru/sborka/