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

Курс для новичков, которые хотят погрузиться в сферу IT и трудоустроиться в компанию на подходящую вакансию

  • Сделаете 12 интересных проектов в порфолио во время обучения.
  • За 6 месяцев станете Junior Фронтенд-разработчиком.
  • Выполните и защитите дипломный проект.
  • Составите резюме, пройдёте собеседование и будете готовы к трудоустройству в компанию.

старт потока

31 мая

Рынок нуждается в хороших Фронтенд-разработчиках

Сфера IT становится все более популярной и проникает во все жизненные процессы. Один из самых простых и действенных способов погрузиться в эту среду — вёрстка веб-страниц, разработка на языке JavaScript, TypeScript и библиотеке React.

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

База и практика на курсе помогут трудоустроиться в офис, на удалёнку или выйти на фриланс

Скрин сайта fl.ru, с поиском по вакансии верстальщик
Вакансии отфильтрованы следующим образом: Удаленная работа, Указан доход, Без опыта

50 000₽*

Работодатель готов платить новичкам без опыта работы.

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

Мы поможем вам добиться результата

Фото преподавателя, Максима Лескина

Преподаватель — Максим Лескин

Преподаватель курса «Фронтенд-разработчик» прошёл путь от работника завода в Челябинске до сотрудника веб-студии, фрилансера, автора и преподавателя курсов по фронтенд-разработке.

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

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

За 2 года преподавания его курсы прошли более тысячи студентов.

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

Видео из серии «Основы JavaScript для начинающих»

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

В одном уроке может быть несколько тем или по одной теме может быть несколько уроков.

11 модулей

120 Видеоуроков

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

  • Подготовительный модуль

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

    Настроите все необходимые для начала программы: чат, браузер и редактор кода

    2

    Видеоурока

    1

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

  • Знакомство с HTML

    • — Введение в HTML
    • — Списки и Таблицы
    • — Ссылки
    • — Работа с изображениями
    • — Создание форм
    • — Типы элементов
    • — Семантическая вёрстка
    • — Emmet

    После этого модуля вы разберётесь где и какой тег использовать. Научитесь писать разметку правильно и профессионально.

    10

    Видеоуроков

    6

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

    Курсовая работа

    Тема: Создание HTML-структуры страницы с соблюдением современных требований.

  • Введение в CSS + Инструменты разработчика

    • — Структура CSS
    • — Псевдоэлементы / Псевдоклассы
    • — Photoshop для верстальщика
    • — Единицы измерений. Наследование
    • — Форматирование текста
    • — Шрифты и как их правильно подключать
    • — Figma — современный инструмент для работы с макетом
    • — Цвет, графика, фон
    • — Normalize и глобальные стили
    • — Методология БЭМ
    • — Блочная модель
    • — Отступы и граница border
    • — Позиционирование
    • — GIT — система контроля версий

    После этого модуля стилизовать любой элемент не составит труда. Вы изучите структуру и все основные CSS-свойства. Каждый современный верстальщик должен уметь пользоваться инструментами для работы с макетами и GIT, а также знать методологию БЭМ и правильно её использовать.

    17

    Видеоуроков

    14

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

    Курсовая работа

    Тема: Создание и подключение стилей к проекту.

  • Современный CSS

    • — Flexbox
    • — Состояния — hover, focus, active
    • — CSS3-анимации
    • — CSS3-свойства
    • — Адаптивная вёрстка
    • — Pixel Perfect
    • — Grid Layout

    По окончанию этого модуля вы освоите базу для полноценной вёрстки макета любой сложности. Но впереди самое интересное.

    12

    Видеоуроков

    7

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

    Курсовая работа

    Тема: Использование продвинутых инструментов в современных проектах.

  • Знакомство с JavaScript

    • — Основы программирования
    • — Знакомство с JavaScript
    • — Структуры данных
    • — Условия
    • — Функции. lvl 1
    • — Структурные типы данных
    • — Циклы
    • — Функции. lvl 2
    • — Отладка кода + ESLint

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

    14

    Видеоуроков

    8

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

    Курсовая работа

    Тема: Закрепление основ JavaScript.

  • DOM & BOM. Знакомство.

    • — DOM-document
    • — GIT. lvl 2
    • — Элемент
    • — События
    • — Формы
    • — BOM API
    • — Хранилища

    По итогу модуля вы познакомитесь с DOM & BOM и напишите CRM-приложение для управления базой данных.

    10

    Видеоуроков

    7

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

    Курсовая работа

    Тема: Работа с DOM. Манипуляции с элементами и вывод данных налету.

  • Профессиональная вёрстка.

    • — Библиотеки JS
    • — Автоматизация GULP
    • — Препроцессор SCSS
    • — Оптимизация проекта
    • — Кроссбраузерная и Кроссплатформенная вёрстка
    • — Gulp & webpack
    • — Доступность (accessibility)

    В этом модуле вы изучите дополнительные инструменты улучшения и автоматизации вёрстки. Сможете реализовывать проекты на новом, профессиональном уровне. Станете более конкурентны на рынке труда или фрилансе.

    11

    Видеоуроков

    6

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

    Курсовая работа

    Тема: Закрепление профессиональной вёрстки.

  • DOM & BOM — API браузера

    • — gulp & webpack
    • — Дата и таймеры
    • — RegExp (Регулярные выражения)
    • — Слайдер. Модальное окно. Меню. Табы. Калькулятор
    • — RAF
    • — Работа с сервером XMLHttpRequest AJAX
    • — Используем готовые решения в работе (AXIOS, Swiper)

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

    8

    Видеоуроков

    6

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

    Курсовая работа

    Тема: Работа с DOM. Оживление статичной страницы.

  • Программирование на JavaScript.

    • — Webpack и экосистемы JavaScript
    • — Функции. lvl 3.
    • — Парадигмы программирования
    • — ООП
    • — Асинхронных JavaScript
    • — Паттерны
    • — Babel и полифилы
    • — Тестирование

    В этом модуле мы изучим темы которые из вас сделают востребованного специалиста — frontend-разработчика. Данный модуль для вас открывает двери дальнейшего, с пониманием дела, изучения фреймворков: React, Vue, Angular и node.js.

    13

    Видеоуроков

    7

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

    Курсовая работа

    Тема: Frontend-разработка.

  • ReactJS & Redux

    • — Основы React
    • — Компоненты
    • — State
    • — Жизненный цикл
    • — Redux
    • — Списки, ключи
    • — Условная отрисовка

    В этом модуле вы познакомитесь с разработкой на React и напишите SPA-приложение.

    11

    Видеоуроков

    7

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

    Курсовая работа

    Тема: Разработка SPA-приложения.

  • TypeScript

    • — Типы
    • — Интерфейсы
    • — Функции
    • — Классы
    • — Generics
    • — Enums
    • — Область видимости (namespace)
    • — Декоратор (decorators)
    • — TS + React

    В этом модуле вы познакомитесь с TypeScript. Научимся типизировать JavaScript с помощью TypeScript.

    12

    Видеоуроков

    5

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

  • Итоговый проект

    Результатом итогового проекта станет полностью свёрстанный, адаптивный и кроссбраузерный живой проект на чистом JavaScript и с качественным дизайном, который будет не стыдно положить в портфолио. После защиты диплома вы будете готовы к устройству в студию.

Упаковка после курса

Максим Лескин

Должность:

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

Зарплата от

50 000 ₽

Навыки

  • Flexbox, Grid
  • Figma, Photoshop
  • Адаптивная вёрстка
  • Доступность
  • PixelPerfect
  • Github
  • SCSS
  • EcmaScript (ES6+)
  • DOM, BOM
  • ООП
  • Ajax, JSON, Rest
  • React, Redux
  • TypeScript
  • Gulp, Webpack, Babel

Сертификат

Фото сертификата окончания онлайн школы Метэд

Сертификат

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

Сертификат поможет работодателю оценить структуру курса по которой вы обучались. Навыков полученных на курсе будет достаточно, чтобы устроиться в штат на позицию стажёра (junior) или принимать заказы на аутсорсе (вне штата) у компаний.

Подготовим к трудоустройству

После окончания обучения с вами будет работать опытный эйчар, который уже более 7 лет трудоустраивает джунов в компании в сфере ИТ.

Что он будет делать:

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

Фриланс

Окончив курс выпускники смогут брать заказы на фрилансе через фриланс-биржи и свои социальные сети.

Блок о трудоустройстве и фрилансе будет последним на нашем курсе.

Записи курса останутся у вас навсегда. А все обновления курса вы будете получать автоматически с этими записями.

Окружение при обучении

Скрин сайта Getcourse, с первыми уроками программы

Уроки в GetСourse

Обучение будет проходить в личном кабинете на закрытой платформе. В каждом уроке будет название урока, видео в котором автор курса рассказывает тему текущего урока.

Ниже будут тайм-коды, дополнительные материалы, домашнее задание и форма для сдачи домашнего задания. Каждое домашнее задание будет проверено нашими кураторами в течении 24 часов после того, как вы его отправили на платформу.

В конце каждого модуля будут «стоп-уроки» и прямая трансляция с ответами на вопросы. На курсе будут курсовые работы — промежуточные проекты, которые помогут вам закрепить пройденный материал на практике.

Для выполнение курсовой работы будет даваться дополнительное время.

Скрин учебной платформы в Discord

Общение в Discord

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

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

Всё общение будет проходить в мессенджере Discord. В нём есть удобное деление на разные каналы коммуникации и никакая информация не потеряется.

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

Скрин сайта fl.ru, с поиском по вакансии верстальщик

Практика в phpStorm

Сам код вы будете писать в программе phpStorm. Это мощная программа для разработке на самых популярных языках программирования. У неё много полезных возможностей для верстальщиков и Frontend-разработчиков, а также есть большое количество плагинов, которые помогут улучшить качество работы с кодом.

Проекты будут сдаваться через GitHub и GitHub Pages. Таким образом вам не понадобится покупать домен и хостинг для обучения. А навык использования этих технологий полезен для современной разработки сайтов и пригодится вам в дальнейшем.

Отзывы

  • Мой путь до трудоустройства фронтенд-разработчиком занял примерно год. Сюда входит время прохождения курсов и попытки самостоятельного изучения материала.

    Почему попытки? Потому что самостоятельное изучение по большому счету ни к чему не привело. Напротив, огромную значимость для меня сыграли курсы с Максом Лескиным по JavaScript и React. За 2 месяца я смог структурировать и углубить знания по JS, познакомиться с React и Firebase. Наиболее важным в обучении стала обратная связь от куратора - только так можно понять, правильно ли сделаны домашние задания, насколько усвоена информация из урока. Также куратор поможет найти ошибку, подкинет полезный материал или объяснит сложную тему, которую не понял из видео. Очень полезны и прямые эфиры с Максом, где он отвечает на все вопросы, часто кодит и объясняет сложные вещи просто и понятно. Кто ходил на интенсивы, тот и так знает, а кто не ходил — стоит сходить и убедиться самим, насколько качественный и доступный для понимания материал дает Макс.

    В общем благодаря знаниям, полученным на курсах с Максом, я нашел свою первую работу в IT и довольно легко устроился на позицию frontend-разработчика, за что благодарен автору и куратору!

  • Макс, спасибо тебе большое за твой труд, за твои Курсы JavaScript и React, которые не только помогли мне получить новую крутую профессию фронт-енд разработчика, но и сэкономили много времени. Благодаря мотивации и полученным знаниям я побил любые свои рекорды и перешёл из логистов в разработчики за 3 выходных дня.

    Это при том, что тогда мне было уже 28 лет и только только родившийся сын.

    Сегодня я уже почти 2 года работаю фронтом и продолжаю обучаться, потому что как ни крути, а времени нужно много, чтобы хорошо владеть навыками. На момент обучения я сомневался стоит ли проходить курс, ведь стоил он не дёшево, но я знал, что я пробьюсь в ИТ. Но я не пожалел, купил Курсы вёрстки сразу, потом js, ну а реакт достался за труды в подарок, что очень приятно было) результаты от работы с Максом оказались больше чем ожидания. Круто и по полочкам все разложено, последовательно и очень доступно. Я слабо знал js, много каши в голове было, но почти за 2 месяца я разложил все по полочкам.

    В общем я нисколько не жалею, что потратил много ночей на обучение и рад текущему результату. Сейчас я полноценный фронт разработчик, пишу н React/Gatsby, практикую typescript и немного пытаюсь вникнуть в node.js. В планах дойти до фул стек разработчика.

    Ещё раз спасибо Максу за новый мой жизненный путь!)

  • Несколько дней назад я завершил прохождение курса по верстке от школы MethEd и хочу поделиться своими впечатлениями.

    Начну с того, зачем мне понадобился этот курс.

    Я изучил JavaScript на базовом уровне и попытался устроиться на работу в компанию. Но столкнулся с тем, что мои знания и умения верстать не позволяли выполнить тестовые задания. Оказалось, что я при обучении посчитал вёрстку чем - то малозначительным и не уделил должного времени на ее изучение. Пришлось вернуться назад. Поняв, что верстать надо уметь хорошо, я начал искать курс, который бы помог научиться этому. Мне на глаза попалась реклама в VK о наборе на первый поток в школу MethEd. Увидев, что преподаватель Максим Лескин, я не раздумывая записался. Дело в том, что я уже учился у Максима в другом месте и знал его подход в преподавании. Прохождение курса у меня разделилось на два этапа: лёгкий и тяжёлый. Пока темы были мне известны, я легко справлялся и сдавал задания. Но когда пошли темы посложнее, мне стало туго. Приходилось настойчиво и усердно разбираться. К тому же навалились трудности в семье, и учёбу приходилось ставить на паузу.

    Теперь по программе. Она насыщенна. Надо приготовиться к тому, что придется глубоко погружаться в процесс обучения. И не отставать от темпа группы. Нагонять сложнее. Материал в уроках на высоком уровне, изложен доходчиво. Где-то, как мне показалось, его уровень выше границ начинающего. С другой стороны, в вакансиях такие требования, что лучше готовиться заранее, в школе. Курсовые и дипломная работы интересные, насыщенные интерактивными элементами, не стыдно положить в портфолио. Дизайн красивый, что для портфолио немаловажно. Во время прохождения курса можно и нужно задавать вопросы. Можно куратору, а можно автору. Я, кстати, не очень этим пользовался, а напрасно. Быстрее и легче было бы учиться. Всё это, конечно, хорошо, а каков результат, какова отдача от курса, спросите вы?

    Сегодня я заработал свои первые деньги на стеке html + css + JS на фрилансе ))) И останавливаться не собираюсь)

    Желаю школе процветания и развития! Ребята, вы несете ценность людям) Ну а ученикам - хорошенько прокачаться, интересных проектов и высоких гонораров)))

  • Меня зовут Максим и я успешно окончил первый поток курса "верстка сайтов". В прошлом я уже занимался версткой, но потом на несколько лет это дело забросил. Записывался на курс с мыслями, что я и так все знаю и просто освежу эти знания. Я никогда еще так не ошибался :) Не смотря на то, что я многое знал, все равно очень часто в уроках я узнавал что-то новое.

    Очень понравилось, что на курсе учат верстать ПРАВИЛЬНО. Прям чувствуется, что Максим(преподаватель) не просто умеет верстать, а умеет делать это так как это нужно делать, придерживаясь всех правил и тонкостей и на курсе он учит именно этому. На курсе я научился не просто верстать, а верстать чисто, эффективно и доступно. Да да, доступно. До этого курса я знать не знал ни о какой "доступности", но теперь все сайты что я делаю, спокойно могут использовать как обычные пользователи, так и пользователи с ограниченными возможностями, использующие читалки с экранов.

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

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

    В общем курс отличный, а за свои деньги, пожалуй, лучший из тех что я знаю. Рекомендую всем, кто хочет "войти в it" через веб-разработку. Крепкие и правильные знания полученные на курсе вам точно пригодятся.

  • Хороший курс, много знаний. Максим как всегда объясняет досконально.

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

    Я и раньше учил JavaScript у Максима Лескина. Знал насколько доступно он объясняет сложные темы. Это в большей степени определило где учить верстку. Вот теперь жду когда будит курс TypeScript. Большое спасибо за курс и за поддержку кураторами.

Тарифы

Комфорт

  • Доступ к видеоурокам и учебным материалам
  • Курсовые проекты
  • Проверка домашних заданий куратором
  • Общий чат со всеми участниками потока
  • Чат с куратором
  • Прямые трансляции в конце модуля
  • Защита дипломного проекта
  • Помощь при трудоустройстве и подбор вакансий
  • Именной Сертификат
  • До 25 видеосозвонов с кураторами
  • Уроки выходят 5 раз в неделю.
32 000₽ 40 000₽

Подходит для людей, которые могут выделить каждый день от 2х до 4х часов на обучение. Уроки выходят 5 раз в неделю.

Длительность курса составит 6 месяцев

Комфорт+

  • Доступ к видеоурокам и учебным материалам
  • Курсовые проекты
  • Проверка домашних заданий куратором
  • Общий чат со всеми участниками потока
  • Чат с куратором
  • Прямые трансляции в конце модуля
  • Защита дипломного проекта
  • Помощь при трудоустройстве и подбор вакансий
  • Именной Сертификат
  • До 32 видеосозвонов с кураторами
  • Уроки выходят 3 раза в неделю.
  • Комфортный темп и больше времени на домашние задания
42 000₽ 50 000₽

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

Больше персональных созвонов с куратором и курс будет длиться не 6, а 8 месяцев.

Несколько форматов оплаты

Способ оплаты кураса - логтип Мastercard Способ оплаты кураса - логтип Visa Способ оплаты кураса - логтип МИР

Банковской картой

Visa/Mastercard/МИР из РФ, переводом на расчетный счёт из любой страны

Беспроцентная рассрочка от нас

Мы делим платёж на 2 части. Первую часть вы оплачиваете сразу, вторую через 30 дней после старта курса

Способ оплаты кураса - логтип Тинькофф

Беспроцентная рассрочка Тинькофф на 12 месяцев

Первую оплату вы делаете через 30 дней после одобрения рассрочки. Доступно только для граждан РФ.

Возврат

Если в течении первой недели вы поняли, что наш курс вам не подходит — мы вернём вашу оплату в полном размере независимо от причин.

FAQ

  • — Нет. Все тарифы только с куратором.