SASS
SCSS
bootstrap
Pug
Gulp
Bootstrap
Навык работы с SASS, Bootstrap 5 и Gulp для ускорения, упрощения и оптимизации процесса вёрстки и разработки сайтов
Егор Самойлин
выпускник Хекслета
Программа обучения
2 месяца
17 часов теории
76 часов практики
Что важно знать заранее
Для успешного прохождения курса вам нужны базовые знания HTML и CSS
Если вы пока не знакомы с программированием, не переживайте!
У нас есть вводные курсы, которые помогут вам освоить основы и подготовиться к обучению. Мы объясним всё с нуля — доступно и наглядно
Установка и настройка 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 — это значительно повысит шансы на успешное трудоустройство.
Как проходит обучение
Просто, наглядно и всегда под рукой
Вы изучаете теорию в удобном текстовом формате — легко читать даже с телефона. Живые примеры помогают сразу понять, как всё работает на практике. Материал выстроен так, чтобы вы шаг за шагом двигались от простого к сложному, не упуская важных деталей
Проверяем и закрепляем знания
После каждой темы вы проходите квизы, которые помогают убедиться, что вы всё поняли. Вопросы разного уровня сложности дадут возможность как проверить базу, так и попрактиковаться в применении знаний
Учитесь на реальных задачах
Мы создали удобную виртуальную среду, где вы решаете задачи прямо в браузере. У вас есть редактор кода, консоль и автоматические тесты, которые моментально показывают результат
Ваш AI-наставник в учебе
Наш Учебный помощник на базе ИИ — это как наставник, который всегда под рукой. Он понимает, где вы находитесь в курсе, что нужно сделать, и как выглядит ваш код. Если что-то пошло не так, вы сразу получите понятные и полезные подсказки
Занимаетесь сами, но не в одиночестве
Тяжело сохранять мотивацию, если обучаешься самостоятельно, поэтому мы создали крепкое IT-сообщество, где каждый студент получает поддержку и находит полезные контакты среди других разработчиков
Стоимость курса
Старт в любой момент
Продолжительность 2 месяца
Свободный режим учебы
AI-помощник
Интегрированное обучение: теория, тесты, тренажеры, проекты
Членство в IT-сообществе
от 3 900 ₽/мес
Хотите учиться от компании?
Расскажите вашему работодателю о Хекслете
