Курс «Мидл фронтенд-разработчик»

все курсы

Программирование

Курс находится на модерации. Данные могут быть неактуальны.

4.8

5 месяцев

Сложность

Продвинутый

Тип обучения

Курс

Формат обучения

С проверкой домашнего задания

Трудоустройство

Отсутствует

Сертификат

Да

Стоимость курса

103 000 ₽

есть рассрочка

Сможете вырасти до уровня мидл-разработчика
Освоите новые навыки и научитесь извлекать больше пользы из старых
Углубите знания в алгоритмах, devops, бекенд-разработке и других смежных сферах
Сделаете 2 проекта — с нуля до работающего приложения
Улучшите софтскилы

Как вырасти от junior до middle
Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс составлен так, чтобы вы могли освоить и то, и другое.

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

Кому подойдёт курс
Тем, кто знаком с JS, CSS, и HTML, имеет опыт коммерческой разработки и знаком с основами циклов и алгоритмов.

Если вы не уверены — пройдите бесплатную часть и тест в конце. Там вы сможете больше узнать о курсе и оценить свои способности.

Что вы получите после обучения

Приобретаемые навыки

JavaScript

TypeScript

CSS

PostCSS

Webpack

Parcel

React.js

Web API

Canvas API

CI/CD

Yandex Cloud

Node JS

SSL

React-router

Nginx

WebSocket

PostgreSQL

MongoDB

Server Side Rendering

Docker

Jest

Вас будут обучать

Моргунов Александр

курсов

Техлид в Самокате

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

Георгий Милевский

курсов

Евразийская процессинговая компания, Senior Frontend разработчик

Первый баг на проде в 2017 году. С 2018 года занимаюсь
разработкой одной из популярных PLM систем.

Николай Елисеев

курсов

Техлид/директор по IT

В разработке с 2008 года. Успел поработать с разными стеками
и технологиями от Pascal до Flutter и от модемов до оптоволокна.
В последние годы работаю с небольшим проектами, помогая
им добиваться поставленных целей.

Образовательная организация

Яндекс Практикум

4.3

762 отзыва

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

Яндекс Практикум готовит специалистов по 5 направлениям: анализ данных, программирование, дизайн, маркетинг, менеджмент.

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

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

Преимущества:

Обучение основано на реальных ситуациях. Все задачи, которые вы будете выполнять, взяты из реальной рабочей практики. Оттуда же все инструменты: редакторы кода или Figma. С первых дней вы будете готовиться к своей будущей работе.
69% выпускников Практикума находят работу. В этом им помогает особый этап курса — карьерный трек. На нём со студентами работают наши HR-специалисты. Они учат студентов планировать процесс поиска работы, правильно составлять резюме, не теряться на собеседованиях и проходить тестовые задания. Читать исследование НИУ ВШЭ
Технологии помогают сделать так, чтобы каждому было удобно учиться. Теория — в учебнике с интерактивными элементами, задачи — в тренажёре.
Обратная связь. Еженедельные созвоны с наставниками и подробный письменный разбор выполненных заданий от ревьюера. Кураторы регулярно собирают обратную связь, чтобы в группе было комфортно и не страшно обратиться за помощью.
Возможность оплаты курса в рассрочку.

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

Будете учить только то, что пригодится на практике

Программа рассчитана на 5.5 месяцев, учёбе нужно будет посвящать 20-25 часов в неделю

~30 минутБесплатно

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

4 спринта・10 недель

Самостоятельный проект «Веб-мессенджер»

В течение 1 модуля вы выполните полноценное SPA: веб-мессенджер. Никаких фреймворков и библиотек по клиентской части, только JavaScript, TypeScript. Ещё до знакомства с React и другими библиотеками вы начнёте понимать, как они устроены. В работе над первым проектом реализуете часть функций таких библиотек, как React и React Router.
Ключевые технологии и инструменты
HTTP, REST, TypeScript, Node.js, Express, CSS, API XML, Fetch API, ESLint, Netlify, SPA, WebSockets, gRPC, DoS, DDoS, SSRF, SOP, CORS, CSRF, XSS, CSP, CDN, TDD/BDD.
Спринты 1 и 2
Вы погрузитесь в работу браузера: компонентный подход, отображение. HTTP и REST больше не будут загадкой. Изучите алгоритмы работы популярных шаблонизаторов. С помощью знаний о компонентах раскроете всю магию фреймворков. Начнёте изучать архитектуру, паттерны разработки, дизайн CSS и его методологии. Здесь начнётся ваша дружба с TypeScript.
Спринты 3 и 4
Здесь вы познакомитесь со смежными областями: тестированием и безопасностью. Узнаете, как централизовать логику переходов по страницам и сделать большой шаг к полноценному SPA. Вы научитесь применять протокол связи WebSocket. К окончанию этого модуля завершите свой первый проект.
В течение 1 модуля вы выполните полноценное SPA: веб-месс

4 спринта・1 неделя
Каникулы

Возможность выдохнуть или повторить пройденное. Также вас ждёт небольшая домашка, главная задача которой — лучше познакомиться с одногруппниками и подготовиться к совместному проекту.
Ключевые технологии и инструменты
HTTP, REST, TypeScript, Node.js, Express, CSS, API XML, Fetch API, ESLint, Netlify, SPA, WebSockets, gRPC, DoS, DDoS, SSRF, SOP, CORS, CSRF, XSS, CSP, CDN, TDD/BDD.
Спринты 1 и 2
Вы погрузитесь в работу браузера: компонентный подход, отображение. HTTP и REST больше не будут загадкой. Изучите алгоритмы работы популярных шаблонизаторов. С помощью знаний о компонентах раскроете всю магию фреймворков. Начнёте изучать архитектуру, паттерны разработки, дизайн CSS и его методологии. Здесь начнётся ваша дружба с TypeScript.
Спринты 3 и 4
Здесь вы познакомитесь со смежными областями: тестированием и безопасностью. Узнаете, как централизовать логику переходов по страницам и сделать большой шаг к полноценному SPA. Вы научитесь применять протокол связи WebSocket. К окончанию этого модуля завершите свой первый проект.
В течение 1 модуля вы выполните полноценное SPA: веб-мессенджер

5 спринтов・12 недель
Управление проектом на удалённом сервере

После изучения в 1 модуле нативных возможностей JavaScript вы перейдёте к высокоуровневым инструментам. Во 2 модуле ваша команда разработает с их помощью полноценную браузерную игру, похожую на Flappy Bird, Doom 2D, покер, монополию и подобные карточные игры.
Ключевые технологии и инструменты
React, Canvas API, VDOM, Shadow DOM, JSX, React Router, React + Canvas, SQL, MobX, Redux, Fullscreen API, Canvas, Performance, GeoAPI, Notifications API, Media API, FileSystem API, Gamepad API, Pointer Lock API, Web workers API, Ambient Light, WebGL, WebVR API, биллинг, Yandex Pay, DaData, CRUD.
Спринты 5 и 6
Вы начнёте работать с React и его окружением. Снова встретитесь с TypeScript. Познакомитесь с Canvas API. Узнаете, как хранить данные и тестировать код с помощью Jest. Разберётесь с особенностями безопасности в React.
Спринты 7 и 8
Вы настроите в игре Server Side Rendering, разберётесь, в чём его отличие от Client Side Rendering. Научитесь контролировать память. Кроме того, вы погрузитесь в работу серверной части приложения, допишете часть «ручек» с помощью своего дополнительного API.
Спринт 9
Последний курс, завершение работы над проектами и демонстрация результатов. В этом спринте вы закончите последние правки, погрузитесь в nginx и настроите CI/CD, задеплоите проект. Программа обучения завершится финальным мероприятием, где вы покажете функциональность игры, поделитесь выбранными решениям и расскажете о процессах в вашей команде.
Вместе с командой разработаете браузерную игру, похожую на Flappy Bird, Doom 2D, покер, монополию и другие подобные карточные игры

8 спринтов・12 недель

Алгоритмы и структуры данных

Вам предстоит изучать этот блок на протяжении всей программы. Вы познакомитесь с распространёнными алгоритмами и структурами данных, реализуете их на JavaScript и научитесь оценивать сложность алгоритмов.
Ключевые технологии и инструменты
BFS, DFS, BST, DOM, алгоритм Хаффмана, LIFO.
Спринт 1
Введение в алгоритмы, основные функции сложности, введение в структуры данных. Оценка сложности алгоритма: асимптотический анализ. Основные понятия: передача данных и рекурсия.
Спринт 2
Пузырьковая сортировка, анализ сложности алгоритма, сортировка вставками, связный список.
Спринт 3
Стек и очередь, быстрая сортировка, сортировка слиянием. Алгоритмы сортировки: повторение.
Спринт 4
Хеш-таблицы, методы разрешения коллизий и операции с хеш-таблицей.
Спринт 5
Деревья, операции с бинарным деревом поиска и бинарной кучей, графы. Структуры данных: повторение.
Спринт 6
Сжатие данных. Алгоритм Хаффмана.
Спринт 7
Алгоритмы поиска. Бинарный поиск. Поиск в ширину (breadth-first search, BFS). Поиск в глубину (depth-first search, DFS).
Спринт 7
Задачи с собеседований: вертикальная ось симметрии, подотрезок с суммой X.
Здесь мы собрали не оригинальные, но полезные задачи на знание алгоритмов — именно такие задачи часто встречаются на собеседованиях
С наставнико・Каждый спринт

Вебинары для разбора сложных тем, сессии Q&A
Эта часть курса для тех, кому нужна помощь с поиском работы. Вы изучите стратегии поиска работы и узнаете больше о тонкостях выбора компании-работодателя, подготовите портфолио, напишете резюме и сопроводительное письмо.