«Базовый курс по вёрстке» на HTML/CSS — Frontend Blok
И да пребудет с тобой сила!
Главная Курсы Базовый курс по верстке

Базовый курс
по верстке

Научишься верстать сайты на HTML и CSS с нуля за 7 недель, освоишь базу и узнаешь об актуальных новинках веб-разработки
Записаться
Дата старта
{{ course.start_date }}
Длительность
7 недель
Стоимость
от {{ course.start_price }} РУБ {{ course.old_start_price }} РУБ
Базовый курс по верстке сайтов

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

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

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

Тем, кто готов обучаться с нуля, не боясь изменить свою жизнь на 100%, потому что вам откроется совершенно новый мир. Мир IT, который доступен каждому. Начинать лучше всего именно с верстки сайтов.
Тем, кто работает в иной digital-профессии, но хотел бы разобраться, как создаются сайты с нуля. Это пригодится, например, SMM-специалистам или маркетологам. Эти знания помогут общаться с разработчиками на одном  языке.
Тем, кто хотел бы начать зарабатывать в сфере IT. Начинать лучше с верстки сайтов, потому что освоить азы можно быстро и на этих знаниях заработать первую денежку. Главное не останавливаться.

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

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

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

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

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

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

Автор курса

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

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

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

Сайт ресторана мы сверстаем вместе за 5 недель с использованием HTML, CSS и немного JavaScript. Кроме практики будет теория, где вы закрепите темы Flexbox, Grid и прочие новинки, которые появились в 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 бонусных видео: «Обзор графических программ» и «Основы jQuery»
{{ 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 бонусных видео: «Обзор графических программ» и «Основы jQuery»
В подарок 3 марафона: Flexbox, Grid и SVG
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) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку

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

Должность:
HTML-верстальщик
Зарплата от:
40000 руб
Профессиональные навыки:
HTML5 и CSS3
Знание Figma для работы с макетами
Кроссбраузерная верстка
Адаптивная и отзывчивая верстка
Оптимизация под мобильные устройства
Умение разбираться в чужом коде
Понимание семантической верстки
Умение работать с Github
Написание скриптов на JavaScript

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

Евгений Белов
Евгений Белов
7 августа 2024
Прошел базовый курс. На уроках всё доходчиво объясняют с примерами и домашними заданиями. К урокам прикрепляют все необходимые материалы и ссылки...
Дмитрий Кузнецов
Дмитрий Кузнецов
4 января 2024
Здравствуйте. В целом курс понравился, узнал много нового и потренировался применить на практике. Хотел также сказать спасибо куратору Роману за проверку...
Александр Семёнов
Александр Семёнов
5 декабря 2023
Спасибо за информативный курс, буду и дальше совершенствоваться с вашей помощью. Особая благодарность Роману Цыганкову.
Максим Смирнов
Максим Смирнов
27 июля 2023
Я выбрал "базовый курс", так как у меня нет опыта, и я решил начать с азов! Автор курса Анна Блок доступным языком все объясняет и показывает на практике...
Данила Карпов
Данила Карпов
23 апреля 2023
Базовый курс я решил попробовать после 4 месяцев самостоятельного обучения HTML/CSS. Почему я выбрал именно Frontendblok? Мне очень понравилась понятная и...
Нарина Карагевурян
Нарина Карагевурян
17 марта 2023
Я не капельки не пожалела, что приобрела данный курс, он стоит своих денег. Информация воспринимается легко, всё понятно и по делу. Также куратор отвечает быстро и...
Дарья Середина
Дарья Середина
14 мая 2022
Благодарна Анне за качество подачи материала и структуру курса. Первый диплом заставит попотеть и позволил обрести веру в себя и свои возможности. Ценно! :)
Александра Коржова
Александра Коржова
25 декабря 2021
Обучение очень понравилось. Материал объясняется легко, доступно, понятно. Все ошибки и недочёты в домашних заданиях разбираются при проверке. Огромный плюс ...
Марина Ковалёва
Марина Ковалёва
8 сентября 2020
С прошлого года смотрю канал Анны. Мне нравится подача материала, всё четко, ясно и по делу. Когда я узнала о курсах, была удивлена их стоимости. Но всё-таки решилась не сразу...
Читать полностью
Антон Смирных
Антон Смирных
5 мая 2020
Прошел стартовый курс то Анны Блок и знаете, я полностью удовлетворен той информацией и знаниями, которые получил проходя этот курс. В уроках содержится вся основная...
Читать полностью
Александр Чегнов
Александр Чегнов
13 апреля 2020
Курс просто - Огонь! Для себя узнал много нового, в том числе вспомнил забытое. Огромное спасибо
Эдуард Лобанов
Эдуард Лобанов
28 марта 2020
Очень хороший курс курс для начинающих. Детально рассказывается про основы верстки в HTML и CSS. А так же даются ссылки на дополнительные материалы для самостоятельной работы...
Читать полностью
Пагинация
Предыдущий
Следующий

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

Сколько по времени длятся уроки?
Развернуть
В среднем видео на курсе идет 25 минут, но есть и более длительные - по 40-50 минут. Всё зависит от сложности темы и объема выполняемой практики.
Должен ли я знать что-то заранее?
Развернуть
Нет, это не обязательно, потому что на этом курсе мы объясняем всё с нуля. Курс подходит новичкам.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
Нет, заранее ничего устанавливать не нужно.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки не обязательно смотреть строго каждый день, но для системного обучения, лучше не пропускать уроки. В выходные уроков нет, поэтому можете использовать их, чтобы догнать пройденный материал за неделю.
Получу ли я сертификат в конце обучения?
Развернуть
Да, мы выдаём сертификаты, но только после того, как куратор проверит 2 сверстанные странички, созданные в рамках этого курса.
Закрыть
Эдуард Лобанов
Эдуард Лобанов
28 марта 2020
Очень хороший курс курс для начинающих. Детально рассказывается про основы верстки в HTML и CSS. А так же даются ссылки на дополнительные материалы для самостоятельной работы. Материалов по основам JQuery достаточно для начала просмотра уроков, чтения документации по JQuery и использования готовых библиотек.

Плюсом курса является практическая работа над макетом с самого начала. И сжатый по времени срок курса, не дает затягивать обучения. По моим прикидкам за месяц этого курса равен 1.5-2 месяца самостоятельного обучения. Это без учета того, что на самостоятельном "книжном" обучении через 2 месяца можно только дойти до работы над макетом для портфолио.

Это самый лучшая платформа по стоимости и качеству материалу. И также радует приятный диктор с хорошей дикцией. Очень радует концентрированная подача материала без лишней воды. И большое количество дополнительных материалов и инструментов для начинающих разработчиков.

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

Так что в результате обучение на платформе FrontendBlock можно считать самым удачным вхождением в профессию Верстальщика сайтов на сегодняшний день. С удовольствием прошел Базовый Курс. И буду рад дальнейшему обучению на этой платформе.

Всех Благ, и Процветания проекту и его Авторам.)
Закрыть
Марина Ковалёва
Марина Ковалёва
8 сентября 2020
С прошлого года смотрю канал Анны. Мне нравится подача материала, всё четко, ясно и по делу. Когда я узнала о курсах, была удивлена их стоимости. Но всё-таки решилась не сразу. Какое-то время продолжала заниматься самостоятельно, но поняла, что курсы мне необходимы, чтобы структурировать изученную мною информацию и задать вектор движения дальше. В этот момент я вспомнила о курсах Типичного Верстальщика. Не жалею, что выбрала именно курс Анны, так как он научил меня многому. Вся информация была доступно и понятно изложена. Давалось много дополнительного материала и полезных ссылок для прочтения. Как результат, у меня два проекта за 1,5 месяца.

Спасибо большое за Ваш труд! Я с удовольствием окончила базовый курс и думаю продолжать обучение на платформе. Сейчас параллельно прохожу еще два марафона по Flexbox и Grid. Думаю мой продвинутый курс не за горами) Успехов Вам!
Закрыть
Александра Коржова
Александра Коржова
25 декабря 2021
Обучение очень понравилось. Материал объясняется легко, доступно, понятно. Все ошибки и недочёты в домашних заданиях разбираются при проверке. Огромный плюс - чат в дискорде, куда можно задать все интересующие вопросы касательно обучения/макетов/кода. Долго не могла поверить, что у меня получилось сделать учебный макет своими руками, что эту красивенькую, ровненькую страничку создала я. Осталось проверить свои знания на дипломной работе, а потом ещё больше прокачивать с:
Закрыть
Антон Смирных
Антон Смирных
5 мая 2020
Прошел стартовый курс то Анны Блок и знаете, я полностью удовлетворен той информацией и знаниями, которые получил проходя этот курс.

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

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

Нагрузка курса не совсем равномерная, нужно закладываться, что придется посидеть больше пресловутых 2-3 часов в день. Я погиб на адаптиве, доделываю ещё выходную работу🤭 но проблема скорее в моем времени. К курсам, Анне и Роману вопросов нет)) рекомендую базовый курс, он очень мне помог шагнуть и развиваться дальше.
Закрыть
Максим Смирнов
Максим Смирнов
27 июля 2023
Привет! Меня зовут Максим. Я выбрал "базовый курс", так как у меня нет опыта, и я решил начать с азов! Автор курса Анна Блок доступным языком все объясняет и показывает на практике шаг за шагом! По итогу сделано два сайта: один по домашним заданиям, второй - самостоятельный, по макету, предоставленному по данному курсу. Отдельное спасибо куратору, который всегда на связи. Я выбрал данный курс, так как следил за youtube каналом Анны Блок в течении двух лет. Когда задумался о смене сферы деятельности и саморазвитии, увидел на канале даты набора и оставил заявку! Спасибо Вам за данную возможность Обучаться у профессионалов!
Закрыть
Дмитрий Кузнецов
Дмитрий Кузнецов
4 января 2024
Здравствуйте. В целом курс понравился, узнал много нового и потренировался применить на практике. Хотел также сказать спасибо куратору Роману за проверку ДЗ и помощью в исправлении ошибок. Также еще огромное спасибо Анне, т.к. из за ее видео на ютубе я приобрел классную книгу для начинающих по JS. Также всю команду хочу поздравить с Наступающим Новым годом. Желаю Вам всего самого наилучшего!!!! Спасибо
Закрыть
Евгений Белов
Евгений Белов
7 августа 2024
Прошел базовый курс.

На уроках всё доходчиво объясняют с примерами и домашними заданиями. К урокам прикрепляют все необходимые материалы и ссылки.

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

В ходе курса я обрел базовые знания по HTML, CSS, и немного JS. Также познакомился с различными удобными сервисами и программами связанными с Frontend-ом, например, Github Pages и Figma.

В общем все понравилось и было полезно. Буду учиться дальше по программе продвинутого курса.