Мидл фронтенд-разработчик и модуль по React

Яндекс Практикум
4,7
Поможем перейти на новый уровень разработки за 5 месяцев
4,79
На основании отзывов пользователей
на Отзовике, IRecommend и TutorTop
18 000 /мес
или сразу 140 000
Смотреть курс
Программа обучения

Рассчитана на 5,5 месяца, учёбе нужно будет посвящать 20–25 часов в неделю

Бесплатная вводная часть

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

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

В течение 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.

Ключевые темы

Современный CSS, доступные интерфейсы: A11y, структурирование кода по методологии БЭМ, Node.JS., управление зависимостями через NPM, шаблонизаторы: Handlebars, продвинутый JavaScript, принципы ООП, Typescript, компонент, Codestyle и линтеры, роутинг, клиент‑серверное взаимодействие: HTTP, REST, API, WebSocket, тесты, безопасность

В течение 1 модуля вы выполните полноценное SPA: веб‑мессенджер

Каникулы

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

Командная разработка приложения «Веб‑игра»

Перейдёте к высокоуровневым инструментам и разработаете полноценную браузерную игру, похожую на Flappy Bird, Doom 2D, покер или «Монополию». При разработке вы исследуете смежные сферы программирования, без которых невозможна фронтенд‑разработка: информационную безопасность, прототипирование интерфейсов, DevOps и ООП.

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

React, Canvas API, VDOM, React Router, React + anvas, Express, SQL, 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, CRUD

Ключевые темы

Погружение в React, React Router, Canvas API, React: HOC, контексты и оптимизация, хранение данных: Redux и селекторы, тестирование в React, Service Workers, WEB API для игры, хранилища в WEB, Server Side Rendering, настройка аутентификации и авторизации, работа с базами данных, подготовка окружения: Docker, Docker Compose и PostgreSQL, основы PostgreSQL, PostgreSQL & NodeJS

Попробуете себя в роли руководителя и улучшите навыки работы в команде

Трек 1. Разработка проекта по Classified

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

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

Storybook, TBD, Web Components, MongoDB, API, SSE, AI‑ассистент

Ключевые темы

Создание TBD, подключение Storybook, микрофронтенды и Web Components, API, SSE, подключение AI ассистента, мониторинги и алертинг

Выполните 1 дополнительный проект: веб‑приложение или сайт для объявлений

Трек 2. Модуль по React

Освоите на продвинутом уровне самую популярную библиотеку для фронтенда.

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

React, Redux, TypeScript, WebSocket, Jest

Ключевые темы

Погружение в React и Redux, роутинг, безопасность и TypeScript, протокол WebSocket и деплой приложения

Выполните 1 дополнительный проект: веб‑приложение на React и TypeScript

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

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

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

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

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