Скидка 25%

Frontend-разработчик
с нуля

Погрузитесь в мир веб-разработки, освоив основные инструменты работы: HTML, CSS, JavaScript. Научитесь работать с дизайн-макетами и адаптивной версткой, сверстаете свои первые страницы и поймете, как строить карьерный трек в ИТ.

Скидка 25%

Frontend-разработчик
с нуля

Погрузитесь в мир веб-разработки, освоив основные инструменты работы: HTML, CSS, JavaScript. Научитесь работать с дизайн-макетами и адаптивной версткой, сверстаете свои первые страницы и поймете, как строить карьерный трек в ИТ.

Онлайн

Формат

4 месяца

Длительность

Навсегда

Доступ

Кому подойдет курс?

Тому, кто хочет попасть в ИТ

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

Бэкенд-разработчик

На курсе вы лучше поймете, как работает фронтенд. Мы подробно разбираем HTML, CSS, как верстаются макеты, как работать с JavaScript и Git. После сможете заявить о себе как о fullstack-разработчике.

Дизайнерам

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

Чему вы научитесь?

11

Блоков обучения

50+

Технологий

20+

Часов лекций

12

Практических занятий

Блок 1: Введение

  • Кратко о сфере веб-разработки и функциях фронтенд-разработчика Лекция
  • Описание курса и как он устроен Лекция
  • Настройка начального рабочего окружения Лекция

Блок 2: Основы HTML

  • Принцип работы браузера и схемы клиент-сервер Лекция
  • Первая HTML страница, синтаксис и обязательные элементы, семантика Лекция
  • Основные элементы: заголовки, текст, списки, таблицы и семантика Лекция
  • HTML формы. Валидация и автоматизация рутинных вещей, расширения Лекция
  • Практическое задание. Верстка страницы Практика

Блок 3: Основы CSS

  • Знакомство с CSS и первые свойства Лекция
  • Продвинутые селекторы, инструменты разработчика, каскадность Лекция
  • Блочные и строчные элементы, позиционирование Лекция
  • Практическое задание. Оформление страницы Практика

Блок 4: Работа с макетами

  • Популярные программы для просмотра макетов. Разбор макета и подготовка к верстке (структура макета, базовые стили) Лекция
  • Flexbox-модель: основные понятия и свойства Лекция
  • Завершение верстки первого макета и разбор частых ошибок Лекция
  • Практическое задание. Верстка макета Практика

Блок 5: Адаптивная верстка

  • Адаптивная верстка и её виды Лекция
  • Медиа-запросы Лекция
  • Пример адаптивной верстки на макете Лекция
  • Практическое задание. Адаптивная верстка Практика

Блок 6: Основы Git

  • Системы контроля версий и установка Git Лекция
  • Создание репозитория и хостинг файлов Лекция

Блок 7: Основы JavaScript

  • Языки программирования и принцип их работы Лекция
  • Переменные и типы данных Лекция
  • Операторы и приведение типов Лекция
  • Условия и циклы Лекция
  • Массивы и методы для работы с ними Лекция
  • Функции Лекция
  • Объекты Лекция
  • Практическое задание. Функции и игры на JavaScript Практика

Блок 8: Основы JavaScript в браузере

  • Браузер как окружение JavaScript Лекция
  • Работа с DOM (Document Object Model) Лекция
  • События и обработчики Лекция
  • HTML формы и JS Лекция
  • Работа с сервером, локальные хранилища Лекция
  • Практическое задание. Барабанный синтезатор Практика

Блок 9: Продвинутый JavaScript

  • Знакомство с Node.JS и npm Лекция
  • Модули и Webpack Лекция
  • Наследование в JS Лекция
  • Итераторы и генераторы Лекция
  • Async-await, таймеры Лекция
  • Unit-тестирование Лекция
  • Практическое задание. To-Do List Практика

Блок 10: Основы React

  • TypeScript Лекция
  • Установка React и создание компонентов Лекция
  • Props и состояние компонента Лекция
  • React-Router Лекция
  • Практическое задание. React проект Практика

Блок 11: Обзор дорожной карты Frontend-разработчика

  • Обзор дорожной карты Frontend-разработчика Лекция

Финальное тестирование

  • Финальное тестирование Тест
  • Сертификат Сертификат

Все о курсе за 2 минуты

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

1

Изучаете модули в нашей системе

img/study-img-1.png
2

Проходите лабораторные

img/study-img-2.png
3

Выполняете задания

img/study-img-3.png
4

Собираете ачивки за прогресс

img/study-img-4.png
5

Если возникнут вопросы –
поможем

img/study-img-5.png
6

Получаете
сертификат

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

Что вы получите

Быстрое погружение

Прикладные знания

Опыт ведущих экспертов

Сертификат для резюме

Инвестиция в карьеру

Помощь в обучении

Поможем прокачать карьеру!

При покупке курса по Frontend мы дарим интенсив по карьерному росту, разработанный совместно с экспертами из центра развития карьеры «ЭЙЧ»

1

Разберешь, как составлять сильные резюме

2

Узнаешь, как правильно проходить собеседования

3

Получишь рекомендации по развитию карьеры

4

Прокачаешь навыки самопрезентации

Автор интенсива – Даша Васянина

HR-эксперт, CPO в CareerON, ex Skillbox, Skillfactory, McKinsey

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

Учитесь когда и где вам удобно
У нас есть приложение для iPhone, iPad, планшетов
и Android-телефонов, а также версия в браузере, которую можно открыть как на компьютере, так и на телефоне.
Подробнее

Ментор курса

Дмитрий Федин

Техлид в команде frontend-разработки MTS Link

  • Разаботал архитектуру клиентской части для крупнейшей ИИ-платформы синтеза и распознавания речи
  • Преподаватель курсов по Веб-разработке в множестве онлайн-академий.
  • Более 160 вкладов в 16 репозиториев на GitHub

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

Мы будем изучать веб-разработку и фронтенд в частности с самого нуля. Сначала мы разберем с вами как устроена эта сфера, какие ее основные цели и преимущества, а также какие специалисты работают в этой отрасли и что они делают. Затем мы с вами приступим к изучению трех основных инструментов: HTML или язык разметки, чтобы создавать веб-страницы и элементы на них, затем CSS или каскадные таблицы стилей который позволит нам оформлять наши страницы, и JavaScript - главный язык программирования, который используют фронтенд-разработчики, чтобы оживлять страницу и давать пользователю возможность взаимодействовать с ней.

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

Что говорят наши студенты

Отличный курс для начинающих по сетям, все доступно и понятно. Отдельное спасибо за крутые видеоролики)
Замечательные ребята! Знаком с ними дистанционно, но, они очень контактные. Знающие и хорошие специалисты своего дела. Ну и плюсом ооочень много делают для популяризации it в России.
Хорошие курсы для начинающих сетевых инженеров. Если хотите прокачать знания по сетям и телефонии, то однозначно сюда.
Отлично проработанные курсы. Качественно подобрана и классифицирована информация. Не раз обращался к этим ребятам за помощью. Спасибо за помощь.
Прошёл курс по основам информационной безопасности. Курс весьма информативный за свои деньги! Есть практические задания на Cisco packet tracer и приводятся примеры с опенсорс решениями по ИБ,это радует. Хотел бы пожелать в будущем добавить лабы по комплексной технической защите сети с опенсорс решениями всех типов(антивир, ids, ips, siem, soar и тд) и по форензике, с применением опенсорс инструментов на примере какой нибудь ситуации где все виды технических решений присутствуют. Потому как самая главная ценность в практике. А в целом новичкам советую пройти этот курс,очень информативно и материал интересно подан,вобщем не пожалел,что приобрёл!
Очень понравились курсы по Asterisk и к базе знаний обращаюсь часто, грамотные люди в Мерион Нетворкс!!!

Государственная лицензия

Мы обучаем на основании государственной лицензии №Л035-01298-77/00554994, поэтому, вы можете получить социальный налоговый вычет и вернуть до 13% расходов, потраченных на собственное обучение.

Про налоговый вычет
Ваше резюме после обучения
img
Зарплата на старте
от 80 000 ₽ /месяц
Профессиональные навыки:
Опыт верстки с использованием HTML, CSS и JS
Опыт работы с макетами и адаптивной версткой
Умение работать с Git
Умение работать c JS в браузере и отправлять запросы на сервер
Опыт работы с Node.JS, npm, Webpack
Понимание основ React
img
Скидка 25%
до 28 апреля
Фронтенд-разработчик с нуля
4 месяца обучения
icon
Начало обучения 29 апреля
icon
Осталось 6 мест
В рассрочку на 12 месяцев
1 374 ₽ / месяц
1 833 ₽ / месяц
Полная стоимость курса
16 490 ₽
21 990₽
Записаться и оплатить
Нажимая на кнопку вы соглашаетесь на обработку персональных данных
Доступ к электронной образовательной системе, подтверждение платежа и все инструкции по курсу отправим вам на почту в течение 1 часа после оплаты.
Выберите вариант оплаты:
16 490 ₽
единовременно
Способы оплаты:

Сервис «Долями» принимает только телефонные номера из РФ. Укажите российский номер или выберите другой способ оплаты.

Нажимая на кнопку вы принимаете публичную оферту
от 1 374 ₽ в месяц
в рассрочку от банка
Срок рассрочки:
Нажимая на кнопку вы принимаете публичную оферту

💡
Ученье - Свет!
Вы на правильном пути.
Дальнейшие инструкции мы отправили вам на почту.

FAQ

Как я смогу получить доступ к курсу после того, как я оплачу его?

  • После оплаты курса, вы получите на ваш email письмо в течение 10 минут. В этом письме будет ссылка на нашу электронную образовательную систему, а также логин и пароль для входа. Если вы не получили письмо, проверьте, не попало ли оно в папку «Спам». Если вы не нашли письмо в папке «Спам», свяжитесь с нами по адресу info@merionet.ru, и мы перешлем вам его повторно.

Насколько у меня останется доступ к материалам?

  • Доступ ко всем учебным материалам останется у вас навсегда. Мы не ограничиваем вас по времени.

В какое время проходят занятия?

  • В любое удобное для вас! Это онлайн курс, поэтому, можете заниматься хоть ночью, укутавшись в одеяло и попивая чай.

Можно ли оплатить от организации?

  • Конечно. Пришлите карточку вашей организации в наш коммерческий отдел на почтовый адрес info@merionet.ru

Почему именно Merion Academy?

  • С 2015 года мы делаем образовательный контент на ИТ/телеком тематику в собственной базе знаний и на YouTube, который полезен более чем 21 263 849 IT - специалистам.


    И знаете что? Мы поняли, как сделать его таким, чтобы даже рассказ про LSA в протоколе OSPF был легким, интересным и смешным, чтобы обучение увлекало вас и давало высокие результаты.


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

Что помимо самого курса я получу?

  • В случае успешного прохождения итогового теста, вы получите сертификат с уникальным номером. Проверить подлинность сертификата можно тут: wiki.merionet.ru/CertValidate. Так же вы получите доступ закрытый Telegram чат, где мы помогаем друг другу в решение технических вопросов.

Хочу стать автором курсов!

  • Мы всегда рады сотрудничеству с экспертами отрасли. Пришлите нам свои регалии на info@merionet.ru для связи с отделом по работе с авторами.