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

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

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

What You Will Learn!

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

Description

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

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


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


Короткий план курса:


  1. Установка nodejs (если вы работаете с gulp впервые)

  2. Начальная настройка проекта, подключение шрифтов + верстка header и адаптив

  3. Верстка footer с адаптацией под мобильные устройства

  4. Верстка главного экрана + адаптив

  5. Верстка блока статистики + адаптив

  6. Верстка блока About

  7. Верстка блока Projects (слайдер)

  8. Верстка блока с тарифными планами

  9. Адаптив для блоков: about, projects, tariff

  10. Верстаем и адаптируем галерею


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

Who Should Attend!

  • Для всех кто хочет прокачаться в верстке сайтов используя препроцесор и сборщик gulp.
  • Верстальщики, начинающие frontend разработчики

TAKE THIS COURSE

Tags

Subscribers

8

Lectures

12

TAKE THIS COURSE