ЛЕТНИЕ СКИДКИ
30%
40%
50%
До конца акции: 30 дней 24 : 59 : 59
Поможем прокачать карьеру!
Всем студентам мы предоставляем бесплатный интенсив по карьерному росту, разработанный совместно с экспертами из центра развития карьеры «ЭЙЧ».
weight
Новичкам
timer
4 месяца
5.0 rating
рейтинг курсов
в Яндекс

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

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

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

Желающим попасть в IT
Фронтенд — одна из немногих областей знаний в айти, которую можно достаточно быстро освоить. На курсе вы научитесь работать с основными инструментами разработчика и после сразу заняться наработкой портфолио.
Фронтенд — одна из немногих областей знаний в айти, которую можно достаточно быстро освоить. На курсе вы научитесь работать с основными инструментами разработчика и после сразу заняться наработкой портфолио.
Дизайнерам
Насмотренность и образное мышление помогут создавать красивые и функциональные сервисы, а заодно откроют новые возможности для развития.
Насмотренность и образное мышление помогут создавать красивые и функциональные сервисы, а заодно откроют новые возможности для развития.
Бэкенд-разработчикам
На курсе вы лучше поймете, как работает фронтенд. Мы подробно разбираем HTML, CSS, как верстаются макеты, как работать с JavaScript и Git. После сможете заявить о себе как о fullstack-разработчике.
На курсе вы лучше поймете, как работает фронтенд. Мы подробно разбираем HTML, CSS, как верстаются макеты, как работать с JavaScript и Git. После сможете заявить о себе как о fullstack-разработчике.

Попробуй бесплатный урок

rocket Моментально откроем доступ
fire Оценишь нашу подачу материала
1
Проходишь бесплатный вводный урок
2
Забираешь скидку на курс
10%
3
Бонусом получаешь:
  • Полную программу курса в PDF
На этот адрес придет письмо с доступами к занятиям

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

Попробуйте ещё раз, а если не получится — напишите нам на почту info@merionet.ru, мы поможем!

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

img
Дмитрий Федин
Техлид в команде frontend-разработки MTS Link
Разаботал архитектуру клиентской части для крупнейшей ИИ-платформы синтеза и распознавания речи
Преподаватель курсов по Веб-разработке в множестве онлайн-академий
Более 160 вкладов в 16 репозиториев на GitHub
читать всё свернуть

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

Блок 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-разработчика
Финальное тестирование
Содержимое блока:
  • Финальное тестирование

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

Изучаешь модули в нашей системе
trainig-image
Проходишь лабораторные
trainig-image
Выполняешь задания
trainig-image
Собираешь ачивки за прогресс
trainig-image
Если возникнут вопросы – поможем
trainig-image
В конце получишь сертификат и удостоверение
Сертификат с уникальным номером, который можно проверить онлайн, и удостоверение о повышении квалификации укрепят твои шансы на трудоустройство.
Все будут знать, какой ты молодец!
scribbles scribbles

Резюме после обучения

avatar
Должность
Frontend-разработчик
Зарплата на старте
от 80 000 ₽ /месяц
Навыки
  • Опыт верстки с использованием HTML, CSS и JS
  • Опыт работы с макетами и адаптивной версткой
  • Умение работать с Git
  • Умение работать c JS в браузере и отправлять запросы на сервер
  • Опыт работы с Node.JS, npm, Webpack
  • Понимание основ React и TypeScript
Сертификаты
Сертификаты

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

Карьерный интенсив
Всем студентам мы предоставляем бесплатный интенсив по карьерному росту, разработанный совместно с экспертами из центра развития карьеры «ЭЙЧ»
Бесплатный перевод
между курсами
Если купленный курс тебе не подойдет, ты сможешь бесплатно перейти на любой другой без дополнительных расходов
Гарантии имеют юридическую силу, условия прописаны в Договоре-оферте
AI-помощник
Во время обучения ты можешь в любой момент обратиться за помощью к AI-ассистенту — ему можно задать любые вопросы по материалу, попросить его объяснить непонятные термины и помочь разобраться в сложных моментах
Английский для IT
Дарим нашим студентам мини-курс по ключевым английским словам в IT, который сделали совместно с нашими друзьями из Advance. Учимся и работаем с зарубежными коллегами легко.
Карьерный интенсив
Всем студентам мы предоставляем бесплатный интенсив по карьерному росту, разработанный совместно с экспертами из центра развития карьеры «ЭЙЧ»
Английский для IT
Дарим нашим студентам мини-курс по ключевым английским словам в IT, который сделали совместно с нашими друзьями из Advance. Учимся и работаем с зарубежными коллегами легко.
Бесплатный перевод
между курсами
Если купленный курс тебе не подойдет, ты сможешь бесплатно перейти на любой другой без дополнительных расходов
Гарантии имеют юридическую силу, условия прописаны в Договоре-оферте
AI-помощник
Во время обучения ты можешь в любой момент обратиться за помощью к AI-ассистенту — ему можно задать любые вопросы по материалу, попросить его объяснить непонятные термины и помочь разобраться в сложных моментах
Профориентация на базе AI
Тест с использованием искусственного интеллекта. 
Он анализирует твою личность, выявляет способности и интересы, после чего предоставляет персонализированный набор рекомендаций по профессиям, которые могли бы тебе подойти.
Подробнее
Налоговый вычет
Мы обучаем на основании государственной лицензии №Л035‑01298‑77/00554994, поэтому ты можешь получить социальный налоговый вычет по расходам на обучение и вернуть до 120 000 ₽
Подробнее

Отзывы наших учеников

  • Иосиф Тихоненков
    Полный курс по сетевым технологиям. Москва
    Иосиф Тихоненков
  • Станислав Касимов
    Тестировщик ПО: основы QA с нуля. Челябинск
    Станислав Касимов
  • Елдос Сүлеймонов
    Python Advanced. Продвинутый курс. Алматы
    Елдос Сүлеймонов
  • Елизаров Алексей
    DevOps инженер с нуля. Новосибирск
    Елизаров Алексей
  • Василий Яковлев
    DevOps инженер с нуля. Ростов-на-Дону
    Василий Яковлев
  • Владислав Погодин
    Полный курс по сетевым технологиям. Пермь
    Владислав Погодин
  • Дмитрий Попов
    Онлайн-курс по MikroTik. Иркутск
    Дмитрий Попов
  • Артем Горячев
    Онлайн-курс по Linux. Москва
    Артем Горячев
  • Виктория Менщикова
    Полный курс по сетевым технологиям. Екатеринбург
    Виктория Менщикова
  • Арсений Словицкий
    Автоматизированное тестирование на Python. Москва
    Арсений Словицкий
  • Даниил Шестаков
    Python Advanced. Продвинутый курс. Севастополь
    Даниил Шестаков
Михаил Давыдов
13 февраля 2024
star star star star star
Проходил курс по DevOps
Очень понравился объём курса и непосредственно сам лектор - материал хорошо преподносится и тем самым отлично усваивается Буду продолжать обучение по другим програмам
читать всё свернуть
Семён Альбеев
06 октября 2022
star star star star star
Самые доступные знания в сфере IT. Все лекции написаны понятным новичкам языком, а для закрепления есть лабораторные работы. Большое спасибо за вашу работу
читать всё свернуть
avatar
Матвей Александров
01 августа 2024
star star star star star
Я прошел курс DevOps и остался очень доволен. Курс предоставил четкое понимание ключевых концепций и инструментов DevOps, таких как CI/CD, контейнеризация и системы оркестрации. Материалы были хорошо структурированы и легко усваивались. Практические задания были полезными и помогли закрепить теорию. Рекомендую этот курс всем, кто хочет углубить свои знания в DevOps и улучшить свои навыки в автоматизации процессов разработки и развертывания.
читать всё свернуть
avatar
AVKorchagin.work
07 ноября 2023
star star star star star
Недавно я прошел курс «DevOps с нуля» и очень рад поделиться с вами своим положительным опытом! Курс был просто потрясающим и научил меня многим ценным навыкам. Прежде всего, спикер был фантастическим. Объяснил все доступно и понятно. Он сделал процесс обучения увлекательным. Содержание курса было всеобъемлющим и актуальным. Я узнал о различных инструментах и ??технологиях, используемых в DevOps. Что мне больше всего понравилось на курсе, так это практический подход. Было множество практических упражнений и проектов, которые позволили мне применить то, что я узнал. Работая над реальными сценариями, я обрел уверенность в своих силах и почувствовал готовность решать реальные задачи DevOps ??? В целом этот курс DevOps был крутым. Это дало мне навыки и знания, необходимые для достижения успеха в этой области. Я чувствую себя более уверенно и готов взяться за сложные проекты (это не точно). Я настоятельно рекомендую этот курс всем, кто интересуется DevOps. Это меняет правила игры!
читать всё свернуть
Евгений С
07 декабря 2021
star star star star star
Очень хорошие курсы садержательные оптимальная комфортная среда обучения отличные ответы на вопросы возникающие при изучении темы всем советую.
читать всё свернуть
avatar
Gleb K.
13 февраля 2024
star star star star star
Прошел курсы DevOps инженер с нуля, очень понравился преподаватель, толково и последовательно все объяснил , после каждого блока есть тест на знание и в конце обучения итоговое тестирование и выдают сертификат по окончанию обучения. Всем советую
читать всё свернуть

Тарифы

Кто будет учиться
Для сертификата. Можно будет поменять в личном кабинете
Сюда после оплаты вышлем логин и пароль для входа в личный кабинет
Для связи, например, для восстановления доступа
Россия
  • Россия+7
    Россия
  • Казахстан+7
    Казахстан
  • Беларусь+375
    Беларусь
  • Кыргызстан+996
    Кыргызстан
  • Узбекистан+998
    Узбекистан
Оплата прошла успешно!
Ты на правильном пути. Дальнейшие инструкции мы отправили тебе на почту.
Ещё курсы
Оплата не прошла
Что-то пошло не так. Попробуй ещё раз, или напиши нам.
info@merionet.ru
Почта техподдержки
@merion_academy_bot
Telegram-бот
Ожидание оплаты
Сейчас откроется окно платёжного сервиса. Если не открылось автоматически,

Сомневаетесь в выборе?

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

Россия
  • Россия+7
    Россия
  • Казахстан+7
    Казахстан
  • Беларусь+375
    Беларусь
  • Кыргызстан+996
    Кыргызстан
  • Узбекистан+998
    Узбекистан

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

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

  • Как получить доступ к курсам после оплаты?
    В течение 10 минут после оплаты вам на email придет письмо со ссылкой на платформу, логином и паролем. Если письма нет, проверьте папку «Спам» или свяжитесь с нами по адресу info@merionet.ru.
  • Какие есть способы оплаты? Можно ли оплатить частями?
    Мы принимаем карты МИР, Visa и MasterCard через интернет-эквайринг, а также Yandex Pay, T-Pay и оплату через Систему быстрых платежей (СБП). Доступна беспроцентная рассрочка через T-Банк или оплата в 4 равных части через сервис «Долями». Для юридических лиц возможен безналичный перевод. Подробнее о способах оплаты можно узнать здесь.
  • Будет ли возможность общения с другими студентами?
    Да, у каждого курса есть чат в Telegram, где вы можете общаться с другими студентами и получать полезные материалы от менторов. Ссылка на чат будет в первом письме о начале курса.
  • Подойдут ли наши курсы новичкам?
    Да, базовых навыков работы с компьютером будет достаточно. Главное — внимательно смотреть уроки, выполнять задания и следовать рекомендациям преподавателя.
  • Могу ли я прервать обучение на курсе?
    Да, вы можете приостановить обучение в любой момент и продолжить его позже.
  • Что делать, если курс не подойдёт?
    Если курс вам не подойдёт или вы решите сменить направление в IT, вы сможете бесплатно перейти на другой курс, включая более дорогие, без дополнительных затрат. Все гарантии закреплены в Договоре-оферте. Если после перевода вы решите вернуть деньги, мы вернем сумму пропорционально пройденным блокам изначального курса.
  • Можно ли заменить курс на другой?
    Да, если приобретённый курс вам не подойдёт или вы решите сменить направление в IT, вы сможете бесплатно перейти на другой курс, включая более дорогие, без дополнительных затрат. Все гарантии зафиксированы в Договоре-оферте.
  • Помогают ли с трудоустройством после курса?
    Каждому студенту мы предоставляем бесплатный карьерный интенсив с экспертами центра «Эйч»: создание резюме, навыки самопрезентации, успешное прохождение собеседований, а также чек-листы и рекомендации для карьерного роста. Дополнительно — мини-курс по английским терминам в IT от наших партнеров из Advance для уверенного общения в международной команде и работы с англицизмами.
  • Когда проходят занятия? Можно ли совмещать курс с работой? Сколько часов надо уделять занятиям?
    Да, совмещать учебу с работой получится, так как вы сами выбираете, когда смотреть уроки. В среднем студенты Merion Academy тратят на занятия от двух до пяти часов в неделю. При этом доступ к курсу остается у вас навсегда.
  • Есть ли возрастные ограничения для студентов?
    Курсы доступны для всех — от старшеклассников до пенсионеров. Главное — желание и возможность осваивать программу. Для несовершеннолетних оформление заявки и подписание договора осуществляют родители.
  • Можно ли оплатить от организации?
    Конечно. Пришлите карточку вашей организации в наш коммерческий отдел на почтовый адрес info@merionet.ru
  • Что помимо самого курса я получу?
    В случае успешного прохождения итогового теста, вы получите сертификат с уникальным номером. Проверить подлинность сертификата можно на этой странице. Так же вы получите доступ закрытый Telegram чат, где мы помогаем друг другу в решение технических вопросов.
  • Хочу стать автором курсов!
    Мы всегда рады сотрудничеству с экспертами отрасли. Оставь заявку на этой странице