Верстка сайта c использованием Gulp

Автор: Вадим Прокопчук

Курс скачан из открытых интернет-источников. Авторские права на продукты принадлежат только их владельцам. Основная цель сайта — это предоставление пользователям бесплатного материала для самостоятельного обучения. Если вы заметили нарушение своих авторских прав, то вы можете связаться с нами для удаления вашего продукта с нашего сайта по ссылке>>>>>

С Уважением,

Администрация проекта learn-free.site «Учитесь бесплатно» 

ОПИСАНИЕ

В данном курсе, я полностью верстаю и комментирую верстку сайта в модульном стиле, все делаем на сборке Gulp.

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

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

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

КОРОТКИЙ ПЛАН КУРСА:

• Установка nodejs (если вы работаете с gulp впервые)
• Начальная настройка проекта, подключение шрифтов + верстка header и адаптив
• Верстка footer с адаптацией под мобильные устройства
• Верстка главного экрана + адаптив
• Верстка блока статистики + адаптив
• Верстка блока About
• Верстка блока Projects (слайдер)
• Верстка блока с тарифными планами
• Адаптив для блоков: about, projects, tariff
• Верстаем и адаптируем галерею

ЧЕМУ ВЫ НАУЧИТЕСЬ:

• Верстка сайта HTML/CSS/JS, используем современные подходы
• Навык верстки модульного дизайна (бенто стиль)
• Навык работы со сборщиком фронтенда gulp
• Адаптивная верстка

ВНИМАНИЕ!

СКАЧИВАЙТЕ КУРС СРАЗУ

Материал может быть удален в любой момент по запросу правообладателя!