Верстка сайта c использованием Gulp в модульном(Bento) стиле

🎓 Курс "Верстка сайта c использованием Gulp в модульном (Bento) стиле"

Введение в курс

Привет, друзья! Если вы уже сталкивались с версткой и ищете новые горизонты для своего мастерства, то этот курс именно для вас! В данном видео мы вместе построим современный сайт в модульном стиле, используя мощную систему сборки Gulp. Я не только полностью верстаю проект перед вашими глазами, но и разблокирую все нюансы этого процесса, чтобы вы смогли понять каждый шаг и применить его в своей работе.

Основные моменты курса:

1. Установка nodejs: Если у вас только что установлен Node.js, начнем с этого. Gulp не может функционировать без него! 🤖

2. Настройка проекта: Мы начнем с базовой настройки проекта, подключим шрифты и вернемся к верстке заголовка (Header) с адаптивной реализацией.

3. Верстка footer: Далее мы верставим нижнюю часть сайта (Footer), убедимся, что он корректно отображается на мобильных устройствах.

4. Главный экран: Затем мы переходим к созданию основного экрана сайта с адаптивным дизайном.

5. Блоки статистики и о саITE: Верстим интересные блоки, включая статистику и информацию о проекте.

6. Проекты (слайдер): Верстка слайдера для показаcase проектов.

7. Тарифные планы: Разработаем и стилизуем блок тарифных планов с учетом дизайн-решения.

8. Адаптив для bлоков: Адаптируем блоки "О сайте", "Проекты" и "Тарифные планы".

9. Галерея: Верстим и адаптируем галерею для отображения изображений.

Что вы узнаете?

• Как установить и настроить Node.js и Gulp в вашей рабочей среде.
• Какие инструменты и технологии используются в современной верстке (Figma, SCSS, препроцесоры, сборка изображений и т.д.).
• Как верстать и адаптировать проект в модульном стиле.
• Какие проблемные моменты возникают при работе с модульной сеткой и как их преодолевать.

Дизайн и интерактивность

В курсе мы также поговорим о дизайне, который был разработан в Figma. Я покажу, как работать с макетом без включения режима devmode, что особенно полезно для тех, кто предпочитает более чистый подход к верстке.

Заключение:

После завершения этого курса вы сможете с уверенностью браться за создание и верстку сайтов в модульном стиле, используя Gulp для сборки проекта. Эти навыки станут отличным дополнением к вашему портфолио и помогут вам расти как профессиональный разработчик веб-проектов.

Не упустите шанс улучшить свои навыки верстки с использованием Gulp! Запишитесь на курс и начните путешествие по миру современной веб-разработки сегодня же! 🚀