О чём курс

О чём курс

Вы примените инструменты современной вёрстки под руководством преподавателя школы Hexlet Артёма Архипова. В программе задействованы препроцессор SASS, фреймворк Bootstrap 5 и таск-раннер Gulp, позволяющие ускорить, упростить и оптимизировать вёрстку сайтов.

Что внутри

Обучение выстроено вокруг трёх ключевых тем:

  • Рабочее окружение. Настройка NodeJS и пакетного менеджера NPM, запуск программ и подключение Eslint для автоматической проверки правил кода.
  • Препроцессоры и шаблонизаторы. Синтаксис SASS, включая миксины, переменные, шаблоны, функции и циклы, а также шаблонизатор Pug с его модулями и логическими конструкциями.
  • Сборка и компоненты. Интеграция Bootstrap 5, построение адаптивных сеток, сборка проекта с помощью Gulp, а также разработка собственных компонентов, утилит и цветовых схем.

Программа обучения

  1. Настройка окружения
  • Установка и настройка NodeJS.
  • Установка JavaScript, NPM, Запуск программ в среде NodeJS
  • Работа с NPM. Работа с зависимостями, Глобальная установка зависимостей, Тока входа
  • Линтинг. Eslint, Настройка линтера, Настройка правил проверки кода 2.SASS
  • SASS основы. Установка зависимостей для работы с SASS, Шаблонные селекторы, Переменные, Миксины
  • SASS программирование. Типы данных, Функции, Условные конструкции, Циклы
  • Препроцессор Pug. Установка и настройка Pug, Теги и контент в Pug, Подключение модулей, Использование JavaScript, Условные конструкции и типы
  1. Bootstrap
  • Основы. Установка Bootstrap, Сетка Bootstrap, Адаптивность, Таблицы, Компоненты
  • Gulp. Установка Gulp, Gulpfile, Базовые функции Gulp, Подключение сторонних пакетов
  • Bootstrap: основы. Создание собственного компонента, Создание собственных утилит, Цветовые схемы Bootstrap, Оптимизация проекта
Складчина создана 19 июля 2026 г.

Теги курса

Инструменты
3 900 ₽