SASS

SCSS

bootstrap

Pug

Gulp

Bootstrap

Навык работы с SASS, Bootstrap 5 и Gulp для ускорения, упрощения и оптимизации процесса вёрстки и разработки сайтов

Начать обучение

Входит в подписку (более 50 навыков)

Артем Архипов

наставник

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

1. Настройка окружения

10 упражнений

10 квизов

Установка JavaScript

NPM

NPX

NodeJS

Установка и удаление зависимостей

Точка входа в приложении

Установка и настройка NodeJS

Установка JavaScript, NPM, Запуск программ в среде NodeJS

Работа с NPM

Работа с зависимостями, Глобальная установка зависимостей, Тока входа

Линтинг

Eslint, Настройка линтера, Настройка правил проверки кода

2. SASS

21 упражнение

19 квизов

SASS

компиляция в CSS

Шаблонные селекторы

Переменные

Миксины

Управляющие конструкции в SASS

Pug

SASS основы

Установка зависимостей для работы с SASS, Шаблонные селекторы, Переменные, Миксины

SASS программирование

Типы данных, Функции, Условные конструкции, Циклы

Препроцессор Pug

Установка и настройка Pug, Теги и контент в Pug, Подключение модулей, Использование JavaScript, Условные конструкции и типы

3. Bootstrap

23 упражнения

17 квизов

Bootstrap

Gulp

Адаптивность

Сетка Bootstrap

Компоненты Bootstrap

Утилиты Bootstrap

Основы

Установка Bootstrap, Сетка Bootstrap, Адаптивность, Таблицы, Компоненты

Gulp

Установка Gulp, Gulpfile, Базовые функции Gulp, Подключение сторонних пакетов

Bootstrap: основы

Создание собственного компонента, Создание собственных утилит, Цветовые схемы Bootstrap, Оптимизация проекта

Проекты

Мессенджер «Hexlet Chat»

Разработаете полноценный веб-проект с использованием Gulp для автоматической сборки и подготовки к развертыванию. В проекте настроите компиляцию Pug и SASS, оптимизируете изображения и организуете файловую структуру. Освоите современные подходы к вёрстке с помощью Bootstrap, OOCSS и Atomic CSS, а также научитесь работать с макетом в Figma и адаптировать интерфейс под разные устройства. А чтобы усилить своё портфолио, разместите итоговый проект на GitHub — это значительно повысит шансы на успешное трудоустройство.

Как проходит обучение

Просто и наглядно

Теория в удобном текстовом формате — легко читать даже с телефона. Живые примеры помогают понять, как всё работает. Материал выстроен так, чтобы вы двигались шаг за шагом, не упуская важных деталей

Проверяем и закрепляем знания

Учитесь на реальных задачах

Ваш AI наставник

Подписка от 2 400 ₽/мес

Этот навык уже входит в подписку. Оформи доступ и открывай все навыки сразу (50+)

Подписаться →