Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

10 | Figma и Pixso, практика с макетом и ДЗ | Кайдзен разработка

itdoctor

верстка сайта

работа с макетом

Figma

Pixso

установка Figma

импорт макета

взаимодействие с дизайнером

создание проекта

HTML верстка

CSS стилизация

практика верстки

домашнее задание

обучение верстке

верстка для начинающих

веб-разработка

фронтенд

работа с заказчиком

Скачать и установить Figma и Pixso

Импорт макета в Figma и Pixso

установить Figma

Импорт макета в Figma

Макет сайта в Figma

Автор: ITDoctor

Загружено: 15 апр. 2025 г.

Просмотров: 398 просмотров

Описание:

В этом уроке разбираем весь процесс верстки сайта: изучаем макет в Figma/Pixso, устанавливаем редакторы, импортируем макет, рассматриваем процесс работы с дизайнером, создаем проект, пишем код на HTML и CSS, а в конце — практика и домашнее задание. Идеально для новичков, кто хочет освоить верстку по макетам с нуля. Таймкоды помогут быстро перейти к нужному разделу!

📌 Задания и все уроки из цикла "Кайдзен разработка" - https://stepik.org/208758
🎁 Скачать PDF гайд про Кайдзен - https://t.me/itdoctor_official/1389
   • Flexbox CSS самый понятный и подробны...  

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

00:00 Важная информация!
00:10 Макет сайта в Figma и Pixso
03:43 Скачать и установить Figma и Pixso
07:59 Импорт макета в Figma и Pixso
12:14 Как устроен процесс работы с дизайнером и заказчиком
16:32 Создание нового проекта и начало работы над фрагментом сайта по макету
20:52 Пишем HTML код
24:30 Пишем CSS код
29:00 Практика, домашнее задание

💡 Телеграм - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach
⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor

YouTube -    / @itdoctor  
Дзен - https://dzen.ru/itdoctor
ВК - https://vk.com/itdoctorstudio
Rutube - https://rutube.ru/channel/23500045/

#itdoctor #kaizen #kaizendevelopment

10 | Figma и Pixso, практика с макетом и ДЗ | Кайдзен разработка

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

11 | Урок по основам JavaScript для начинающих | Кайдзен разработка

11 | Урок по основам JavaScript для начинающих | Кайдзен разработка

Дизайн сайта  в Figma | Адаптив сайта

Дизайн сайта в Figma | Адаптив сайта

Best of Gibran Alcocer | Beautiful Ambient Mix

Best of Gibran Alcocer | Beautiful Ambient Mix

Figma #CONFIG2025  — Что нового? Вау-фичи, которые изменят твою работу?! Кривой автолейаут

Figma #CONFIG2025 — Что нового? Вау-фичи, которые изменят твою работу?! Кривой автолейаут

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

Deep & Melodic House 24/7: Relaxing Music • Chill Study Music

Deep & Melodic House 24/7: Relaxing Music • Chill Study Music

FIGMA С НУЛЯ ЗА 1 ЧАС: Полный курс для новичков [2025]

FIGMA С НУЛЯ ЗА 1 ЧАС: Полный курс для новичков [2025]

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

30 Minutes Relaxing Felt Piano \\ Original Music by Jacob's Piano

30 Minutes Relaxing Felt Piano \\ Original Music by Jacob's Piano

Как сделать дизайн сайта в Figma | Фигма с нуля для начинающих (2025 UX UI)

Как сделать дизайн сайта в Figma | Фигма с нуля для начинающих (2025 UX UI)

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]