Назад
Программирование и создание ИТ-продуктов GitHub JavaScript HTML CSS Писать программный код

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

Яндекс
360,00 часов длительность
Онлайн формат
Продвинутый уровень
1 поток (закрыт) 17.12.2021-04.07.2022
2 поток (закрыт) 28.12.2021-16.08.2022

Описание

Мидл frontend-разработчик вдумчиво выбирает технологии для реализации проекта и может аргументировать свой выбор. Уверенно чувствует себя в процессах командной разработки и самостоятельно решает комплексные задачи.

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

Зарплата мидл фронтенд-разработчика
Junior — 50 000 - 90 000 рублей
Middle — 150 000 - 230 000 рублей
Senior — от 230 0000 
Источник данных: Хабр Карьера

Учим только на практике и через код-ревью

Чтобы быстрее расти как IT-специалист, важно систематизировать и углублять существующие знания. Кроме того, необходимо выполнять масштабные проекты и проходить этапы работы над кодом, приближенные к рабочим условиям. Всё это возможно на нашем курсе.

Обратная связь от старших разработчиков

Команда экспертов всегда рядом: ревьюеры на каждом этапе проверят и оставят комментарии к вашим проектным работам в GitHub, наставники и менторы помогут разобраться в сложностях и обучат собственными профессиональным приёмам.

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

Новая зона роста

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

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

Обучение в рамках рабочих условий

Обучение до мидл уровня невозможно без тренировки всего спектра soft-навыков. Вас ждёт работа в команде, приближённая к реальным условиям. Вместе с единомышленниками с нуля продумаете концепцию и логику веб-игры. Будете управлять бэклогом, декомпозировать задачи, работать в рамках одного репозитория, учиться техниками код-ревью и еженедельно «синкаться» на созвонах с ментором. Кроме того, будут демо.

 

Часов в программе
30,00 часов
практика
330,00 часов
самостоятельная
81,00 час
промежуточная аттестация
12 часов
входная диагностика
30 часов
итоговая аттестация
483,00 часа
всего
Цель программы
• стать лучше как разработчик;
• овладеть необходимым инструментарием;
• понять, как надо, — а как делать не стоит;
• повысить вероятность трудоустройства в лучшие продуктовые компании;
• увеличить свою рыночную стоимость;
• превратить фрагментарные знания в цельную картину мира программирования.
Актуальность
Спрос на мидл фронтенд-разработчик на рынке постоянно растёт, поэтому нужно все больше выпускников профильных программ. Таких программ практически нет в ВУЗах и техникумах. Яндекс, один из лидеров IT-индустрии в России, совместно с АНО ДПО «ШАД», обладает достаточной экспертизой, чтобы организовать процесс онлайн-обучения для подготовки мидл фронтенд-разработчик.
Мы рассчитываем, что каждый наш выпускник сможет претендовать на позицию мидл-разработчика в лучших продуктовых и аутсорс-компаниях РФ.
Это происходит за счёт интенсивного изучения новых технологий и практики, командного взаимодействия с опытными одногруппниками и менторами. Курс ориентирован на нагрузку около 15–20 часов в неделю с упором на практику. Вы не просто слушаете лекции о том, какие есть технологии, а сразу применяете их в проектах. Вы пройдёте полный цикл разработки веб-приложения от создания макетов или их использования до сдачи в продакшн. Каждый раз будете либо применять новый стек технологий, либо углубляться в то, что было изучено раньше.
Входная диагностика 12 часов
Для прохождения входной диагностики необходимо решить 4 задачи, ссылку на которые Вы получите после подачи заявки на курс.
С момента получения ссылки у Вас будет 4 календарных дня, чтобы справиться с заданием.
Итоговая аттестация 30 часов
Проект

Компетенции

Профессиональные

JavaScript
Знать:

Повторение важных концепций в языке программирования JavaScript.

Уметь:

Переменные, типы данных, функции,
массивы, объекты

Владеть:

Типы данных II, ES6+, замыкания, ООП, прототипы, регулярные, выражения

DOM API (BOM и DOM)
Знать:

Познакомство с DOM-деревом и управлением содержимым DOM-узлов.

Уметь:

BOM и DOM, работа с узлами, войства элементов, эффективность
методов DOM

Владеть:

Вы освоите DOM API (BOM и DOM), DOM-деревья и другие инструменты

Асинхронность
Знать:

Глубже изучите асинхронность: начнёте с setTimeout и setInterval, продолжите с Event
loop и нулевой задержкой, «приправите» знания чейнингом и Callback.

Уметь:

Синхронный код, стек вызовов, очередь событий, setTimeout, setInterval, вызов setTimeout из setTimeout, нулевая задержка 
 Event loop.

Владеть:

Глубже изучите Callback и чейнинг, promises, async, await

Шаблонизатор и компонентный подход
Знать:

Вы погрузитесь в работу браузера: компонентный подход, отображение, 

HTTP и REST больше не будут загадкой. Изучите алгоритм работы популярных
шаблонизаторов и напишете собственную реализацию. С помощью знаний
о компонентах раскроете всю магию фреймворков. Начнёте изучать архитектуру,
паттерны разработки, дизайн CSS и его методологии.. Здесь начнётся ваша дружба
с TypeScript.

Уметь:

Хостинг для кода и проекта
Шаблонизация
UI / UX
Клиент серверное взаимодействие
Архитектура CSS
NodeJS
Компонентный подход
SPA

Владеть:

HTTP, REST, Ограничения JavaScript в браузере, Node.js, Express, Дизайн языка, методологии,
CSS через JS, препроцессоры,хранение файлов в проекте

Введение в алгоритмы
Знать:

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

Уметь:

Введение в алгоритмы
Хеш таблицы
Деревья и графы
Сжатие
Деревья и графы

Владеть:

Пузырьковая сортировка, сортировка вставками, связный список
Стек и очередь, быстрая сортировка, сортировка слиянием
Хеш-таблицы, методы разрешения коллизий и операции с хеш-таблицей
Деревья. Операции с бинарным деревом поиска и бинарной кучей.
Графы. Структуры данных

Проектирование и эксплуатация
Знать:

Здесь вы познакомитесь со смежными областями: тестированием 

и безопасностью.

Узнаете, как централизовать логику переходов по страницам и сделать большой шаг
к полноценному SPA. Вы научитесь применять протокол связи WebSocket, погрузитесь
в работу с Docker.

Уметь:

Роутинг
Тесты
Рубрика мастерим сами полезные
утилиты
Клиент серверное взаимодействие II
API чатов
WebSocket
Безопасность веб приложений

Владеть:

Переходы, History API, роутер
Работа с запросами, обработка
и хранение
Зачем нужны тесты, TDD / BDD,
как описывать баги правильно,
как писать тест-кейсы, пишем тесты
на JS / TS. Chai и Mocha
Trim, merge, set, isEqual, CloneDeep,
queryString
HTTP 2/0, WebSockets, gRPC
CORS-запросы, использование
«ручек» чата

React. Хранилище данных.
Знать:

Вы начнёте свою работу с React и его окружением. Снова скажете «привет» верному
старому другу, чьё имя TypeScript. Узнаете, что такое Canvas API.

Узнаете, как хранить данные и тестировать при помощи Jest. Разберётесь в чем
особенность безопасности в React.

Уметь:

ReactJS
API
Компоненты в React
Router
Webpack, React
Refs

Владеть:

Как разрабатывали раньше, компонентный подход и реактивное программирование, VDOM, Shadow DOM, жизненный цикл компоненты, шаблонизаторы, HTML templates, иные веб-компоненты, JSX
Как устроен react.js, как пользоваться, простая компонента. CRA не панацея
Fc / class components, render в DOM, props, state, lifecycle, events, fragments. Композиция компонент, обработка ошибок, proptypes
React router, пример создания страниц с разными роутами, примеры редиректов, примеры использования history, подстраницы.

Проектирование и эксплуатация ( Server Side Rendering, Client Side Rendering)
Знать:

Вы настроите в игре Server Side Rendering, разберётесь в чём его
отличие от Client Side Rendering. Научитесь контролировать память.
Кроме того, вы погрузитесь в работу серверной части приложения,
допишете часть «ручек» с помощью своего дополнительного API.

Уметь:

Как делать продукты, чтобы они не «лагали» у пользователей
Хранилища в WEB
Полезное WEB API

Владеть:

Управление памятью в JS, 
 утечки памяти
Localstorage, cookie, sessions, indexed DB, cache API, обмен данными между вкладками, NodeJS
Классическая, OAuth, JWT, паттерны, кратко об остальном
Media API, FileSystem API, Gamepad API, Pointer Lock API, Web workers API, Ambient Light, WebGL, WebVR AP

nginx, DevOps
Знать:

Настройка статики и прокси, логирования. Настройка Load Balancing, настройка кеширования и сжатия, HTTP 2/0
Домены, как строятся, поддомены, уровни, DNS записи, SSL, wildcard, подготовка проекта к деплою на VPS, выкладка на VPS. Яндекс.Облако, Настройка CI/CD в Github Actions

Уметь:

nginx, DevOps, Настройка статики и прокси, логирования.

Владеть:

Настройка Load Balancing, настройка кеширования и сжатия, HTTP 2/0.
Домены, как строятся, поддомены, уровни, DNS записи, SSL, wildcard, подготовка проекта к деплою на VPS, выкладка на VPS. Яндекс.Облако Настройка CI/CD в Github Actions

Требования

Нет

Образование
  • Высшее образование
  • Среднее профессиональное образование
Опыт профессиональной дятельности
Студент должен иметь коммерческий опыт в разработке от 1 года. Мы хотим максимизировать ваши шансы на получение работы в течение или после окончания курса. Поэтому не готовы брать студентов без опыта работы разработчиком.
Владение необходимыми профессиональными компетенциями
JS, CSS, HTML.

Основы бэкенд-разработки

Создание интерфейсов на React

Инфраструктура веб-разработки

Модули

свернуть
31,00ч
Модуль 1 JavaScript: параллельный курс
При помощи тренажёра вы самостоятельно повторите важные концепции JavaScript. Ближе познакомитесь с DOM-деревом и управлением содержимым DOM-узлов. Глубже изучите асинхронность: начнёте с setTimeout и setInterval, продолжите с Event loop и нулевой задержкой, «приправите» знания чейнингом и callback.
Подробнее
230,00ч
Модуль 3 Модуль командного проекта
Вы объединитесь в команды из 2–3 человек и создадите свою веб-игру с нуля: от продумывания макетов и логики до деплоя в облако. Реализуете клиентскую часть игры и её бэкенд, развернёте результат в Яндекс.Облаке. Вы сможете использовать любые библиотеки на клиенте, которые не касаются части с игрой. Игру вы напишете используя React, TypeScript, Canvas API. В этом модуле расскажем, как: • ориентироваться в современных подходах к разработке приложений • настроить роутинг, если ваше приложение на React • хранить данные, а также разберём Redux, Redux-Thunk (или Redux-Saga), а также Reselect и Sequelize • работать с безопасностью в React: SQL injection, XSS, CSP, CORS • подружить TypeScript и React • работает бэкенд: базы данных (MongoDB и PostgreSQL), Node.js и биллинг • ещё больше можно работать с API: познакомитесь с Service Workers и узнаете, что такое Canvas API • запускать скрипты в «фоновом режиме» при помощи Web Workers • настраивать Server-Side Rendering и как добавить его в проект • тестировать приложение при помощи Jest • реализовать различные способы авторизации: при помощи OAuth и социальных сетей и не только • настроить CI/CD в GitHub Actions • развернуть приложение на Яндекс.Облаке и чем полезен Nginx
Подробнее
180,00ч
Модуль 2 Самостоятельный проект «Веб-мессенджер»
По ходу реализации проекта «Веб-мессенджер» вы структурируете и углубите имеющиеся знания, а также освоите новые инструменты и потренируетесь в работе с ними. Кроме того, уже в первые два месяца погрузитесь в изучение всей «магии» современных технологий. Этот модуль как испытательный период — вы погружаетесь в интенсивную разработку, изучаете внутренности, нюансы работы технологий. Займётесь не только чистым фронтом на JS с типизацией TS, но и узнаете больше о тестировании, DevOps, работе с API. В этом модуле расскажем, как: • выбрать среду разработки, хостить код и проект и даже немножко о выборе операционной системы • использовать TypeScript (как основы, так и сложные концепции) • работать с архитектурой CSS и препроцессорами • написать свой шаблонизатор и что это такое • реализовать компонентный и модульный подходы • использовать знание паттернов программирования и ООП • настроить роутинг, какие есть нюансы • работать с API, что такое WebSockets и в целом о клиент-серверном взаимодействии • применять в работе линтеры и code style • тестировать приложение при помощи Chai и Mocha • работать с безопасностью: CSRF, XSS, CSP, Clickjacking и не только • настраивать сборку через Parcel, а потом Webpack, а также работать с Docker • работать с DevOps (узнаете о сертификатах, CI/CD и HTTP/2)
Подробнее
31,00ч
Модуль 1 JavaScript: параллельный курс
При помощи тренажёра вы самостоятельно повторите важные концепции JavaScript. Ближе познакомитесь с DOM-деревом и управлением содержимым DOM-узлов. Глубже изучите асинхронность: начнёте с setTimeout и setInterval, продолжите с Event loop и нулевой задержкой, «приправите» знания чейнингом и callback.
Подробнее
180,00ч
Модуль 2 Самостоятельный проект «Веб-мессенджер»
По ходу реализации проекта «Веб-мессенджер» вы структурируете и углубите имеющиеся знания, а также освоите новые инструменты и потренируетесь в работе с ними. Кроме того, уже в первые два месяца погрузитесь в изучение всей «магии» современных технологий. Этот модуль как испытательный период — вы погружаетесь в интенсивную разработку, изучаете внутренности, нюансы работы технологий. Займётесь не только чистым фронтом на JS с типизацией TS, но и узнаете больше о тестировании, DevOps, работе с API. В этом модуле расскажем, как: • выбрать среду разработки, хостить код и проект и даже немножко о выборе операционной системы • использовать TypeScript (как основы, так и сложные концепции) • работать с архитектурой CSS и препроцессорами • написать свой шаблонизатор и что это такое • реализовать компонентный и модульный подходы • использовать знание паттернов программирования и ООП • настроить роутинг, какие есть нюансы • работать с API, что такое WebSockets и в целом о клиент-серверном взаимодействии • применять в работе линтеры и code style • тестировать приложение при помощи Chai и Mocha • работать с безопасностью: CSRF, XSS, CSP, Clickjacking и не только • настраивать сборку через Parcel, а потом Webpack, а также работать с Docker • работать с DevOps (узнаете о сертификатах, CI/CD и HTTP/2)
Подробнее
230,00ч
Модуль 3 Модуль командного проекта
Вы объединитесь в команды из 2–3 человек и создадите свою веб-игру с нуля: от продумывания макетов и логики до деплоя в облако. Реализуете клиентскую часть игры и её бэкенд, развернёте результат в Яндекс.Облаке. Вы сможете использовать любые библиотеки на клиенте, которые не касаются части с игрой. Игру вы напишете используя React, TypeScript, Canvas API. В этом модуле расскажем, как: • ориентироваться в современных подходах к разработке приложений • настроить роутинг, если ваше приложение на React • хранить данные, а также разберём Redux, Redux-Thunk (или Redux-Saga), а также Reselect и Sequelize • работать с безопасностью в React: SQL injection, XSS, CSP, CORS • подружить TypeScript и React • работает бэкенд: базы данных (MongoDB и PostgreSQL), Node.js и биллинг • ещё больше можно работать с API: познакомитесь с Service Workers и узнаете, что такое Canvas API • запускать скрипты в «фоновом режиме» при помощи Web Workers • настраивать Server-Side Rendering и как добавить его в проект • тестировать приложение при помощи Jest • реализовать различные способы авторизации: при помощи OAuth и социальных сетей и не только • настроить CI/CD в GitHub Actions • развернуть приложение на Яндекс.Облаке и чем полезен Nginx
Подробнее
78 000 p
Авторизуйтесь чтобы записаться

Профстандарт

Программист

06.001

Ответственный за программу