Курс на Stepik
Обложка курса «Верстка сайта из PSD, Figma и Pixso» на Stepik
290 ₽

Верстка сайта из PSD, Figma и Pixso ★ 5.000

Открыть на
STEPIK.ORG

Верстка сайта из PSD, Figma и Pixso с нуля. В этом курсе мы будем верстать landing page по макету из PSD, используя в своей работе Bootstrap 4, Методологию БЭМ, Adobe Photoshop, Font Awesome, GitHub и многое другое. А так же рассмотрим верстку в современных реалиях используя Figma и Pixso.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Верстка сайта из PSD, Figma и Pixso»Учеников на курсе 32
Сертификаты, выданные на курсе «Верстка сайта из PSD, Figma и Pixso»Сертификатов выдано 7
Отзывы о курсе «Верстка сайта из PSD, Figma и Pixso»Отзывов получено 1
Рейтинг курса «Верстка сайта из PSD, Figma и Pixso»Рейтинг курса 5.000
Уроки в курсе «Верстка сайта из PSD, Figma и Pixso»Количество уроков 29
Тесты в курсе «Верстка сайта из PSD, Figma и Pixso»Количество квизов 34
Время прохождения курса «Верстка сайта из PSD, Figma и Pixso»Время прохождения курса —
Стоимость курса «Верстка сайта из PSD, Figma и Pixso»Стоимость курса 290 ₽ —
Обновления курса «Верстка сайта из PSD, Figma и Pixso»Обновления курса — —
Дата публикации курса «Верстка сайта из PSD, Figma и Pixso»Дата публикации курса — ———
Последнее обновление курса «Верстка сайта из PSD, Figma и Pixso»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «Верстка сайта из PSD, Figma и Pixso» 3 раздела Уроки в курсе «Верстка сайта из PSD, Figma и Pixso» 29 уроков Тесты в курсе «Верстка сайта из PSD, Figma и Pixso» 34 теста Время прохождения курса «Верстка сайта из PSD, Figma и Pixso» 9 ч. Последнее обновление курса «Верстка сайта из PSD, Figma и Pixso» обн. 2 июня 2026

Верстка сайта из PSD

12 уроков
1. Подготовка к началу работы ↗
2. Верcтка меню сайта ↗
3. Верстка шапки сайта ↗
4. Создаем блок "Наши услуги" ↗
5. Делаем портфолио на jQuery ↗
6. Оптимизируем и улучшаем портфолио ↗
7. Верстаем блок "Тарифные планы" ↗
8. Работаем с Slick Slider ↗
9. Верстаем раздел "Блог" по макету ↗
10. Верстаем форму обратной связи ↗
11. Адаптивная версия для планшетов ↗
12. Адаптивная версия для смартфонов ↗

Верстка сайта из Figma

9 уроков
1. Структура проекта ↗
2. Обзор макета ↗
3. Работа с Perfect Pixel ↗
4. Адаптивная версия ↗
5. Экспорт SVG ↗
6. Верстаем раздел ↗
7. Тень блока вручную ↗
8. Публикуем код ↗
9. Плагин Inspect Styles ↗

Верстка сайта из Pixso

8 уроков
1. Знакомство с Pixso ↗
2. Работа с SVG ↗
3. Шрифты Google Fonts ↗
4. Perfect Pixel в браузере ↗
5. Раздел сайта Features ↗
6. Раздел сайта Stats ↗
7. Раздел сайта Blog ↗
8. Домашнее задание ↗