Вадим Прокопчук «Верстка сайта c использованием Gulp в модульном Bento стиле» — Udemy слив скачать
- Добавлено: 2024-04-15
- Автор курса: Вадим Прокопчук
- Сайт автора: Перейти
- Доступ: Облако Mail / Yandex / Google
- Скачать: PC / Smartphone / Tablet
Каждый верстальщик много раз столкнется с версткой в которой будет модульная секция, masonry расположение элементов, ну или же как в данном проекте все будет построено в модульном стиле. В такой верстке часто есть разные моменты, которые вызывают сложности у разработчиков которые не сталкивались с такими задачами раньше. В данном видео курсе я полностью покажу как верстать подобные проекты, что использовать и самое главное как потом их адаптировать.
Помимо этого, мы все будем делать на сборке фронтенда Gulp. Я предоставляю готовую сборку и показываю как с ней работать. В процессе работы мы будем инклюдить файлы, конвертировать шрифты, подключать сторонние файлы, оптимизировать изображения, работать с препроцесором SCSS и многое другое.
Дизайн сделан в Figma, мы используем стандартные инструменты данной программы, я показываю как можно работать с дизайн макетом без devmode режима.
Короткий план курса:
- Установка nodejs (если вы работаете с gulp впервые)
- Начальная настройка проекта, подключение шрифтов + верстка header и адаптив
- Верстка footer с адаптацией под мобильные устройства
- Верстка главного экрана + адаптив
- Верстка блока статистики + адаптив
- Верстка блока About
- Верстка блока Projects (слайдер)
- Верстка блока с тарифными планами
- Адаптив для блоков: about, projects, tariff
- Верстаем и адаптируем галерею
- Верстка сайта HTML/CSS/JS, используем современные подходы
- Навык верстки модульного дизайна (бенто стиль)
- Навык работы со сборщиком фронтенда gulp
- Адаптивная верстка
- 2 раздела
- 12 лекций
- Общая продолжительность 7 ч 24 мин
- Обзор проекта
- Короткий обзор сборки которую мы используем
- Установка nodejs
- Начальная настройка проекта + верстка header
- Верстка footer
- Верстка главного экрана
- Верстка блока статистики
- Верстка блока About
- Верстка блока Projects (слайдер)
- Верстка блока с тарифными планами
- Адаптив для блоков: about, projects, tariffs
- Верстаем и адаптируем Gallery
Купить другие курсы и тренинги от Вадима Прокопчука
Рекомендуемые курсы
Чему вы научитесь Научитесь создавать профессиональные сайты используя HTML CSS и jаvascript Создадите свой полноценный сайт портфолио с нуля! Узнаете основы jаvascript и Jquery и научитесь применять их в своих проектах. Изучите супер крутые эффекты jQuery, такие как анимация, эффекты прокрутки и
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить. Спойлер: Программа курса После завершения курса вы научитесь оформлять
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени. Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий в GitHub Desktop и с графическим макетом в
Что внутри Основная часть видеокурса разделена на 2 фундаментальных блока и включает в себя 66 уроков общей продолжительностью порядка 13 часов. Вы получите блок по веб-дизайну и блок по верстке. А 11 бонусных видеокурсов, общей продолжительностью 20 часов, дадут новичкам всю необходимую
Полный курс по созданию сайтов на CMS WordPress без знаний кода. Создадим три сайта разными способами Расскажу свои секреты с фриланса Что сегодня нужно знать о SEO? Всё про скорость и безопасность. План курса: - 01. Установка WordPress Сам процесс установки WordPress занимает 5 минут, но однако
Чему вы научитесь Мы изучим и подробно разберем все премудрости Андроид разработки. Если вы хотите научиться создавать любое Андроид приложение, разместить свое приложение в Google Play и зарабатывать на этом деньги, стать профессиональным Андроид разработчиком или просто создавать приложения в
Больше курсов по этой теме
Как проектировать REST API в Postman: с нуля до работающих методов REST API за вечер: от концепции до Postman Проектирование REST API с документацией в Postman: 5 главных принципов дизайна на практике Учимся работать с API-документацией в Swagger на практике за 2 часа Про REST API за 90 минут: от
Анализ проекта: от идеи до задач в разработку Обучающие материалы для самостоятельного обучения, в которых разбираются реальные задачи системных аналитиков. С их помощью вы сможете самостоятельно осваивать теорию на практике, структурировать знания по системному анализу и подготовиться к
Python - Полный Курс по Python, Django, Data Science и ML Изучите самый популярный язык программирования Python, включая Django, Pygame, Jupyter, Data Science и Machine Learning 75 разделов 458 лекций Общая продолжительность 43 ч 2 мин Чему вы научитесь: Вы узнаете основные принципы работы Python и
Чему вы научитесь: - Первый шаг на пути к системному администрированию - Вы получите подробную информацию о виртуализации, файловых системах, кластерах, DHCP и хранилищах. - Научитесь устанавливать, обновлять и управлять различными версиями Windows сервера 2016 - Научитесь создавать виртуальные
Подготовка к собеседованию на Data Engineer Привет, будущий Дата-инженер! На этом курсе я расскажу как сделать твое резюме выделяющемся среди других кандидатов, какие навыки тебе потребуется. Разберем чек-лист HR из топовых компаний, по каким критериям они отбирают кандидата. Данный курс будет
На занятиях этого курса мы будем изучать основы программирования на языке Python — от написания простейших программ в одну строку до написания игр. В курс включено изучение языка программирования как такового, его необходимых конструкций и возможностей. Мы научимся реализовывать основные алгоритмы
Отзывы о курсе «Верстка сайта c использованием Gulp в модульном Bento стиле» от Вадима Прокопчука