Мидл фронтенд-разработчик
- Программирование
- JavaScript
- Node.js
Описание курса
Как вырасти от 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 месяца?
Мы рассчитываем, что каждый наш выпускник сможет претендовать на позицию мидл-разработчика в лучших продуктовых и аутсорс-компаниях РФ.
Это происходит за счёт интенсивного изучения новых технологий и практики, командного взаимодействия с опытными одногруппниками и менторами. Курс ориентирован на нагрузку около 15–20 часов в неделю с упором на практику. Вы не просто слушаете лекции о том, какие есть технологии, а сразу применяете их в проектах. Вы пройдёте полный цикл разработки веб-приложения от создания макетов или их использования до сдачи в продакшн. Каждый раз будете либо применять новый стек технологий, либо углубляться в то, что было изучено раньше.
Что мне нужно знать и уметь, чтобы проходить курс?
JS, CSS и HTML, а ещё у вас должен быть опыт в коммерческой разработке.
Что делать, если я не справлюсь с нагрузкой?
В программе предусмотрены каникулы, во время которых можно отдохнуть или повторить сложные темы.
Если случилось непредвиденное или понадобилось больше времени на закрепление материала, напишите своему куратору. Он поможет перенести дедлайн сдачи проекта или перевестись в более поздний поток. На общую стоимость курса это не повлияет.
Какая длительность курса?
5,5 месяца, учёбе нужно будет уделять 15–20 часов в неделю.
Получу ли я какой-то документ после курса?
Если у вас есть среднее профессиональное или высшее образование, после курса вы получите диплом о профессиональной переподготовке.
Если нет, выдадим сертификат о прохождении курса и справку об обучении в электронном виде.
Если не понравится, я могу вернуть деньги?
Конечно. Если поток ещё не стартовал, вернём всю сумму. Если учёба уже началась, придётся оплатить прошедшие дни со старта вашего первого потока — но мы вернём деньги за остаток курса. Более подробно рассказываем об этом в 7 пункте оферты.
Отзывы школы
Скилбокс 2 раза проиграл в суде и все еще тянет время, чтобы не возвращать средства
Очень удобный формат
Всем, кто стремится к совершенству в ораторском искусстве,
Ну что сказать 1С есть 1С
НЕ зря потраченное время
Пустая трата денег
Сморите также
Смотреть большеЧему научитесь
- Освойте современную профессию
- 2025-01-01
- 2025-12-31
Ваши навыки после обучения
- ТОП школ по любому направлению
- 2025-01-01
- 2025-12-31
Skillbox
4.61