Профессия «Веб-разработчик» на HTML/CSS/SCSS/JavaScript/Webpack/Vue/React — You Can Code
И да пребудет с тобой сила!
Профессии
Веб-разработчик Верстальщик Тестировщик
Полезноcти
Шпаргалка Flexbox CSS Шпаргалка Grid CSS Видео с практикой
Вход
Меню
Главная Профессии Веб-разработчик

Профессия
Веб-разработчик

Научишься верстать макеты, разрабатывать сайты и веб-приложения
начать обучение
Дата старта
с начала подписки
Длительность
до 24 месяцев
Стоимость
от 7000 РУБ
Продвинутый курс по верстке сайтов Gulp, JavaScript, SCSS, HTML

Что включено в подписку?

Видео-уроки
Записанные видео-уроки, на простом понятном языке, продолжительностью примерно 15–20 минут. Видеозаписи будут доступны в личном кабинете.
Практика
Вы научитесь на практике работать с GitHub, верстать сайты, делать веб–приложения, а также обучитесь дополнительным навыкам, актуальные веб–разработчикам. Например, техническому английскому.
Чат
Вам будет доступен чат во время обучения. Используй эту возможность, чтобы познакомиться со студентами, которые тоже встали на путь IT.

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

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

Расписание выхода модулей
на 2 года вперед

01

модуль

Подготовка проекта
  • Как создаются проекты
  • Работа в команде
  • Управление проектом
  • Доступ к GitHub
  • Создание сайта
  • Добавить правки
  • Публикация проекта
02

модуль

Мини-курс по верстке Супер Старт
  • Разбор макета
  • Верстка первого блока
  • Верстка центрального блока
  • Верстка футера
  • Адаптив сайта
03

модуль

Знакомство с Git
  • Что такое Git?
  • Устанавливаем Git
  • Git config
  • SSH ключ
  • Создание репозитория
  • Создание веток
  • .gitignore
  • Создание pull request
Дополнительно: Книга по Git
01

модуль

Вёрстка сайта «Бургерная» на HTML/CSS
  • Знакомимся с дизайном сайта
  • Создаем файлы и папки для сайта
  • Учимся создавать разметку
  • Улучшаем разметку для поисковых систем
  • Подключаем стили к разметке
  • Стилизуем текст и подключаем шрифты
  • Задаем отступы между блоками
  • Указываем имена для элементов
Дипломная работа:
Вёрстка сайта «Онлайн Тренировки» на HTML/CSS
02

модуль

Вёрстка сайта «Магазин здорового питания» на HTML/SCSS и Webpack
  • Знакомимся с дизайном сайта
  • Знакомимся с системой контроля версий
  • Устанавливаем Node и npm
  • Настраиваем сборку для проекта
  • Знакомимся с CSS-препроцессором
  • Учимся работать с вектором
  • Верстаем шапку сайта
  • Дорабатываем шапку сайта
Дипломная работа:
Вёрстка сайта «Портфолио» на HTML/SCSS и Webpack

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

Frontendblok education platform Полное расписание

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

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

Как можно зарабатывать на создании сайтов?

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

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

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

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

Должность:
Веб-разработчик
Зарплата от:
80000 руб
Профессиональные навыки:
HTML5, CSS3 и JavaScript
Figma и Photoshop для работы с макетами
Работа с Git и Github
Кроссбраузерная и адаптивная верстка
Оптимизация работы сайтов
Работа на практике с React и Vue
Работа на практике с Webpack
Unit-тестирование
Понимание работы Flexbox, Grid и SVG
Технический английский

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

Тариф «Пробный на месяц»
Платформа с доступом ко всем видео и материалам
Чат с поддержкой и сообществом в Discord
Проверка работ от куратора
Закрытая база заказов и вакансий
Сертификат об окончании обучения
7000 руб
Оплатить подписку
Тариф «Полный»
Платформа с доступом ко всем видео и материалам
Чат с поддержкой и сообществом в Discord
Проверка работ от куратора
Закрытая база заказов и вакансий
Сертификат об окончании обучения
от 10000
руб/мес
Оплатить подписку

Оплатить подписку





Ваше имя
Ваш телефон
Дата старта
с начала подписки
Длительность
до 24 месяцев
Дополнительно
Вечный доступ за 199 руб
Все уроки приобретенного курса или марафона останутся у вас навсегда! Освежайте знания в любое время.

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

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

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

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

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

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

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

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

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

Если кто хочет начать путь в веб-программировании, то настоятельно рекомендую начать с этого курса!