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

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

Освой на практике Vue.JS

Стань фронтенд-разработчиком, разработав 2 проекта на практике с Vue.js 3-й версии вместе с преподавателем.

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

Если вы — новичок и не разбираетесь в технологиях, то предлагаем вам пройти бесплатный марафон из 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 писем, которые безумно ценятся на фрилансе. Перейти в раздел

О нас говорят

Антон Простяков
Антон Простяков
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
Благодарю за марафон! Даже и не представлял, что такие задачи возможно решать при помощи кода. Преподнесенная информация, от Анны, в большей степени понятна. Так же понравилась заряжающая оптимизмом энергетика. Думаю, что обучаясь на курсах, в итоге то что запланировано, должно все получится.