Фронтенд-разработчик с нуля

Скидка 25% + Курс по карьере и Английский для IT

Новичкам

4 месяца

Навсегда

Фронтенд-разработчик с нуля

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

Бесплатный вводный урок

Купить курс целиком

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

Желающим попасть в IT

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

Дизайнерам

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

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

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

Бесплатная регистрация и бонусы

Доступ к вводному уроку

Пройди с любого устройства

Оценишь нашу подачу материала

Скидка на курс

2 860 ₽

Урок английского для IT-специалистов

Урок из интенсива по развитию карьеры в IT

Спасибо! Мы отправили доступ к материалам на указанную почту

Ускорь обучение, получив все материалы
в нашем Telegram-боте

Получить

Произошла ошибка. Попробуйте еще разок!

о курсе от автора

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

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

Разаботал архитектуру клиентской части для крупнейшей ИИ-платформы синтеза и распознавания речи

Преподаватель курсов по Веб-разработке в множестве онлайн-академий

Более 160 вкладов в 16 репозиториев на GitHub

читать всё

Программа курса

Блоков

50+

Технологий

20+

Часов лекций

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

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

Кратко о сфере веб-разработки и функциях фронтенд-разработчика

Лекция

Описание курса и как он устроен

Лекция

Настройка начального рабочего окружения

Лекция

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

Принцип работы браузера и схемы клиент-сервер

Лекция

Первая HTML страница, синтаксис и обязательные элементы, семантика

Лекция

Основные элементы: заголовки, текст, списки, таблицы и семантика

Лекция

HTML формы. Валидация и автоматизация рутинных вещей, расширения

Лекция

Практическое задание. Верстка страницы

Тест по основам HTML

Тест

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

Знакомство с CSS и первые свойства

Лекция

Продвинутые селекторы, инструменты разработчика, каскадность

Лекция

Блочные и строчные элементы, позиционирование

Лекция

Практическое задание. Оформление страницы

Тест по основам HTML

Тест

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

Популярные программы для просмотра макетов. Разбор макета и подготовка к верстке (структура макета, базовые стили)

Лекция

Flexbox-модель: основные понятия и свойства

Лекция

Завершение верстки первого макета и разбор частых ошибок

Лекция

Практическое задание. Верстка макета

Тест по работе с макетами

Тест

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

Адаптивная верстка и её виды

Лекция

Медиа-запросы

Лекция

Пример адаптивной верстки на макете

Лекция

Практическое задание. Адаптивная верстка

Тест по адаптивной верстке

Тест

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

Системы контроля версий и установка Git

Лекция

Создание репозитория и хостинг файлов

Лекция

Тест по основам Git

Тест

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

Языки программирования и принцип их работы

Лекция

Переменные и типы данных

Лекция

Операторы и приведение типов

Лекция

Условия и циклы

Лекция

Массивы и методы для работы с ними

Лекция

Функции

Лекция

Объекты

Лекция

Практическое задание. Функции и игры на JavaScript

Тест по основам JavaScript

Тест

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

Браузер как окружение JavaScript

Лекция

Работа с DOM (Document Object Model)

Лекция

События и обработчики

Лекция

HTML формы и JS

Лекция

Работа с сервером, локальные хранилища

Лекция

Практическое задание. Барабанный синтезатор

Тест по основам JavaScript в браузере

Тест

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

Знакомство с Node.JS и npm

Лекция

Модули и Webpack

Лекция

Наследование в JS

Лекция

Итераторы и генераторы

Лекция

Async-await, таймеры

Лекция

Unit-тестирование

Лекция

Практическое задание. To-Do List

Тест по продвинутому JavaScript

Тест

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

TypeScript

Лекция

Установка React и создание компонентов

Лекция

Props и состояние компонента

Лекция

React-Router

Лекция

Практическое задание. React проект

Тест по основам React

Тест

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

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

Лекция

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

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

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

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

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

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

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

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

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

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

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

Должность

Frontend-разработчик

Зарплата на старте

от 80 000 ₽ /месяц

Профессиональные навыки:

Опыт верстки с использованием HTML, CSS и JS

Опыт работы с макетами и адаптивной версткой

Умение работать с Git

Умение работать c JS в браузере и отправлять запросы на сервер

Опыт работы с Node.JS, npm, Webpack

Понимание основ React и TypeScript

Подарки и бонусы

Английский
для IT

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

Подробнее

карьерный интенсив

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

Подробнее

Профориентация на базе AI

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

Подробнее

Учитесь
когда
и где
вам удобно

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

Бесплатный перевод между курсами

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

Гарантии имеют юридическую силу, условия прописаны в Договоре-оферте

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

Just Simple

Отличные курсы за доступную цену.

Мурат

Все кайф, препод прикольный)

Анастасия В.

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

Кирилл Тимофеев

Отличные курсы !
Информация структурирована и понятна.
Рекомендую данный источник курсов.

Наталия А.

Курс «Базовый курс по Asterisk»

Купила курс по asterisk.
Понравилсь туториал по установке данного сервера.

daniil23

Курс «Кибербезопасность»

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

Сейчас подумываю о приобретении курса по продвинутой Python разработке?

Больше отзывов

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

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

Про налоговый вычет

Скидка 25% до 7 апреля

Фронтенд-разработчик с нуля

25%

до 7 апреля

+ скидка 25% + Курс по карьере и Английский для IT

В рассрочку на 12 месяцев

1 786 ₽ / месяц

2 382 ₽ / месяц

Полная стоимость курса

21 440 ₽

28 590 ₽

Бесплатный звонок по России: 8 (800) 511 49-74 по будням с 10 до 19 по МСК
Можно получить налоговый вычет 13% от стоимости обучения
Хотите оплатить как юридическое лицо? Напишите нам
Пройдите вводный урок и получите дополнительную скидку

Выбери способ оплаты

Оплатить всю сумму

Картой РФ

Картой другой страны

21 440 ₽

Долями — 4 платежа

по 5 360 ₽

В рассрочку Тинькофф

6 месяцев

12 месяцев

от 1 786 ₽ / мес

Заполни данные

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

Оплата прошла успешно!

Ты на правильном пути. Дальнейшие инструкции мы отправили тебе на почту.

Еще курсы

Оплата не прошла

Что-то пошло не так. Попробуй еще разок,
или напиши нам на почту или в телеграм.

info@merionet.ru

Почта техподдержки

@merion_academy_bot

Telegram-бот

Попробовать снова

Бесплатная регистрация и бонусы

Доступ к вводному уроку

Пройди с любого устройства

Оценишь нашу подачу материала

Скидка на курс

2 860 ₽

Урок английского для IT-специалистов

Урок из интенсива по развитию карьеры в IT

Спасибо! Мы отправили доступ к материалам на указанную почту

Ускорь обучение, получив все материалы
в нашем Telegram-боте

Получить

Произошла ошибка. Попробуйте еще разок!

FAQ

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

В течение 10 минут после оплаты вам на email придет письмо со ссылкой на платформу, логином и паролем. Если письма нет, проверьте папку «Спам» или свяжитесь с нами по адресу info@merionet.ru.

Какие есть способы оплаты? Можно ли оплатить частями?

Мы принимаем карты МИР, Visa и MasterCard через интернет-эквайринг, а также Yandex Pay, T-Pay и оплату через Систему быстрых платежей (СБП). Доступна беспроцентная рассрочка через T-Банк или оплата в 4 равных части через сервис «Долями». Для юридических лиц возможен безналичный перевод. Подробнее о способах оплаты можно узнать здесь.

Будет ли возможность общения с другими студентами?

Да, у каждого курса есть чат в Telegram, где вы можете общаться с другими студентами и получать полезные материалы от менторов. Ссылка на чат будет в первом письме о начале курса.

Подойдут ли ваши курсы новичкам?

Да, базовых навыков работы с компьютером будет достаточно. Главное — внимательно смотреть уроки, выполнять задания и следовать рекомендациям преподавателя.

Могу ли я прервать обучение на курсе?

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

Что делать, если курс не подойдёт?

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

Можно ли заменить курс на другой?

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

Помогают ли с трудоустройством после курса?

Каждому студенту мы предоставляем бесплатный карьерный интенсив с экспертами центра «Эйч»: создание резюме, навыки самопрезентации, успешное прохождение собеседований, а также чек-листы и рекомендации для карьерного роста. Дополнительно — мини-курс по английским терминам в IT от наших партнеров из Advance для уверенного общения в международной команде и работы с англицизмами.

Когда проходят занятия? Можно ли совмещать курс с работой? Сколько часов надо уделять занятиям?

Да, совмещать учебу с работой получится, так как вы сами выбираете, когда смотреть уроки. В среднем студенты Merion Academy тратят на занятия от двух до пяти часов в неделю. При этом доступ к курсу остается у вас навсегда.

Есть ли возрастные ограничения для студентов?

Курсы доступны для всех — от старшеклассников до пенсионеров. Главное — желание и возможность осваивать программу. Для несовершеннолетних оформление заявки и подписание договора осуществляют родители.

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

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

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

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

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

Мы всегда рады сотрудничеству с экспертами отрасли. Оставьте заявку на этой странице