Курс на 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»Учеников на курсе 31
Сертификаты, выданные на курсе «Верстка сайта из PSD, Figma и Pixso»Сертификатов выдано 6
Отзывы о курсе «Верстка сайта из 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. Домашнее задание