BEND-AVT. Автоматизация процессов веб-разработки

Темы лекции

Тема 1

• Технологический процесс разработки веб-приложения.
• Системы контроля версий: централизованные и распределенные.
• Работа с GIT. Основные консольные команды.
• Просмотр изменений, графическое представление данных в консоли.
• Создание репозитория. Работа с GitHub, GitLab, Bitbucket.
• Работа в группе. Применение изменений. Работа с ветками.
• Использование клиентов GitHub Desktop, SourceTree.
• Работа с препроцессорами Less, Sass, Stylus.
• Сравнительный анализ препроцессоров. Отличия синтаксиса.
• Отличие SCSS и SASS.
• Программы для компиляции Koala, CodeKit, Compass, Dreamweaver CC.
• Вложенные правила, cсылка на родителя, вложенные свойства, шаблонные селекторы.
• Основы SassScript. Переменные и область видимости.
• Типы данных, операции, функции, интерполяция.

Тема 2

• Управляющие директивы и выражения.
• Работа с циклами в Sass.
• Миксины.
• Функции.
• Работа с фреймворками. Bourbon.
• Стили релиза скомпилированного документа. Работа с исходным кодом при тестировании проекта.
• Работа с менеджерами пакетов bower, npm.
• Системы сборки задач. Сравнение Gulp, Grunt и Webpack.
• Установка и запуск задач. Gulp 4.
• Потоки Vinyl-FS.
• Часто используемые задачи. Расширения для автоматизации задач.
• Организация gulpfile.
• Стили, ресурсы, спрайты.
• Инкрементальная сборка, watch.
• Обработка ошибок.

Темы практики

Тема 1

• Установка и запуск git.
• Работа в консоли.
• Создание локального и внешнего репозитория.
• Управление коммитами и ветками проекта.

Тема 2

• Установка компилятора для препроцессоров.
• Сравнение less, sass и scss.
• Основы SassScript.
• Работа с переменными. Область видимости.
• Типы данных, операции, функции.
• Автоматизация стилевых описаний для фронтенд разработки.

Тема 3

• Создание функций.
• Работа с циклами и условиями.
• Работа с фреймворком Bourbon.
• Тестирование кода. Создание сборки для отладки разработчиком и формирование финального релиза.

Тема 4

• Установка менеджеров пакетов.
• Установка gulp и дополнительных модулей.
• Проектирование задач автоматизации.
• Создание файла gulpfile.js.
• Итеративное улучшение потока задач, работа с pipe.
• Инкрементальная сборка, watch.
• Создание множественных сборок проекта с вариативными частями.
• Публикация кода в репозитории. Потоковая загрузка файлов на конечный сервер.