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

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

Мессенджер «Hexlet Chat»
Разработаете полноценный веб-проект с использованием Gulp для автоматической сборки и подготовки к развертыванию. В проекте настроите компиляцию Pug и SASS, оптимизируете изображения и организуете файловую структуру. Освоите современные подходы к вёрстке с помощью Bootstrap, OOCSS и Atomic CSS, а также научитесь работать с макетом в Figma и адаптировать интерфейс под разные устройства. А чтобы усилить своё портфолио, разместите итоговый проект на GitHub — это значительно повысит шансы на успешное трудоустройство.
Как проходит обучение
Теория в удобном текстовом формате — легко читать даже с телефона. Живые примеры помогают понять, как всё работает. Материал выстроен так, чтобы вы двигались шаг за шагом, не упуская важных деталей
После каждой темы вы проходите квизы, которые помогают убедиться, что вы всё поняли. Вопросы разного уровня сложности дадут возможность как проверить базу, так и попрактиковаться в применении знаний
Мы создали удобную виртуальную среду, где вы решаете задачи прямо в браузере. У вас есть редактор кода, консоль и автоматические тесты, которые моментально показывают результат
Учебный помощник на базе ИИ — это наставник, который всегда под рукой. Он понимает, что нужно сделать и как выглядит ваш код. Если что-то пошло не так, вы сразу получите понятные и полезные подсказки
Подписка от 2 400 ₽/мес
Этот навык уже входит в подписку. Оформи доступ и открывай все навыки сразу (50+)
Подписаться →- 50+ навыков в одной подписке
- Пожизненный доступ к теории
- Обучение с ИИ-ассистентом
- Отмена в любой момент