all-threads-bot

Frontender`s Spectre

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

15 апреля 2025 г., 17:12

В этом уроке разбираем весь процесс верстки сайта: изучаем макет в Figma/Pixso, устанавливаем редакторы, импортируем макет, рассматриваем процесс работы с дизайнером, создаем проект, пишем код на HTML и CSS, а в конце — практика и домашнее задание. Идеально для новичков, кто хочет освоить верстку по макетам с нуля. Таймкоды помогут быстро перейти к нужному разделу! 📌 Задания и все уроки из цикла "Кайдзен разработка" - https://stepik.org/208758 🎁 Скачать PDF гайд про Кайдзен - https://t.me/itdoctor_official/1389 https://youtu.be/Hf__JLlFxpk На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: https://www.youtube.com/playlist?list=PLuY6eeDuleIP9ZCt2kBrqF3iepYlq3NBk 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 - https://youtube.com/@ITDoctor Дзен - https://dzen.ru/itdoctor ВК - https://vk.com/itdoctorstudio Rutube - https://rutube.ru/channel/23500045/ #itdoctor #kaizen #kaizendevelopment