Верстка сайта из Figma на HTML/CSS (5 уроков) — Frontend Blok
И да пребудет с тобой сила!
Курсы
Базовый курс по верстке Продвинутый курс по верстке Курс JavaScript Ручное тестирование Блоги на Wordpress
Марафоны
Марафон Flexbox CSS Марафон Grid CSS Марафон SVG для Web Марафон Email Вёрстка Многостраничный сайт Современная верстка Elementor в Wordpress Анимация CSS и JS
Полезноcти
Книги о программировании Шпаргалка Flexbox CSS Шпаргалка Grid CSS Видео с практикой
Вход
Меню
Главная Курсы Супер Старт

Интенсивный курс
Супер Старт 3.0

За 5 уроков сверстаем сайт из Figma, используя HTML и CSS
Записаться
Дата старта
{{ course.start_date }}
Длительность
5 дней
Стоимость
от {{ course.start_price }} РУБ {{ course.old_start_price }} РУБ
Сверстать сайт из Figma на HTML и CSS

Что будет на курсе?

Выдаем
макет для верстки
Мы предоставим макет Figma на тему пространства для работы в коворкингах.
Много-много
практикуемся
Параллельно с практикой, разбираем теорию. Верстаем сайт от и до и дарим полезные PDF.
Пополняем
ваше портфолио
Всё, что вы сверстаете в рамках курса, пойдет в ваше портфолио.

Расписание

5 дней обучения
День 1
Разбор макета в графическом редакторе Figma
День 2
Верстка шапки сайта и первого блока
День 3
Верстка центральных блоков сайта
День 4
Верстка предпоследнего блока и подвала сайта
День 5
Работаем над адаптивностью сайта

Обучение проходит на авторской платформе

Предпросмотр учебной платформы Frontend Blok

Как проходит обучение?

Получаете доступ на учебную платформу Frontend Blok
Каждый день в 6 утра по мск открывается доступ к новому уроку
Просматриваете урок длительностью 30 минут, где есть теория и практика
Выполняете домашнее задание для закрепления пройденного материала
Отправляете ДЗ куратору и выполняете его рекомендации
Получаете сертификат об окончании обучения: на русском и английском

Как можно зарабатывать на верстке сайтов, используя HTML/CSS?

Публиковать шаблоны
на продажу
Создав аккаунт на ThemeForest или TemplateMonster, ты сможешь продавать готовые шаблоны, обеспечив себе пассивный доход в долларах.
Сотрудничать
с веб-дизайнером
Заказчик, который обращается к веб-дизайнеру за макетом, вполне вероятно, нуждается в том, чтобы этот макет после сверстали. Такое сотрудничество создаст отличный тандем.
Искать заказчиков
на фрилансе
Под фрилансом можно понимать не только фриланс-биржи, но и соцсети. Начни вести экспертный блог и заказчики сами к тебе потянутся.

Общая информация по курсу

Формат уроков
Уроки заранее записаны и смонтированы так, чтобы не тратить ваше драгоценное время и получать только качественную информацию без воды.
Длительность уроков
В среднем уроки длятся 30-50 минут, но первый урок самый короткий - 11 минут. Также мы предоставляем домашки на самостоятельное выполнение, но следующих уроках есть видео-разборы, чтобы вы могли соотнести свои результаты с итогом. Они идут примерно 20 минут.
Домашние задания
Домашнее задание дается после каждого урока. Выполнение обязательно, потому что оно тесно связано с версткой учебного макета. Итоговую работу можно будет опубликовать на своем сайте-портфолио.
Время открытия уроков
Уроки открываются каждый день в 06:00 по мск в течении 5-ти дней. Они доступны месяц, но на учебной платформе можно приобрести опцию «Вечный Доступ» по символической цене.

Что верстаем?

Во время курса вы сверстаете одностраничный сайт на тему пространства для работы в коворкингах
Учебный макет в Figma.

На курсе мы сверстаем сайт с использованием HTML и CSS. Использовать будем только актуальные технологии: Flexbox и Grid. Макет представлен в Figma - именно этот редактор часто используют веб-дизайнеры для предоставления макетов.

Сколько стоит

Тариф «Самостоятельный»
Доступ к видео и материалам курса
Свёрстанный сайт для вашего портфолио
В подарок: PDF c моими комментариями на популярный Frontend Roadmap
{{ course.prices.start.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? 'или от ' + Math.round(course.prices.start.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку
Тариф «Индивидуальный»
Доступ к видео и материалам курса
Свёрстанный сайт для вашего портфолио
В подарок: PDF c моими комментариями на популярный Frontend Roadmap
В подарок: PDF о том, как оформить свой профиль Linkedin так, чтобы работодатели сами писали вам
Проверка вашей работы от Анны Блок
Консультация с Анной Блок через созвон или чат
{{ course.prices.personal.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('personal') ? course.prices.personal.current_price + ' руб' : '' }}
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('personal') ? 'или от ' + Math.round(course.prices.personal.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку

Отзывы о курсе Супер Старт

Дмитрий Белов
Дмитрий Белов
20 ноября 2022
Большое спасибо за знания , полученные на данном курсе. С помощью них я смог выполнить первый заказ на фрилансе и получить доход
Евгений Ярко
Евгений Ярко
22 июня 2020
Спасибо за курс. По объему знаний даже более полно чем необходимый минимум. Хочу также отметить что автор позаботилась о хорошей "среде" - редактор, плагин, работа со шрифтами и пр. Супер курс.
Павел Демьянов
Павел Демьянов
10 мая 2020
Все отлично, вижу путь для дальнейшего своего роста. Главное ваш курс помог увидеть картину...
Читать полностью
Богдан Рудаков
Богдан Рудаков
6 апреля 2020
Получил информации за один курс больше, чем у более крупных онлайн-площадок. Спасибо.
Эдгар Чамян
Эдгар Чамян
18 апреля 2021
Очень классный курс, закрепил свои знания. Курс советую
Юрий Коробейников
Юрий Коробейников
14 сентября 2020
Спасибо за этот курс. Понравился предложенный метод размещения по GRID. Не понятна адаптация. А так, в целом, не плохой курс. РЕКОМЕНДУЮ!!!!!
Сергей Яковлев
Сергей Яковлев
20 июля 2020
Было очень информативно и понятно. Буду продолжать изучать следующие курсы.
Anastasia Tsepeleva
Anastasia Tsepeleva
3 апреля 2020
Спасибо большое за курс! Материал преподносится чётко, постепенно и закономерно. На появляющиеся вопросы...
Читать полностью
Пагинация
Предыдущий
Следующий

Часто задаваемые вопросы

Сколько по времени длятся уроки?
Развернуть
В среднем уроки длятся 30-50 минут, но первый урок самый короткий - 11 минут. В видео коротко разбираем теорию, но только те моменты, которые встречаются на практике. Также мы предоставляем домашки на самостоятельное выполнение, но следующих уроках есть видео-разборы, чтобы вы могли соотнести свои результаты с итогом.
Должен ли я знать что-то заранее?
Развернуть
Нет, это не обязательно, но учитывайте, что здесь только практика и из теории разбираем только то, что встретится нам во время верстки макета. Это интенсив, где вы сверстаете с нуля усложненный дизайн сайта. Если для вас это первый проект, то рекомендуем после его прохождения взять «Базовый курс по вёрстке», чтобы более углебленно понять теорию и сверстать еще 2 проекта в рамках обучения. Если вы хотите прокачаться в вёрстке дальше, то рассмотрите «Продвинутый курс по вёрстке», как возможность узнать о новых технологиях.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
Нет, заранее ничего устанавливать не нужно. На курсе мы расскажем подробно, какими приложениями будем пользоваться и покажем, как устанавливать. Спойлер: это делается очень просто.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки не обязательно смотреть строго каждый день. Вы можете просмотреть и выполнить практику в любое удобное время. На учебной платформе будет указан срок закрытия курса. Не переживайте, вы всегда можете докупить опцию «Вечный Доступ», чтобы курс не закрылся и остался у вас навсегда.
Получу ли я сертификат в конце обучения?
Развернуть
Да, мы выдаём сертификаты. Это происходит после того, как вы просмотрите и выполните задания всех уроков.
Закрыть
Павел Демьянов
Павел Демьянов
10 мая 2020
Все отлично, вижу путь для дальнейшего своего роста. Главное ваш курс помог увидеть картину, что создание верстки не сложное, есть свои особенности конечно с адаптивом, к ним нужно привыкнуть, а так в целом все достаточно просто, нужно нарабатывать себе опыт и все будет. У меня получился макет, потому что все наглядно на видеоуроке разобрано.

Рекомендую начинать верстать с этого курса. Это даст Вам понимание нравится ли Вам этим заниматься. Пускай в курсе и не дают базовых знаний по используемым фишкам, это не важно, важно то, что при желании вы можете всю информацию найти в интернете, Вас это сильнее прокачает, а если хотите сразу получить все знания по верстке в большем объеме, не отходя от кассы идите на курсы по Верстке к Анне, там Вам все разжуют!
Закрыть
Anastasia Tsepeleva
Anastasia Tsepeleva
3 апреля 2020
Спасибо большое за курс! Материал преподносится чётко, постепенно и закономерно. На появляющиеся вопросы сразу же получала ответ в видео-уроках. Обучаться было одно удовольствие. Ни грамма скуки, одна мотивация :)