Frontend-разработка с нуля до первой работы в IT

Основы html и css.

Codestyle и codeguide.

CSS flexbox.

CSS grid.

DevTools.

БЭМ — методология.

Адаптация сайтов под мобильные устройства.

Оптимизация сайтов.

Типы данных и переменные.

Преобразование типов и операторы сравнения.

Условные и логические операторы.

Циклы.

Функции и функциональные выражения, стрелочные функции.

Примитивы и объекты.

Массивы и их методы, объекты, spread, rest операторы.

Продвинутая работа с функциями, ключевое слово this, контекст и работа с ним (call/apply/bind), замыкания.

Прототипная модель, функции конструкторы и классы.

Методы манипуляции DOM.

Git flow: ветки, коммиты, pull request'ы, merge/rebase.

Работа с GitHub/Gitlab (fork, clone, push).

Решение конфликтов.

Инициализация react-приложения, структура приложения и работа с пакетным менеджером npm.

Базовые концепции React.

Основы работы с функциональными компонентами.

Props и State. React-Hooks.

Использование хуков. Роутинг. History API.

Подключение и настройка менеджера состояний Redux.

Настройка ReactDevTools и ReduxDevTools.

Базовая концепция и основы работы с Redux.

Настройка подключения к серверу с помощью http-клиента axios на примере открытого API.

Оптимизация рендера React приложений.

Знакомство с React.memo.

Хуки useMemo и useCallback.

После окончания обучения вас ждёт стажировка продолжительностью 5 месяцев — полноценная работа в команде над настоящими проектами. Это не учебная практика с выдуманными задачами, а опыт, максимально приближенный к работе в IT-компании: реальные заказчики, реальные сроки, реальная ответственность.

Как устроена стажировка

• Вы работаете в кросс-функциональной команде: фронтенд- и бэкенд-разработчики, веб-дизайнеры, проджект-менеджеры, системные и бизнес-аналитики
• Проекты — реальные, не учебные, с настоящими заказчиками и требованиями
• На протяжении всей стажировки вам помогают наставники — опытные разработчики, которые проводят code review, дают обратную связь и помогают разбираться в сложных задачах
• Вы участвуете в полном цикле разработки интерфейса: от уточнения требований и декомпозиции задач до вёрстки и компонентов, интеграции с API, тестирования и выката на продакшен

Что вы получаете

• Портфолио с реальными проектами, которые можно показать работодателю
• Опыт работы в команде — навык, который невозможно получить, обучаясь самостоятельно
• Расширенный стек технологий — React, TypeScript, Next.js, WebSockets, управление состоянием и запросами, Docker и CI/CD в связке с фронтендом
• Уверенность в своих силах — вы уже знаете, как устроена реальная работа, и готовы к ней
• Рекомендации наставников — для вашего будущего резюме и карьерного старта

Типизация пропсов и хуков в React.

Utility Types (Partial, Pick, Omit, Record).

Generics (база).

Enums и Union Types.

Серверные и клиентские компоненты.

Файловая маршрутизация (layout, page).

SSR, SSG, ISR.

Архитектура приложений (Feature-Sliced Design) — современная методология организации фронтенд-проектов, обеспечивающая масштабируемость и удобство командной разработки за счёт разделения кода на функциональные модули и слои.

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

WebSockets — это технология, которая обеспечивает постоянное двустороннее соединение между клиентом и сервером, позволяя обмениваться данными в реальном времени без необходимости постоянных HTTP-запросов.

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

Узнаете, какие нейросети реально помогают разработчику.

Освоите искусство «правильных запросов» — чтобы получать рабочий код, а не абракадабру.

Научитесь генерировать компоненты, находить баги и ускорять верстку с помощью ИИ.

Автоматизируете рутину: тесты, документация, советы по архитектуре.

Сделаете проект, где ИИ станет частью реального веб-приложения (например, чат или генератор контента).

Зачем это нужно? ИИ уже меняет рынок, и разработчики, которые умеют использовать нейросети, становятся в разы быстрее и ценнее для работодателей.

Параллельно с техническими дисциплинами вы изучаете, как устроена работа в IT-командах. Без этих знаний даже сильный разработчик не сможет эффективно работать в компании.

Что изучается

• Распределение ролей в разработке — кто такой фронтенд-, бэкенд-разработчик, тестировщик, аналитик, проджект-менеджер, DevOps. Вы узнаете, чем занимается каждый и как выстроено взаимодействие между ними.
• Гибкие методологии (Agile, Scrum, Kanban) — изучаем общие принципы гибкой разработки, разбираем Scrum с работой короткими циклами (спринтами), планированием, ежедневными встречами и демонстрацией результатов, а также Kanban с визуализацией задач на доске и непрерывным потоком работы.
• Постановка и контроль задач — изучаем полный цикл управления задачами: от планирования работы на спринт или этап до распределения задач между участниками команды и демонстрации готового результата. Затем осваиваем детали: разбивать крупные задачи на маленькие шаги, оценивать трудозатраты, расставлять приоритеты.
• Работа с таск-трекером — разбираем, что такое таск-трекер, зачем он нужен и как с ним работать. Таск-трекер — это единый список всех задач по проекту. Он помогает не держать ничего в голове и не спрашивать коллег, кто чем занят. В трекере видно, какие задачи предстоит сделать, какие в работе, а какие уже готовы. Изучаем, как вести задачи в такой системе, чтобы работа в команде была организованной и понятной.

Мы не просто учим программировать — мы помогаем сделать следующий шаг в карьере. Ещё во время обучения вы начнёте готовиться к трудоустройству с поддержкой HR-специалистов.

Что изучается

• Составление резюме — мы научим вас писать резюме так, чтобы работодатель пригласил вас на собеседование. Правильно опишете свои проекты и навыки, выделите сильные стороны, уберёте лишнее. Разберём каждое резюме индивидуально и дадим персональные рекомендации.
• Подготовка к собеседованию — разбираем типичные вопросы и задачи, которые задают на собеседованиях. Вы будете увереннее чувствовать себя в разговоре с работодателем, научитесь грамотно рассказывать о своём опыте и проектах.
• Рекомендации по развитию карьеры — получаете советы от опытных HR-специалистов, которые работают в IT. Как вести переговоры об условиях, на что обращать внимание в предложении, как продолжать расти после выхода на работу. Дадим индивидуальные рекомендации с учётом ваших целей и текущего уровня.

По итогам обучения, наши ученики защищают проекты в командах в формате очно + онлайн. На защиту приходят представители IT-компании (Сбер, Neoflex, Globus, Lad, Gorky Tech, Flang, Sigur, Русские медиа и другие), которые готовы рассмотреть потенциальных кандидатов.

Ниже смотрите ролик с одной из финальных демонстраций