Скидка 25% + курс по карьере и английскому для IT
img
img
Новичкам
img
4 месяца
img
Навсегда
Фронтенд-
разработчик с нуля
Погрузитесь в мир веб-разработки, освоив основные инструменты работы: HTML, CSS, JavaScript. Научитесь работать с дизайн-макетами и адаптивной версткой, сверстаете свои первые страницы и поймете, как строить карьерный трек в ИТ.
img
Кому подойдет курс?
Желающим
попасть в IT
Фронтенд — одна из немногих областей знаний в айти, которую можно достаточно быстро освоить. На курсе вы научитесь работать с основными инструментами разработчика и после сразу заняться наработкой портфолио.
img
img
Дизайнерам
Насмотренность и образное мышление помогут создавать красивые и функциональные сервисы, а заодно откроют новые возможности для развития.
img
img
Бэкенд-разработчикам
На курсе вы лучше поймете, как работает фронтенд. Мы подробно разбираем HTML, CSS, как верстаются макеты, как работать с JavaScript и Git. После сможете заявить о себе как о fullstack-разработчике.
img
img
img
img
img
img
img
img
о курсе от автора
img
Дмитрий Федин
Техлид в команде frontend-разработки MTS Link
Разаботал архитектуру клиентской части для крупнейшей ИИ-платформы синтеза и распознавания речи
Преподаватель курсов по Веб-разработке в множестве онлайн-академий
Более 160 вкладов в 16 репозиториев на GitHub
читать всё
Программа курса
11
Блоков
50+
Технологий
20+
Часов лекций
12
Практических занятий
Кратко о сфере веб-разработки и функциях фронтенд-разработчика
Лекция
Описание курса и как он устроен
Лекция
Настройка начального рабочего окружения
Лекция
Принцип работы браузера и схемы клиент-сервер
Лекция
Первая HTML страница, синтаксис и обязательные элементы, семантика
Лекция
Основные элементы: заголовки, текст, списки, таблицы и семантика
Лекция
HTML формы. Валидация и автоматизация рутинных вещей, расширения
Лекция
Практическое задание. Верстка страницы
Практика
Тест по основам HTML
Тестирование
Знакомство с CSS и первые свойства
Лекция
Продвинутые селекторы, инструменты разработчика, каскадность
Лекция
Блочные и строчные элементы, позиционирование
Лекция
Практическое задание. Оформление страницы
Практика
Тест по основам HTML
Тестирование
Популярные программы для просмотра макетов. Разбор макета и подготовка к верстке (структура макета, базовые стили)
Лекция
Flexbox-модель: основные понятия и свойства
Лекция
Завершение верстки первого макета и разбор частых ошибок
Лекция
Практическое задание. Верстка макета
Практика
Тест по работе с макетами
Тестирование
Адаптивная верстка и её виды
Лекция
Медиа-запросы
Лекция
Пример адаптивной верстки на макете
Лекция
Практическое задание. Адаптивная верстка
Практика
Тест по адаптивной верстке
Тестирование
Системы контроля версий и установка Git
Лекция
Создание репозитория и хостинг файлов
Лекция
Тест по основам Git
Тестирование
Языки программирования и принцип их работы
Лекция
Переменные и типы данных
Лекция
Операторы и приведение типов
Лекция
Условия и циклы
Лекция
Массивы и методы для работы с ними
Лекция
Функции
Лекция
Объекты
Лекция
Практическое задание. Функции и игры на JavaScript
Практика
Тест по основам JavaScript
Тестирование
Браузер как окружение JavaScript
Лекция
Работа с DOM (Document Object Model)
Лекция
События и обработчики
Лекция
HTML формы и JS
Лекция
Работа с сервером, локальные хранилища
Лекция
Практическое задание. Барабанный синтезатор
Практика
Тест по основам JavaScript в браузере
Тестирование
Знакомство с Node.JS и npm
Лекция
Модули и Webpack
Лекция
Наследование в JS
Лекция
Итераторы и генераторы
Лекция
Async-await, таймеры
Лекция
Unit-тестирование
Лекция
Практическое задание. To-Do List
Практика
Тест по продвинутому JavaScript
Тестирование
TypeScript
Лекция
Установка React и создание компонентов
Лекция
Props и состояние компонента
Лекция
React-Router
Лекция
Практическое задание. React проект
Практика
Тест по основам React
Тестирование
Обзор дорожной карты Frontend-разработчика
Лекция
Финальное тестирование
Экзамен
Как проходит обучение?
1
Изучаете модули в нашей системе
img
img
2
Проходите лаборатор
ные
img
3
Выполняете
задания
img
4
Собираете ачивки
за прогресс
img
5
Если возникнут
вопросы –
поможем
img
6
Получаете сертификат
Вам будет приятно его получить,
а еще это позволит увеличить шансы на
трудоустройство и все будут знать о том,
какой вы молодец
img
Что вы получите
img
img
img
img
img
img
Ваше резюме после обучения
img
Зарплата на старте
от 80 000 ₽ /месяц
Профессиональные навыки:
Опыт верстки с использованием HTML, CSS и JS
Опыт работы с макетами и адаптивной версткой
Умение работать с Git
Умение работать c JS в браузере и отправлять запросы на сервер
Опыт работы с Node.JS, npm, Webpack
Понимание основ React и TypeScript
img
Подарки и бонусы
Английский
для IT
Для наших студентов дарим
мини-курс по ключевым английским словам в IT, который сделали
совместно с нашими
друзьями из Advance.
Учимся и работаем
с зарубежными
коллегами легко.
Подробнее
карьерный интенсив
Всем студентам мы предоставляем бесплатный
интенсив по карьерному росту, разработанный
совместно с экспертами из центра
развития карьеры «ЭЙЧ».
Подробнее
Профориентация на базе AI
Тест, проводимый с использованием искусственного интеллекта. Он анализирует вашу личность, выявляет ваши способности и интересы, после чего предоставляет персонализированный набор рекомендаций по профессиям, которые могли бы вам подойти.
Подробнее
Что говорят наши студенты
img
Отличный курс для начинающих по сетям, все доступно и понятно. Спасибо за крутые видеоролики)
img
Отлично проработанные курсы. Качественно подобрана и классифицирована информация. Не раз обращался к этим ребятам за помощью. Спасибо за помощь.
Замечательные ребята! Знаком с ними дистанционно, но, они очень контактные. Знающие и хорошие специалисты своего дела. Ну и плюсом ооочень много делают для популяризации it в России.
img
Курс очень классный, много крутой информации, однозначно рекомендую)
img
Хорошие курсы для начинающих сетевых инженеров. Если хотите прокачать знания по сетям и телефонии, то однозначно сюда.
Мне нравится как здесь подходят к обучению,а еще здесь работают классные люди!
Государственная лицензия
Мы обучаем на основании государственной лицензии №Л035-01298-77/00554994, поэтому вы можете получить социальный налоговый вычет и вернуть до 13% расходов, потраченных на собственное обучение.
Про налоговый вычет
Скидка 25% до 29 июля
Фронтенд-
разработчик
с нуля
25%
до 29 июля
4 месяца обучения
img
Начало обучения 30 июля
img
Осталось 8 мест
В рассрочку на 12 месяцев
1 374 ₽ / месяц
1 833 ₽ / месяц
Полная стоимость курса
16 490 ₽
21 990 ₽
Выбери способ оплаты
Оплатить всю сумму
img
img
16 490 ₽
Долями — 4 платежа
img
по 4 122 ₽
В рассрочку Тинькофф
img
от 1 374 ₽ / мес
Заполни данные
Нажимая на кнопку, вы соглашаетесь на обработку персональных данных
Оплата прошла успешно!
Ты на правильном пути. Дальнейшие инструкции мы отправили тебе на почту.
Оформить еще
Оплата не прошла
Что-то пошло не так. Попробуй еще разок,
или напиши нам на почту или в телеграм.
Почта техподдержки
Telegram-бот
Попробовать снова
img
img
img
img
img
img
FAQ
После оплаты курса, вы получите на ваш email письмо в течение 10 минут. В этом письме будет ссылка на нашу электронную образовательную систему, а также логин и пароль для входа. Если вы не получили письмо, проверьте, не попало ли оно в папку «Спам». Если вы не нашли письмо в папке «Спам», свяжитесь с нами по адресу info@merionet.ru, и мы перешлем вам его повторно.
Доступ ко всем учебным материалам останется у вас навсегда. Мы не ограничиваем вас по времени.
В любое удобное для вас! Это онлайн курс, поэтому, можете заниматься хоть ночью, укутавшись в одеяло и попивая чай.
Конечно. Пришлите карточку вашей организации в наш коммерческий отдел на почтовый адрес info@merionet.ru
С 2015 года мы делаем образовательный контент на ИТ/телеком тематику в собственной базе знаний и на YouTube, который полезен более чем 22 945 514 IT - специалистам. И знаете что? Мы поняли, как сделать его таким, чтобы даже рассказ про LSA в протоколе OSPF был легким, интересным и смешным, чтобы обучение увлекало вас и давало высокие результаты. Проработанные практикующими экспертами материалы, собственные методики, дружелюбная подача, уникальная образовательная платформа и помощь в чате с другими студентами - получи новые навыки и сделай level up по тем областям, где тебе нужна поддержка вместе с нами.
В случае успешного прохождения итогового теста, вы получите сертификат с уникальным номером. Проверить подлинность сертификата можно тут: wiki.merionet.ru/CertValidate. Так же вы получите доступ закрытый Telegram чат, где мы помогаем друг другу в решение технических вопросов.
Мы всегда рады сотрудничеству с экспертами отрасли. Пришлите нам свои регалии на info@merionet.ru для связи с отделом по работе с авторами.