• Программирование
  • Дизайн
  • Маркетинг
  • Бизнес и финансы
  • Аналитика
  • Детям
  • Иностранные языки
  • Психология
  • Управление
  • Создание контента
  • Нейросети
  • Для педагогов
  • Образ жизни
<  К списку курсов
Мидл фронтенд-разработчик
Логотип школы Яндекс Практикум
Яндекс Практикум

Мидл фронтенд-разработчик

  • Программирование
  • JavaScript
  • Node.js
103 000 ₽
В рассрочку от 22 000 ₽ / месяц
Оставить заявку

Описание курса

Как вырасти от Junior до Middle

Особенности Middle-специалиста

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

Теория и практика

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

Технологии и навыки, которые вы изучите

  • JavaScript
  • TypeScript
  • CSS
  • PostCSS
  • Webpack
  • Parcel
  • Шаблонизаторы
  • React
  • Web API
  • Canvas API
  • CI / CD
  • Yandex Cloud
  • Node JS
  • SSL
  • React-router
  • Nginx
  • WebSocket
  • PostgreSQL
  • MongoDB
  • Server Side Rendering
  • Docker
  • Jest

Возможности для роста

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

Онлайн обучение

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

Обучение на примерах из жизни и с постоянной практикой

Объясним теорию простым языком, а вы отработаете её в тренажёре, в реальной среде разработки и в работе над полноценными проектами — сделаете 2 приложения с нуля.

Проект по разработке мессенджера

Вы сможете разработать мессенджер, используя только JavaScript, TypeScript, CSS и API браузера. Отсутствие библиотек и фреймворков поможет увидеть, что для веб-приложения достаточно нативного JavaScript. В проект войдут стандартные функции чата: регистрация, авторизация, список чатов, обмен сообщениями.

Проект по созданию игры

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

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

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

В течение первого модуля вы выполните полноценное 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. К окончанию этого модуля завершите свой первый проект.

Каникулы

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

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

После изучения в первом модуле нативных возможностей JavaScript вы перейдёте к высокоуровневым инструментам. Во втором модуле ваша команда разработает с их помощью полноценную браузерную игру, похожую на 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, задеплоите проект. Программа обучения завершится финальным мероприятием, где вы покажете функциональность игры, поделитесь выбранными решениям и расскажете о процессах в вашей команде.

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

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

Ключевые технологии и инструменты

  • BFS
  • DFS
  • BST
  • DOM
  • Алгоритм Хаффмана
  • LIFO

Спринт 1

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

Спринт 2

Пузырьковая сортировка, анализ сложности алгоритма, сортировка вставками, связный список.

Спринт 3

Стек и очередь, быстрая сортировка, сортировка слиянием. Алгоритмы сортировки: повторение.

Спринт 4

Хеш-таблицы, методы разрешения коллизий и операции с хеш-таблицей.

Спринт 5

Деревья, операции с бинарным деревом поиска и бинарной кучей, графы. Структуры данных: повторение.

Спринт 6

Сжатие данных. Алгоритм Хаффмана.

Спринт 7

Алгоритмы поиска. Бинарный поиск. Поиск в ширину (breadth-first search, BFS). Поиск в глубину (depth-first search, DFS).

Спринт 8

Задачи с собеседований: вертикальная ось симметрии, подотрезок с суммой X. Здесь мы собрали не оригинальные, но полезные задачи на знание алгоритмов — именно такие задачи часто встречаются на собеседованиях.

Вебинары и сессии Q&A

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

Программа трудоустройства:
Нет
Документ об окончании:
Диплом
Продолжительность обучения:
5,5 мес.
График прохождения курса:
Свободный, в своем темпе
Учебный процесс:
Учебный процесс включает изучение теории и практики веб-разработки, работу над проектами без использования фреймворков, освоение ключевых технологий, тестирование, безопасность, DevOps, поддержку наставников и каникулы для повторения материала.
Проекты в портфолио:
Собственный проект
Мнение редактора:
Этот курс по разработке веб-мессенджера выглядит комплексным и хорошо структурированным, что позволяет глубоко погрузиться в различные аспекты веб-разработки. Сочетание теории и практики, акцент на JavaScript и TypeScript без использования фреймворков в первом модуле помогают студентам понять основы и внутренние механизмы популярных библиотек. Программа также включает важные смежные области, такие как тестирование, безопасность и DevOps, что делает её особенно ценной для развития полноценных навыков. Включение каникул и поддержка наставников способствуют комфортному обучению и профессиональному росту.

Ответы на вопросы

Зачем мне этот курс?

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

Кто авторы курса?

Программа составлена опытными преподавателями, методологами и действующими специалистами Яндекса, Школы анализа данных и другими лидерами технологической и образовательной индустрии.

Можно ли поднять свой уровень до мидл за 5,5 месяца?

Мы рассчитываем, что каждый наш выпускник сможет претендовать на позицию мидл-разработчика в лучших продуктовых и аутсорс-компаниях РФ.
Это происходит за счёт интенсивного изучения новых технологий и практики, командного взаимодействия с опытными одногруппниками и менторами. Курс ориентирован на нагрузку около 15–20 часов в неделю с упором на практику. Вы не просто слушаете лекции о том, какие есть технологии, а сразу применяете их в проектах. Вы пройдёте полный цикл разработки веб-приложения от создания макетов или их использования до сдачи в продакшн. Каждый раз будете либо применять новый стек технологий, либо углубляться в то, что было изучено раньше.

Что мне нужно знать и уметь, чтобы проходить курс?

JS, CSS и HTML, а ещё у вас должен быть опыт в коммерческой разработке.

Что делать, если я не справлюсь с нагрузкой?

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

Какая длительность курса?

5,5 месяца, учёбе нужно будет уделять 15–20 часов в неделю.

Получу ли я какой-то документ после курса?

Если у вас есть среднее профессиональное или высшее образование, после курса вы получите диплом о профессиональной переподготовке.

Если нет, выдадим сертификат о прохождении курса и справку об обучении в электронном виде.

Если не понравится, я могу вернуть деньги?

Конечно. Если поток ещё не стартовал, вернём всю сумму. Если учёба уже началась, придётся оплатить прошедшие дни со старта вашего первого потока — но мы вернём деньги за остаток курса. Более подробно рассказываем об этом в 7 пункте оферты.

Отзывы школы

Skillbox

4.61

Скилбокс 2 раза проиграл в суде и все еще тянет время, чтобы не возвращать средства

Качество контента ужасное, большинство проверяющих уроки имеют посредственные знания, при попытке вернуть средства за непройденное обучение, платформа апеллирует незаконными формулами и отказывает возвращать средства. Я ВЫИГРАЛА СУД У СКИЛБОКСА 2 РАЗА, ПЛАТФОРМА ТЯНЕТ ВРЕМЯ И НЕ ХОЧЕТ ВОЗВРАЩАТЬ СРЕДСТВА 09.01 я выиграла суд, 20.03 было второе заседание по инициативе скилбокса и тоже в мою пользу На данный момент скилбокс не собирается возвращать полагающуюся мне сумму, всевозможными способами тянет время, общается неинформативными отписками.
Читать  →

Skill cup

4.02

Очень удобный формат

Понимаю что за наполнение курса отвечает скорее автор, нежели платформа — поэтому то, что курсы Ильяхова мне очень зашли — это отзыв скорее Ильяхову :) Что касается платформу — кайф в том, что видео короткие, перемешаны с лонгридами-конспектами, простые тесты —для мобильного формата супер. Но на планшете уже отображается всё кривовато.
Читать  →

Король говорит

4.02

Всем, кто стремится к совершенству в ораторском искусстве,

Просто нет слов, чтобы выразить моё восхищение преподавателями! Эти ребята - настоящие профессионалы своего дела и знают, как работать с обратной связью. С каждым домашним заданием я чувствовал поддержку и понимание. График занятий просто идеален - удобно вписывался в мой динамичный график. Процесс обучения происходил в столице, что добавляло мотивации, и в течение месяца, раз в неделю, я погружался в науку красноречия. Всего получилось восемь незабываемых занятий, каждое из которых давало четкие инструменты для развития и совершенствования навыка говорения.
Читать  →

1С репетитор

4.1

Ну что сказать 1С есть 1С

Очень все нудно тягомотно и скучно. Но это нужно было пройти, пользы не много, все равно ничего в этой 1С непонятно. Все потом вручную и на практике заново в работе познавать.
Читать  →

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

4.67

НЕ зря потраченное время

Я проходил курс Java разработчика с нуля. Пришел на этот курс с около нулевыми знаниями в программировании, ведь школа в своей рекламе заявляет, что и для таких как я он подходит. Какого было мое удивление от осознания, спустя пару месяцев изучения, что курс до сих пор не скатился в либо через чур сложные темы, либо в работу где мы "топчемся на месте" постоянно изучая что-то простое. То есть для меня обучение на протяжении всего времени было в меру сложным и всегда оставалось интересным. Да, были модули которые давались тяжело. Были мысли все бросить и вообще забыть идею стать программистом. Но я доучился и вот почему: - Я. практикум организовывает отличное комьюнити внутри курса. Всегда можно найти неравнодушного однокурсника либо даже преподавателя. Например мой преподаватель находил время, что бы созвониться со мной лично и помочь уложиться в дедлайн. - Реальные дедлайны. Если ты не занимаешься - ты не можешь продолжать обучаться. Отлично происходит отсев людей недостаточно замотивированных для обучения. - Команда Яндекса регулярно проводит мотивационные вебинары, презентации и интервью профессионалов - Программа курса сложная, но на выходе ты действительно чему-то научился. Достаточно ли пройти курс, что бы успешно войти в айти? И да и нет. Хардскилов приобретенных на курсе должно быть достаточно для вхождения в профессию. Но нужно быть реалистом и понимать, что придется проходить много собеседований, изучать что-то самому, писать "Пет" проекты ( все это не обязательно истинна - мое мнение). Но и тут у Яндекса кусочек заботы о студентах - они помогают в конце курса с составлением резюме, расскажут о вопросах которые будут на собесах и т.д. Курс однозначно рекомендую. Но не ждите, что этот пройденный курс = 500к в наносекнду после.
Читать  →

AgileFluent

4.15

Пустая трата денег

Я заказывала у них карьерную консультацию, вполне чётко обозначив свой запрос. Я имею опыт работы в IT больше 8 лет и искать работу, как и делать резюме, вполне умею. Мне хотелось чтобы мне помогли с тем, в какую роль мне можно двигаться дальше на базе моих навыков сейчас и в какой зарплатной вилке это это может быть. Конечно, всё можно выяснить самой, но мне было жаль своего времени на ресерч и я хотела взгляд эксперта со стороны. AgileFluent сказали, что с таким работают и мне помогут. На карьерной консультации девушка бОльшую часть времени рассказывала мне как искать вакансии через составление огромной таблицы в экселе с высчитываем веса каждого требования. Практически ничего не спросила про мой опыт и пожелания, роли предложила и так очевидные. Честно сказала что прогнала моё резюме через чат GPT для поиска ролей. Еще дала набор ссылок на поиск работы и на самостоятельное высчитывание затрат на жизнь в каждой стране и поиск зарплатной вилки. В целом не было ничего персонализированного, по ощущениям просто показали инструменты с которыми я дальше должна ответить на свой запрос самостоятельно. Это как если пришел к врачу, а он вместо заключения просто даст ссылки на медицинские ресурсы. Я осталась очень разочаровала и дала обратную связь, мне предложили переделать свою консультацию. На всякий случай я еще раз детально проговорила свой запрос и мне опять-таки сказали, что могут с этим помочь. Неделю 2-3 эксперта крутили мою прошлую консультацию и пришли к тем же выводам: либо надо пакет консультаций либо они дадут мне только инструменты для дальнейшей самостоятельной работы. Считаю им нужно делать фильтр на входе: для джуна это все может и было бы полезно, хотя всё можно найти и самому в интернете, а вот для сеньора - не серьезно совсем.
Читать  →
Оставьте отзыв
Расскажите о своём опыте использования образовательных услуг в Яндекс Практикум Написать отзыв

Сморите также

Смотреть больше
Смотреть больше

Чему научитесь

  • Освойте современную профессию
  • 2025-01-01
  • 2025-12-31

Ваши навыки после обучения

  • ТОП школ по любому направлению
  • 2025-01-01
  • 2025-12-31

Рейтинг школ

Рейтинг школ

На основании оценок пользователей, отзывов и популярности Читать отзывы
1
Логомашина
2
Skypro
3
ProductStar
4
Geekbrains
5
Нетология
Весь рейтинг