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

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

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

старт потока

25 января

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

Сфера 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. Таким образом вам не понадобится покупать домен и хостинг для обучения. А навык использования этих технологий полезен для современной разработки сайтов и пригодится вам в дальнейшем.

Тарифы

Комфорт

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

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

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

Комфорт+

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

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

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

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

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

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

Visa/Mastercard или PayPal из любой страны

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

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

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

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

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

Возврат

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

FAQ

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