«Продвинутый курс по вёрстке» с Webpack, HTML и SCSS — Frontend Blok
И да пребудет с тобой сила!
Главная Курсы Продвинутый по верстке

Продвинутый курс
по верстке

Прокачаешь свои навыки вёрстки, используя на практике Webpack, SCSS, анимации, транформации и новинки CSS.
Записаться
Дата старта
{{ course.start_date }}
Длительность
7 недель
Стоимость
от {{ course.start_price }} РУБ
Продвинутый курс по верстке сайтов Webpack, JavaScript, SCSS, HTML

Продвинутый курс по вёрстке сайтов является продолжением базового курса на FrontendBlok

Но если вы уже обладаете знаниями по верстке, то совсем не обязательно начинать с нуля. Вы можете выбрать этот курс, чтобы прокачаться на практике с Webpack, SCSS и Git. На базовом курсе мы делаем акцент только на HTML и CSS. Иначе говоря, на самых основах.

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

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

Кому полезен этот курс?

Тем, кто готов обучаться и прокачивать свой скилл, не останавливаясь на одном лишь HTML и CSS. Вам откроется больше возможностей: сможете взяться за большее количество заказов, повышая тем самым свой доход.
Тем, кто уже работает в качестве верстальщика, но имеет слабое портфолио, либо владеет малым количеством технологий. На курсе мы на практике верстаем с Webpack, используя HTML/SCSS и немного JavaScript.
Тем, кто хотел бы начать зарабатывать в сфере IT. Начинать лучше с верстки сайтов, потому что освоить азы можно быстро и на этих знаниях заработать первую денежку. Главное не останавливаться.

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

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

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

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

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

Формат уроков
Уроки заранее записаны и смонтированы так, чтобы не тратить ваше драгоценное время и получать только качественную информацию без воды.
Длительность уроков
В среднем каждый урок длится 25 минут, но есть исключения в виде 40-минутных роликов. Всё зависит от сложности темы ролика и выполняемой практики.
Домашние задания
Домашнее задание дается после каждого урока. Выполнение обязательно, потому что оно тесно связано с версткой учебного макета. Работы каждого ученика будет публиковаться на гит-репозитории сайта GitHub.
Время открытия уроков
Уроки открываются каждый день, кроме выходных, в 06:00 по московскому времени в течение месяца. Этого времени достаточно, чтобы посмотреть видео в любое удобное время и выполнить ДЗ.

Автор курса

Создатель сообщества Типичный Верстальщик
Более 9-ти лет в веб-разработке
Ведёт несколько соцсетей на тему веб-разработки
Основатель сервиса Frontend Help
Запустила учебную платформу Frontend Blok
Anna Blok photo

Учебные проекты

Во время курса вы сверстаете 2 крутых сайта, которые не стыдно будет показать заказчику или работодателю, под руководством опытных преподавателей
Пагинация
Предыдущий
Следующий
Учебный макет.

Сайт ресторана мы сверстаем вместе с использованием сборки Webpack. Внутренние технологии: HTML, SCSS и немного JavaScript. Много уделим внимания темам разработки анимаций, трансформаций, CSS Grid, CSS Container и другим новинкам CSS.
Дипломный проект.

В конце обучения мы предоставим вам 2 недели на верстку этого макета, чтобы закрепить полученные навыки.

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

Тариф «Самостоятельный»
Доступ к видео и материалам курса
Доступ к учебному чату Telegram
Сертификат об окончании обучения
{{ 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) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку
Тариф «Полный с куратором»
Доступ к видео и материалам курса
Доступ к учебному чату Telegram
Сертификат об окончании обучения
Куратор проверяет домашнее задание в течение потока, согласно расписанию
2 бонусных видео: «Оформление своего профиля на Github» и «Разбор типичных ошибок при оформлении Github»
{{ course.prices.full.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('full') ? course.prices.full.current_price + ' руб' : '' }}
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('full') ? 'или от ' + Math.round(course.prices.full.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку
Тариф «Индивидуальный с Анной Блок»
Доступ к видео и материалам курса
Доступ к учебному чату Telegram
Сертификат об окончании обучения
Анна Блок проверяет домашнее задание в течение потока, согласно расписанию
2 бонусных видео: «Оформление своего профиля на Github» и «Разбор типичных ошибок при оформлении Github»
В подарок один из модулей курса «Трудоустройство и фриланс»
1-2 консультации с Анной Блок
{{ 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) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку

Ваше резюме после обучения

Должность:
Верстальщик сайтов
Зарплата от:
80000 руб
Профессиональные навыки:
HTML5 и CSS3
Использование Figma для работы с макетами
Кроссбраузерная верстка
Адаптивная и отзывчивая верстка
Оптимизация сайта для быстрой загрузки
Умение создавать сложные анимации на сайте
Понимание семантической верстки
Работа с Webpack
Умение работать в команде, используя Git и Github
Умение работать с SCSS
Написание скриптов для популярных задач (карусель, попапы)
Понимание работы Swiper

Отзывы о продвинутом курсе по верстке

Нарина Карагевурян
Нарина Карагевурян
1 сентября 2023
Спасибо большое Анне за такой прекрасный курс! Очень много полезной информации я узнала с данного курса и многому научилась ) Пополнила портфолио...
Максим Смирнов
Максим Смирнов
27 июля 2023
После прохождения "Базового курса" приступил к следующему этапу - "Продвинутый курс". Было много полезной информации. На деле так же было...
Артём Мельман
Артём Мельман
17 апреля 2023
Добрый день всем! Сегодня я закончил обучение на продвинутом курсе по верстке, впереди дипломная работа. Конечно ещё большой путь предстоит, ведь я...
Анастасия Фролова
Анастасия Фролова
28 января 2023
Очень рада, что прошла курс Продвинутой верстки и получила именно то, что хотела! У меня уже была некоторая база по Html, CSS и JS, поэтому не хотела брать базовый курс...
Дарья Середина
Дарья Середина
31 августа 2022
Благодарю Анну за второй модуль! Очень интересно было работать с psd макетом + крутые штуки вроде слайдера и тд. После прохождения двух модулей...
Кирилл Смирнов
Кирилл Смирнов
10 июня 2022
Короче говоря, курс очень прикольный, все структурировано. Во время изучения 2 модуля уже начал верстать работы для дипломных работ ребятам в колледже. Общение с...
Дмитрий Подорожных
Дмитрий Подорожных
06 апреля 2022
Курс понравился. Много интересных решений. Познакомился с webpack. Верстка по БЭМ. Получил более подробные знания по scss.
Антон Простяков
Антон Простяков
11 апреля 2021
Прошел продвинутый курс 3.0 по верстке. Приобретая данный курс, я уже имел некоторые знания и опыт в верстке, но я не могу сказать, что мне было скучно! Лекции, подача...
Читать полностью
Даниил Прокашев
Даниил Прокашев
7 ноября 2020
Бум, еще один курс в копилку! Отличнейший курс, затрагивает много важных тем для верстки и в целом. Спасибо Анне за проделанную работу, очень много нового для себя извлек...
Читать полностью
Indira Agzamova
Indira Agzamova
7 июля 2020
Я прошла продвинутый курс по верстке по индивидуальному тарифу. Начну с того что сам курс написан коротко и понятно, без лишней воды. Если на остальных роликах приходится...
Читать полностью
Анна Кобзарь
Анна Кобзарь
10 августа 2020
Очень понравился курс, стала уверенней в своём коде и быстрее. Спасибо!:)
Сергей Мазеев
Сергей Мазеев
17 апреля 2020
Спасибо за ПРОДВИНУТЫЙ КУРС! Вы научили меня многому в современной верстке. Объясняли все доступно, подробно со множеством прикладного материала...
Читать полностью
Анастасия Демина
Анастасия Демина
11 апреля 2020
Это был очень тяжелый месяц для меня. Я имела скудные базовые знания и ноль практики. Но решилась на продвинутый курс. Я ни пожалела ни дня, что приобрела его...
Читать полностью
Василий Гуковский
Василий Гуковский
15 октября 2019
Много нового узнал в этом курсе. Спасибо Анна за новые знания и практические навыки. Курс очень хороший понравился.
Пагинация
Предыдущий
Следующий

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

Сколько по времени длятся уроки?
Развернуть
В среднем видео на курсе идет 25 минут, но есть и более длительные - по 40-50 минут. Всё зависит от сложности темы и объема выполняемой практики.
На этом курсе обучают с нуля?
Развернуть
Нет, это продвинутый уровень. Рекомендуем начинать обучение после «Базового курса по вёрстке», либо если вы самостоятельно на практике уже пробовали верстать сайты, используя HTML и CSS. Если вы сомневаете в том, подходит ли этот курс вам, то напишите нам.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
Рекомендуем заранее установить Adobe Photoshop, если его у вас нет. Версия не ниже CS6.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки не обязательно смотреть строго каждый день, но для системного обучения, лучше не пропускать уроки. В выходные уроков нет, поэтому можете использовать их, чтобы догнать пройденный материал за неделю.
Получу ли я сертификат в конце обучения?
Развернуть
Да, мы выдаём сертификаты, но только после того, как куратор проверит 2 сверстанные странички, созданные в рамках этого курса.
Закрыть
Даниил Прокашев
Даниил Прокашев
7 ноября 2020
Бум, еще один курс в копилку! Отличнейший курс, затрагивает много важных тем для верстки и в целом. Спасибо Анне за проделанную работу, очень много нового для себя извлек, хотя я давно уже не новичек в данном деле. Спасибо за курс!
Закрыть
Indira Agzamova
Indira Agzamova
7 июля 2020
Я прошла продвинутый курс по верстке по индивидуальному тарифу. Начну с того что сам курс написан коротко и понятно, без лишней воды. Если на остальных роликах приходится ставить ускоренный режим, ролики Анны смотрю в замедленном режиме 😂.

После прохождения всех уроков и сдачи контрольной верстки макета, было несколько созвонов как с Анной так и с Андреем. Каждый постарался вложить в меня по максимуму. Вместе создавали профили в фриланс биржах. Давали мне много макетов для создания моего портфолио, проверяли за мной и давали ценные советы. Тут я отмечу перфекционизм Анны, для неё были важны все элементы, нужно было сделать идеально все. В учении это очень важно, это мне очень понравилось. А Андрей очень добрый, он просто прирожденный учитель ☺️все подскажет и терпеливо все повторит пока не усвоится информация.

Ну и в конце Анна мне помогла найти мой первый заказ, макет был сложный, много плавающих элементов и клиент требовал pixel perfect. Ну и кроме верстки надо было добавить JavaScript. Анна и Андрей помогали мне в процессе. Проверяли, подсказывали, подбадривали, без них я бы не справилась. Мне именно это было нужно - знать, что есть к кому обратиться, если вот вообще не получается. И такие люди у меня были. И я старалась не подвести их. Столько нового я узнала за этот проект и плюс обрела уверенность в себе. И бонусом был перевод денег от заказчика, что перекрыло большую часть оплаты за индивидуальный тариф.

Советую ли я вам приобретать индивидуальный тариф?
Берите! Не пожалеете. Получите очень много практики, пополните своё портфолио, огромный багаж знании и приобретёте бешеную уверенность в своих действиях, да и практически бесплатно.
Закрыть
Сергей Мазеев
Сергей Мазеев
7 июля 2020
Спасибо за ПРОДВИНУТЫЙ КУРС! Вы научили меня многому в современной верстке. Объясняли все доступно, подробно со множеством прикладного материала и ссылок к уроку. Обучение по цене весьма бюджетно. Еще раз выражаю БОЛЬШОЕ СПАСИБО!!!. Творческих и профессиональных успехов вам!
Закрыть
Анастасия Демина
Анастасия Демина
11 апреля 2020
Это был очень тяжелый месяц для меня. Я имела скудные базовые знания и ноль практики. Но решилась на продвинутый курс. Я ни пожалела ни дня, что приобрела его. Конечно, пришлось многое изучать параллельно. Но в целом, Анна очень подробно все объясняла, помогали и проверки ДЗ куратором, которому отдельное спасибо. До этого я все изучала самостоятельно, по скаченным урокам. Но именно данный курс мне очень помог упорядочить все мои знания, воплотить их на практике. Честно, я не верила, что курсы настолько помогают. Для себя решила через некоторое время взять дополнительно мастер вордпресс и js.
Закрыть
Антон Простяков
Антон Простяков
11 апреля 2021
Прошел продвинутый курс 3.0 по верстке. Приобретая данный курс, я уже имел некоторые знания и опыт в верстке, но я не могу сказать, что мне было скучно! Лекции, подача материала, внимание к деталям, структура - все это выстроено на курсе на должном уровне и после прослушивания лекции, зачастую, дополнительных вопросов не возникает, а если они и появляются, то всегда на помощь придут кураторы курса!

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

В итоге я не только прокачал уже имеющиеся в своем арсеналу знания и получил в копилку сертификаты и две работы в портфолио, но и почерпнул что-то новое для себя!

В заключении хочу сказать большое спасибо автору курса Анне Блок за отличную возможность для саморазвития и самосовершенствование! Также, хочу сказать спасибо своему куратору Андрею Макеенко за отзывчивость, готовность придти на помощь в любое время и терпение :)
Закрыть
Кирилл Смирнов
Кирилл Смирнов
10 июня 2022
Короче говоря, курс очень прикольный, все структурировано. Во время изучения 2 модуля уже начал верстать работы для дипломных работ ребятам в колледже. Общение с кураторами и преподавателями дали мне возможность на месте исправлять свои недочеты в работах, фидбек - по фактам, с нормальным объяснением.
Закрыть
Дарья Середина
Дарья Середина
31 августа 2022
Благодарю Анну за второй модуль! Очень интересно было работать с psd макетом + крутые штуки вроде слайдера и тд. После прохождения двух модулей чувствую уверенность в знаниях и практических навыках. Знакомые разработчики делаю комплименты, что верстка написала красиво и архитектурно 🥰
Закрыть
Анастасия Фролова
Анастасия Фролова
28 января 2023
Очень рада, что прошла курс Продвинутой верстки и получила именно то, что хотела!

У меня уже была некоторая база по Html, CSS и JS, поэтому не хотела брать базовый курс (боялась, что если задачи будут слишком легкими, то интерес потеряется). Считаю, что это было правильным решением. Для меня самым главным профитом стало то, что я смогла с нуля и до конца сделать верстку по макету. У меня был опыт обучения и на платформах CadeAcademy и на бесплатной части тренажера от Яндекс.Практикум, и в сравнении я могу выделить следующие плюсы и минусы.

+ сроки обучения. 7 недель - это обозримое будущее, которое выглядит посильно и можно более-менее распланировать. Долгие сроки обучения на крупных платформах меня отпугивали, т.к. не было уверенности, что я смогу так долго продержаться с увеличенной нагрузкой. При этом этого времени достаточно для поставленной задачи.

+ четкая задача, которая выглядит посильной.

+ обучение настройке среды для верстки. Это моя любимая часть курса, т.к. мне было сложно самой найти такую информацию и оценить ее правильность. Самостоятельно у меня сделать это не получалось. Анна рассказывает о том, как удобно использовать VS Code, загрузить npm, сделать сборку webpack, работать с git и github. Всё, что нужно, без перегруза.

+ отсутствие специального тренажера. Когда я обучалась на перечисленных ресурсах в тренажере у меня было ощущение оторванности от реальности, как будто это какая-то игрушка. Когда работаешь в VSCode и видишь результат на github - совсем другие впечатления.

+ камерность. мне больше нравится такой формат, чем когда видишь в тренажере Яндекса, что сейчас с вами тут находится 1000+ человек)

+ нарастающая сложность.

+ в видео дана вся необходимая информация, не "расширенная", но это для меня плюс: ты сам решаешь, ограничиться ли полученными сведениями и не тратить сейчас время или пойти гуглить дальше по интересующей теме.

+ наличие 2х сверстанных макетов и оформление профиля на github как итог.

+ дружелюбное общение в общем чате и с куратором, это мотивирует.

-- для меня было сложно проходить 2ю часть верстки по первому макету, когда частично давалось объяснение и давалось домашнее задание. Сложность заключалась в том, что мой вариант верстки мог отличаться от предложенного далее, и мне было сложно его сравнить или исправить, если были какие-то проблемы. То есть это было сделать реально, но дольше, чем если видеть итоговый результат, к которому надо подогнать верстку. В итоге последние пару раз я делала самостоятельную часть работы уже после просмотра следующего видео, чтоб понимать, как лучше построить логику) И еще мне кажется, что т.к. видео по верстке было записано частями, то были некоторые несостыковки в коде некоторых видео, что усложняло самопроверку. Но в итоге, когда стал доступен итоговый код на github, я смогла сверить то, что получилось у меня и найти допущенные ошибки.

Еще отмечу просто как факт, что обучение с какого-то момента потребовало от меня времени больше, чем полтора часа в день, надо быть готовым, что на время обучения придется забить на какие-то привычные дела, чтобы достичь желаемого результата.

Ах да, еще мне очень повезло приобрести курс на Черной пятнице, это лучшее вложение в онлайн обучение, которое я делала) Спасибо!
Закрыть
Артём Мельман
Артём Мельман
17 апреля 2023
Добрый день всем! Сегодня я закончил обучение на продвинутом курсе по верстке, впереди дипломная работа.

Конечно ещё большой путь предстоит, ведь я по сути только начал осваивать данное направление. Но уже могу сказать спасибо команде Frontendblok и её основателю Анне, а также моему куратору Роману. Узнал много новой и полезной информации, с одной стороны многое из этого и так есть в открытом доступе, но без системности и обратной связи трудно все это изучать. Для меня это новое направление деятельности т.к сейчас я работаю в барбершопе и параллельно с работой изучаю основы верстки. Брал курсы (основы + продвинутый) как ознакомительные, чтобы немного "прикоснуться" к профессии. Понравилась неспешная подача информации Анны, а также внимание к мелочам, ну и цена сыграла свою роль. Всей команде творческих успехов и вдохновения. Всегда жду ваших полезных видосиков!)

Буду стараться продолжать развитие в данном направлении и на данной платформе. Удачи и терпения всем кто начинает и продолжает!
Закрыть
Максим Смирнов
Максим Смирнов
27 июля 2023
После прохождения "Базового курса" приступил к следующему этапу - "Продвинутый курс". Было много полезной информации. На деле так же было сделано, как и на прошлом курсе: два сайта: один по домашним заданиям, второй по окончанию курса, самостоятельно используя макет и дополнительную информацию, применив полученные знания! Получил от знакомых два заказа на лендинг и уже начинаю над этим работать! Очень рад, что выбрал курсы Анны Блок! Спасибо за создание такой платформы!
Закрыть
Нарина Карагевурян
Нарина Карагевурян
1 сентября 2023
Спасибо большое Анне за такой прекрасный курс! Очень много полезной информации я узнала с данного курса и многому научилась ) Пополнила портфолио двумя классными сайтами. Однозначно стоит своих денег !