Скачать с ютуб Адаптивная верстка сайта с нуля по макету из Figma #1-18 Курс марафон по верстке сайта в хорошем качестве

Адаптивная верстка сайта с нуля по макету из Figma #1-18 Курс марафон по верстке сайта

Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS. В этом видео мы верстаем сайт по макету из Figma с нуля и до его завершения. Это видео содержит в себе все уроки из курса "Верстка сайта с нуля по макету из Figma" и является руководством по созданию адаптивной верстки по макету Figma от А до Я. А также для того, чтобы вам было удобно его смотреть я сделал для вас интерактивное содержание. ⚡️ Скачать готовый код вёрстки сайта из курса "Верстка сайта с нуля по макету из Figma": https://boosty.to/itdoctor/posts/6f32... 00:00 Про курс "Frontend разработчик на HTML, CSS и JavaScript" и благодарности 02:14 Figma, Редактор кода, Плагины и подготовка проекта 32:27 Шрифты, Настройки Редактора, Разметка шапки сайта 01:12:14 Pixel Perfect, Переменные, Стили текста и оформление шапки сайта 02:04:14 CSS Grid делаем сетку и адаптивную версию на медиа запросах 02:38:12 CSS Flexbox делаем три столбца и адаптивную версию 02:56:36 Раздел "Ваш запрос" и адаптивная версия 03:13:17 Раздел "Услуги", делаем сетку 3 на 2 03:39:30 Делаем портфолио на CSS Grid 03:49:16 Делаем раздел с текстом, который можно скрыть и показать 04:14:40 Верстка раздела "Наши партнеры" с логотипами компаний на Flexbox 04:33:24 Верстка раздела "Отзывы" и создание трех столбцов 04:56:42 Верстка раздела "Контакты" и "Футер" 05:17:23 Профессия верстальщик и мотивация 05:40:18 Интерактив на HTML, спойлеры и ссылки в футере 05:55:47 Интерактивное меню сайта на Materialize CSS 06:37:03 Модальное окно на сайте с помощью фреймворка Materialize CSS 06:51:59 Галерея изображений с помощью фреймворка Materialize CSS 06:58:00 Наставления и макет для самостоятельной верстки в подарок 🎥 Плейлист "Верстка сайта с нуля по макету из Figma" с отдельными уроками:    • Верстка сайта с нуля по макету из Figma   📌 Макет сайта Figma: https://drive.google.com/file/d/1gSTp... ⚡️ Бонусный код и макет на Boosty (поддержать автора): https://boosty.to/itdoctor/posts/bad0... 📌 Бонусный код и макет на GitHub: https://github.com/morphIsmail/figma-... 💡 На каких платформах можно найти мои уроки: https://t.me/itdoctor_official/23 (интерактивная pdf карта) 🎥 Большой практический КУРС "Frontend разработчик на HTML, CSS и JavaScript": https://stepik.org/z/113402 Эксклюзив на Boosty - https://boosty.to/itdoctor Telegram канал - https://t.me/itdoctor_official Курсы на Stepik - https://stepik.org/users/387773773/teach ВКонтакте - https://vk.com/itdoctorstudio Яндекс Дзен - https://zen.yandex.ru/itdoctor Rutube - https://rutube.ru/channel/23500045/ #html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor