Frontend Blok — обучающая онлайн-платформа
И да пребудет с тобой сила!

Онлайн обучение

frontend-разработке не выходя из дома
print("Loading...") console.log("Loading...") puts "Loading..." System.Console.WriteLine("Loading..."); std::cout << "Loading..." << std::endl; System.out.println("Loading..."); println("Loading...") echo "Loading..."

Сверстай сайт на HTML/CSS

На курсе мы верстаем макеты Figma, используя HTML/CSS на практике, параллельно изучая необходимую теорию.

Начни изучать JavaScript

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

Тестируй сайты

Освой востребованную IT-профессию за 2.5 месяца, которая даёт возможность быстро вырасти в зарплатах.

Получи основы веб-разработки

Если вы — новичок и не разбираетесь в технологиях, то предлагаем вам пройти бесплатный марафон из 5-ти полезных уроков.

Прокачайся в теме Grid CSS

Современную верстку сложно представить без Grid CSS, с которым можно быстро создать сетку и легко управлять элементами внутри нее.

Верстай Email-письма, как профи

Любому бизнесу приходится рано или поздно делать email-рассылку для своих клиентов. Чтобы заработать на этом, пройди марафон верстки Email.

4300 студентов прошли обучение на платформе Frontend Blok

Выбери курс или марафон
Предлагаем на выбор курсы по фронтенд-разработке разного уровня сложности. Если есть вопросы, то напишите нам, поможем определиться.
Начни обучение
В зависимости от типа формата курса, уроки будут открываться каждый день или по будням в 6 утра по московскому времени.
Получай обратную связь
Если вы обучаетесь на полном тарифе, то у вас есть возможность общаться с куратором по любым вопросам. Или задай свой вопрос в общем чате телеграм.
Практикуйся
В каждом уроке есть домашнее задание. Выполни его. Только практика помогает лучше усвоить учебный материал. Всё выполненное тобой сформирует будущее портфолио.
Оформи портфолио
В конце обучения рекомендуем опубликовать работы на Github Pages, чтобы твоё портфолио увидел будущий заказчик или работодатель. А мы тебе в этом поможем.
Найди работу своей мечты или стань фрилансером
Наша цель не только научить, но и прокачать твои навыки настолько круто и мощно, чтобы ты мог трудоустроиться или найти свой первый заказ на фрилансе.
В конце обучения каждый получает сертификаты на двух языках: русском и английском
Сертификат на русском Сертификат на английском

То, чем мы гордимся!

Следим за качеством
видеоматериалов
В обучающих роликах не услышите шипения, длительных пауз и вздохов. Каждое видео — это подготовленный материал с презентациями и записью экрана, чтобы вам было приятно обучаться.
Предоставляем вечный
доступ
У каждого курса есть определенный период доступа, но не спешите расстраиваться! У вас всегда есть возможность приобрести вечный доступ по символической цене внутри обучающей платформы.
Следим за временем
ролика
У каждого видео строго отведенный тайминг. На курсах уроки идут не более 40-50 минут, а марафоны не более 10-15 минут. Каждая минута урока несёт пользу, никакой «воды».
Следим за
новинками IT
Фронтенд технологии постоянно развиваются и меняются. А мы вслед за этим обновляем уроки и запускаем новые курсы. Новые уроки увидят даже те, кто уже учится у нас.

Обучающие курсы

Марафоны

Марафон Flexbox CSS
7-дневный марафон с теорией и практикой для закрепления темы Flexbox CSS, который активно применяют для расстановки элементов на сайте. Перейти в раздел
Марафон Grid CSS
11-дневный марафон с теорией и практикой для закрепления темы Grid CSS, который используют в случае расстановки элементов по сетке. Перейти в раздел
Марафон SVG для Web
Изучим работу векторных изображений формата SVG, которые чаще используют на сайтах, чтобы управлять цветом и делать крутые анимации. Перейти в раздел
Марафон Email Вёрстка
14-дневный марафон, направленный на изучение тонкостей вёрстки email писем, которые безумно ценятся на фрилансе. Перейти в раздел

О нас говорят

Данила Карпов
Данила Карпов
23 апреля 2023
Базовый курс я решил попробовать после 4 месяцев самостоятельного обучения HTML/CSS. Почему я выбрал именно Frontendblok? Мне очень понравилась понятная и...
Нарина Карагевурян
Нарина Карагевурян
17 марта 2023
Я не капельки не пожалела, что приобрела данный курс, он стоит своих денег. Информация воспринимается легко, всё понятно и по делу. Также куратор отвечает быстро и...
Анастасия Фролова
Анастасия Фролова
28 января 2023
Очень рада, что прошла курс Продвинутой верстки и получила именно то, что хотела! У меня уже была некоторая база по Html, CSS и JS, поэтому не хотела брать базовый курс...
Роман Попович
Роман Попович
24 октября 2022
Всем привет! Очень крутой курс по JS. Рекомендую к обучению с наставником. У меня наставником был Андрей. С самого начала, когда ты пишешь первые строки кода, а потом...
Читать полностью
Кирилл Смирнов
Кирилл Смирнов
10 июня 2022
Короче говоря, курс очень прикольный, все структурировано. Во время изучения 2 модуля уже начал верстать работы для дипломных работ ребятам в колледже. Общение с...
Антон Простяков
Антон Простяков
11 апреля 2021
Прошел продвинутый курс 3.0 по верстке. Приобретая данный курс, я уже имел некоторые знания и опыт в верстке, но я не могу сказать, что мне было скучно! Лекции, подача...
Читать полностью
Дмитрий Гордеев
Дмитрий Гордеев
24 февраля 2021
Благодарю за марафон! Даже и не представлял, что такие задачи возможно решать при помощи кода. Преподнесенная информация, от Анны, в большей степени понятна...
Читать полностью
Даниил Прокашев
Даниил Прокашев
7 ноября 2020
Бум, еще один курс в копилку! Отличнейший курс, затрагивает много важных тем для верстки и в целом. Спасибо Анне за проделанную работу, очень много нового для себя извлек...
Читать полностью
Марина Ковалёва
Марина Ковалёва
8 сентября 2020
С прошлого года смотрю канал Анны. Мне нравится подача материала, всё четко, ясно и по делу. Когда я узнала о курсах, была удивлена их стоимости. Но всё-таки решилась не сразу...
Читать полностью
Зинфира Сафаргалиева
Зинфира Сафаргалиева
12 августа 2020
Очень понравился курс по CSS Flexbox. Рассказано очень доступно, хорошие примеры и домашние задания для отработки навыков :)
Дмитрий Скакун
Дмитрий Скакун
7 августа 2020
Быстро, познавательно и главное самое важное. До этого не сталкивался с гридами только слышал о них, но каково же было мое удивление когда увидел и понял как же они упрощают жизнь...
Читать полностью
Andrey Arakelyan
Andrey Arakelyan
17 июля 2020
Хочу поблагодарить Анну за такой отличный марафон. Я не верстальщик, в основном работаю с React, повсюду использовал гриды и вообще не был знаком с гридами. Благодаря четко...
Читать полностью
Indira Agzamova
Indira Agzamova
7 июля 2020
Я прошла продвинутый курс по верстке по индивидуальному тарифу. Начну с того что сам курс написан коротко и понятно, без лишней воды. Если на остальных роликах приходится...
Читать полностью
Евгений Ярко
Евгений Ярко
22 июня 2020
Спасибо за курс. Для понимания техпроцесса верстки самое - то. По объему знаний даже более полно чем необходимый минимум. Хочу также отметить что автор позаботилась...
Читать полностью
Михаил Гофман
Михаил Гофман
20 июня 2020
Сегодня ещё раз прошёл марафон. При вёрстке в макете при наведении мыши использовались иконки с внутренним градиентом и ещё некоторыми дополнениями. Я использовал...
Читать полностью
Антон Смирных
Антон Смирных
5 мая 2020
Прошел стартовый курс то Анны Блок и знаете, я полностью удовлетворен той информацией и знаниями, которые получил проходя этот курс. В уроках содержится вся основная...
Читать полностью
Михаил Разуваев
Михаил Разуваев
21 апреля 2020
Давно хотел освоить вёрстку email-писем и Ваш курс пришёлся как нельзя кстати. Спасибо большое за полезную информацию и параллельное практическое её применение...
Читать полностью
Пагинация
Предыдущий
Следующий

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

Кто вы и почему я должен выбрать именно вашу платформу для обучения?
Развернуть
Идейный основатель платформы — Анна Блок. Она является создателем сообщества Типичный Верстальщик, сервиса Frontend Help, также делает много полезного бесплатного контента для айтишников, после чего было принято решение создать учебную платформу Frontend Blok совместно с другими разработчиками и запускать обучающие курсы. Наша команда — это практики, а не теоретики, что важно для качества подаваемого материала.
Как выбрать, какой курс или марафон мне стоит пройти?
Развернуть
Всё зависит от ваших текущих навыков. Если вы еще не определились, то рекомендуем пройти бесплатный марафон, где вы за 5 дней узнаете обо всём, что касается веб-разработки.

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

Если вы ранее уже верстали сайты с HTML/CSS — продвинутый курс по верстке сайтов.

Марафоны — идеально дополняют курсы знаниями на конкретную тему. В любом случае, если вы точно не уверены в том, что стоит выбрать, то просто напишите нам :)
Сколько времени нужно уделять обучению?
Развернуть
Любое обучение предполагает погружение в процесс, чтобы получить нужный результат: будь то заработок через трудоустройство или получение заказов на фрилансе. Уделяйте обучению максимально возможное количество времени, чтобы быстрее достичь поставленных целей.
А если я не могу проходить обучение каждый день?
Развернуть
Ничего страшного, главное ввести за привычку сам факт обучения. Мы прекрасно понимаем, что могут сложиться факторы, которые не позволят вам обучаться каждый день. Мы приготовили для вас опцию «Вечный Доступ» по символической цене для каждого курса и марафона, чтобы у вас была возможность возвращаться к уроками и опубликованным материалам в любое удобное время.
Смогу ли я после обучения трудоустроиться или найти заказ на фрилансе?
Развернуть
Начать выполнять заказы или трудоустроиться, основываясь на знаниях по вёрстке, вполне реально. Повысить свой доход или зарплату возможно, если вы прокачаете свои знания не только в области вёрстки сайтов, но и JavaScript/JS-фреймворках, чтобы стать полноценным фронтенд-разработчиком.
Закрыть
Даниил Прокашев
Даниил Прокашев
7 ноября 2020
Бум, еще один курс в копилку! Отличнейший курс, затрагивает много важных тем для верстки и в целом. Спасибо Анне за проделанную работу, очень много нового для себя извлек, хотя я давно уже не новичек в данном деле. Спасибо за курс!
Закрыть
Марина Ковалёва
Марина Ковалёва
8 сентября 2020
С прошлого года смотрю канал Анны. Мне нравится подача материала, всё четко, ясно и по делу. Когда я узнала о курсах, была удивлена их стоимости. Но всё-таки решилась не сразу. Какое-то время продолжала заниматься самостоятельно, но поняла, что курсы мне необходимы, чтобы структурировать изученную мною информацию и задать вектор движения дальше. В этот момент я вспомнила о курсах Типичного Верстальщика. Не жалею, что выбрала именно курс Анны, так как он научил меня многому. Вся информация была доступно и понятно изложена. Давалось много дополнительного материала и полезных ссылок для прочтения. Как результат, у меня два проекта за 1,5 месяца.

Спасибо большое за Ваш труд! Я с удовольствием окончила базовый курс и думаю продолжать обучение на платформе. Сейчас параллельно прохожу еще два марафона по Flexbox и Grid. Думаю мой продвинутый курс не за горами) Успехов Вам!
Закрыть
Дмитрий Скакун
Дмитрий Скакун
7 августа 2020
Быстро, познавательно и главное самое важное. До этого не сталкивался с гридами только слышал о них, но каково же было мое удивление когда увидел и понял как же они упрощают жизнь и насколько просто с ними работать. Анне отдельное спасибо за такой труд! Ни капли не пожалел что попал на него.
Закрыть
Andrey Arakelyan
Andrey Arakelyan
17 июля 2020
Хочу поблагодарить Анну за такой отличный марафон. Я не верстальщик, в основном работаю с React, повсюду использовал гриды и вообще не был знаком с гридами. Благодаря четко структурированному марафону за очень короткое время освоил гриды. Каждый день открывая новое видео с домашкой очень мотивирует, главное не пропускать урок и четко сделать дз.
Закрыть
Indira Agzamova
Indira Agzamova
7 июля 2020
Я прошла продвинутый курс по верстке по индивидуальному тарифу. Начну с того что сам курс написан коротко и понятно, без лишней воды. Если на остальных роликах приходится ставить ускоренный режим, ролики Анны смотрю в замедленном режиме 😂.

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

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

Советую ли я вам приобретать индивидуальный тариф?
Берите! Не пожалеете. Получите очень много практики, пополните своё портфолио, огромный багаж знании и приобретёте бешеную уверенность в своих действиях, да и практически бесплатно.
Закрыть
Евгений Ярко
Евгений Ярко
22 июня 2020
Спасибо за курс. Для понимания техпроцесса верстки самое - то. По объему знаний даже более полно чем необходимый минимум. Хочу также отметить что автор позаботилась о хорошей "среде" - редактор, плагин, работа со шрифтами и пр. Для новичка - просто супер курс.
Закрыть
Михаил Гофман
Михаил Гофман
20 июня 2020
Сегодня ещё раз прошёл марафон. При вёрстке в макете при наведении мыши использовались иконки с внутренним градиентом и ещё некоторыми дополнениями. Я использовал иконочные шрифты. Благодаря сведениям из марафона, я сумел выполнить всё, что нарисовал дизайнер. При этом, все объяснения настолько простые и доступные, что эти работы не вызвали у меня особых затруднений, несмотря на мой богатый возраст (почти 70 лет) и небогатый опыт.

Я очень доволен, что приобрёл Анины марафоны. Прекрасная подача материала с помощью небольших видео, абсолютно без воды просто не оставляет возможности не понять материал!

Ещё раз хочу сказать спасибо Ане за её работу, за помощь , в том числе и таким как я.
Закрыть
Антон Смирных
Антон Смирных
5 мая 2020
Прошел стартовый курс то Анны Блок и знаете, я полностью удовлетворен той информацией и знаниями, которые получил проходя этот курс.

В уроках содержится вся основная и необходимая информация о том, как с полного нуля создать сайт, как его адаптировать и даже как найти работу. Особенно понравилось, что работали и с Flex, и с Grid, т.к. обе этих системы сейчас необходимы. Немного маловато мне показалось по jQuery, но я так понимаю, основная часть по этому вопросу будет в профессиональном курсе)

Если кто хочет начать путь в веб-программировании, то настоятельно рекомендую начать с этого курса!
Закрыть
Михаил Разуваев
Михаил Разуваев
21 апреля 2020
Давно хотел освоить вёрстку email-писем и Ваш курс пришёлся как нельзя кстати. Спасибо большое за полезную информацию и параллельное практическое её применение. В марафоне я получил сведения о всех нюансах email-вёрстки и теперь приступлю к реализации полученных знаний в реальных заказах. Анна, спасибо за Ваш труд!
Закрыть
Антон Простяков
Антон Простяков
11 апреля 2021
Прошел продвинутый курс 3.0 по верстке. Приобретая данный курс, я уже имел некоторые знания и опыт в верстке, но я не могу сказать, что мне было скучно! Лекции, подача материала, внимание к деталям, структура - все это выстроено на курсе на должном уровне и после прослушивания лекции, зачастую, дополнительных вопросов не возникает, а если они и появляются, то всегда на помощь придут кураторы курса!

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

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

В заключении хочу сказать большое спасибо автору курса Анне Блок за отличную возможность для саморазвития и самосовершенствование! Также, хочу сказать спасибо своему куратору Андрею Макеенко за отзывчивость, готовность придти на помощь в любое время и терпение :)
Закрыть
Дмитрий Гордеев
Дмитрий Гордеев
24 февраля 2021
Благодарю за марафон! Даже и не представлял, что такие задачи возможно решать при помощи кода. Преподнесенная информация, от Анны, в большей степени понятна. Так же понравилась заряжающая оптимизмом энергетика. Думаю, что обучаясь на курсах, в итоге то что запланировано, должно все получится.
Закрыть
Роман Попович
Роман Попович
24 октября 2022
Всем привет! Очень крутой курс по JS. Рекомендую к обучению с наставником. У меня наставником был Андрей. С самого начала, когда ты пишешь первые строки кода, а потом с каждой темой у тебя все сложнее и сложнее задачи, ты начинаешь чувствовать азарт. Даже до конца не пройдя обучение уже планируешь как будешь писать скрипты в будущих проектах. Прям Стив Джобс. Всё благодаря очень информативным материалам и благодаря моему наставнику Андрею. Андрей к слову, помогает решать сложные задачи давая тебе самому разобраться в коде. Т.е. он тебя постоянно наводит на правильные мысли и всегда проверяет код за тобой. Такой подход к обучению очень крутой, т.к. тебе сразу не дадут ответ на вопрос "Почему не работает, если должно работать", а в начале направят в нужное русло, к примеру укажут на какой тег или на какую строчку обратить внимание. И ты сам поймешь. Но самый сок в том, что когда ты решишь задачку и сдашь ее Андрею, тебе обязательно он скажет, что ты красавчик и разберет с тобой эту задачу. К слову всегда чувствуется поддержка, да и к тому же я много нового узнал о сфере IT т.к. ребята на этой площадке действующие программисты с большим опытом. Рекомендую курс по JS с наставником Андреем, а так же подписывайтесь на ютуб канал "Анна Блок", ведь там всегда публикуются годные видосы по frontend.
Закрыть
Анастасия Фролова
Анастасия Фролова
28 января 2023
Очень рада, что прошла курс Продвинутой верстки и получила именно то, что хотела!

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

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

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

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

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

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

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

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

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

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

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

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

Ах да, еще мне очень повезло приобрести курс на Черной пятнице, это лучшее вложение в онлайн обучение, которое я делала) Спасибо!
Закрыть
Нарина Карагевурян
Нарина Карагевурян
17 марта 2023
Я не капельки не пожалела, что приобрела данный курс, он стоит своих денег. Информация воспринимается легко, всё понятно и по делу. Также куратор отвечает быстро и всегда поможет если потребуется. К каждому уроку прикрепляется конспект по данному уроку и полезные ссылки. Спасибо большое Анне!
Закрыть
Кирилл Смирнов
Кирилл Смирнов
10 июня 2022
Короче говоря, курс очень прикольный, все структурировано. Во время изучения 2 модуля уже начал верстать работы для дипломных работ ребятам в колледже. Общение с кураторами и преподавателями дали мне возможность на месте исправлять свои недочеты в работах, фидбек - по фактам, с нормальным объяснением.
Закрыть
Данила Карпов
Данила Карпов
23 апреля 2023
Базовый курс я решил попробовать после 4 месяцев самостоятельного обучения HTML/CSS. Почему я выбрал именно Frontendblok? Мне очень понравилась понятная и информативная подача Анны, то, что материалы современные, актуальные и видно, что человек "в теме" и практикует сама. Сам курс понравился по структуре материала, очень много полезных вспомогательных ссылок, презентаций. А если что-то не получается, всегда поможет куратор. Для меня помощь Романа была ещё ценна тем, что помимо код-ревью я получил и ценные советы по вёрстке, какие решения используются, что лучше сразу убрать.

Нагрузка курса не совсем равномерная, нужно закладываться, что придется посидеть больше пресловутых 2-3 часов в день. Я погиб на адаптиве, доделываю ещё выходную работу🤭 но проблема скорее в моем времени. К курсам, Анне и Роману вопросов нет)) рекомендую базовый курс, он очень мне помог шагнуть и развиваться дальше.