Middle Frontend Engineer

Прокачайте production React и Next.js до уровня Middle за 6 месяцев

400.000 ₸

6 месяцев

Продвинутый

Формат обучения - Онлайн

Информация о преподавателе

Светличный Руслан

Светличный Руслан

Frontend Engineer, Tech Lead, ментор

Более 5 лет опыта в frontend-разработке, high-load production, SaaS, CRM и AI-интеграциях

Навыки

Advanced React

TypeScript

Next.js

App Router

React Server Components

SSR

ISR

SSG

Streaming UI

Feature-Sliced Design

Zustand

TanStack Query

React Hook Form

WebSocket

Vitest

React Testing Library

Playwright

Frontend Architecture

System Design

AI engineering

Светличный Руслан — Frontend Engineer, ментор и практикующий разработчик с опытом более 5 лет в коммерческой разработке. Работал как в локальных, так и в зарубежных компаниях; принимал участие в разработке high-load production-приложений, SaaS-платформ, финтех-решений, CRM / dashboard-систем, e-commerce и AI-интеграций. Обладает опытом работы в ролях Team Lead, Tech Lead и CTO, а также опытом менторства и обучения junior-разработчиков, стажёров и начинающих специалистов. Специализируется на frontend-разработке и современных web-технологиях: HTML, CSS, JavaScript, TypeScript, React.js, Next.js, frontend architecture, system design и AI workflow.

О проекте

Middle Frontend Engineer — 6-месячная Hybrid AI-first программа для действующих frontend-разработчиков Junior / Middle-, которые хотят вырасти в Middle. Курс не про «изучение Next.js» — он про production frontend: rendering patterns (SSR/ISR/SSG/streaming), Server Components, frontend-архитектуру на Feature-Sliced Design, production React-экосистему (Zustand, TanStack Query, React Hook Form, WebSocket), тестирование (Vitest, React Testing Library, Playwright) и подготовку к middle-интервью. AI используется как engineering-инструмент: debugging hydration, refactoring, architecture review, prompt и context engineering. По итогу студент сдаёт Multi-role Production Application со стеком Next.js, FSD, Auth, WebSocket и Testing.

210 академических часов

Язык обучения – Русский

Длительность курса - 24 недель

Стоимость курса – 400.000 KZT

Процесс отбора студентов предполагает 2 этапа

Мотивационное письмо

Оценка резюме и мотивационных писем.

Интервью

Интервью с преподавателем и куратором курса.

Критерии отбора студентов

  • Получение не менее 7 баллов из 10 при оценке мотивационных писем.

  • Положительное решение о допуске к курсу по итогам интервью с преподавателем и куратором курса.

Кому подойдет курс?

Кто уже работает

Кто хочет сменить профессию, и кому требуется удаленная работа в IT-сфере

Студенты

Которые хотят развиваться в новом и современном направлении

Разработчикам

Кто хочет закрепить свои знания практикой

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

  • Rendering: lifecycle, reconciliation, phases, concurrent rendering basics

  • React patterns: composition, controlled / uncontrolled, container / presentational

  • Advanced hooks: useMemo, useCallback, custom hooks, hook architecture

  • State architecture: local vs global, derived state, нормализация

  • Practical TypeScript: typing components, hooks, utility types, generic components

  • API typing и safe frontend: DTO patterns, validation, runtime safety

  • Проекты месяца: advanced dashboard UI, reusable component system, typed form system

  • App Router: layouts, nested routes, route groups, loading / error / not-found

  • Rendering strategies: SSR, SSG, ISR — введение

  • Metadata API: SEO, dynamic metadata

  • Navigation: Link, router, redirects

  • React Server Components: client vs server, hydration basics, rendering boundaries

  • Data fetching: async server components, fetch cache, revalidation

  • Проекты месяца: blog platform, content platform, SEO-optimized application

  • SSR deep dive: request lifecycle, dynamic rendering, server boundaries

  • ISR deep dive: cache invalidation, revalidation, performance tradeoffs

  • SSG deep dive: static optimization, hybrid rendering

  • Streaming: suspense, streaming UI, partial rendering

  • Auth flows: access / refresh token, cookies, protected routes

  • Security basics: XSS, CSRF, auth architecture

  • Team Production Project: Next.js + SSR/ISR/SSG + auth + role system

  • Проекты месяца: auth dashboard, role-based application

  • Layers: app, processes, pages, widgets, features, entities, shared

  • Public API: index.ts patterns, isolation, dependency control

  • Scalable architecture: decomposition, business logic separation, reusable modules

  • Architecture patterns: modular, feature, scalable frontend

  • Code quality: naming, readability, maintainability

  • Technical debt: anti-patterns, refactoring strategy

  • Проекты месяца: migration to FSD, architecture refactoring, scalable dashboard

  • Zustand: store architecture, slices, scalable state

  • TanStack Query: cache, optimistic updates, invalidation, mutations

  • Forms: React Hook Form, validation architecture

  • WebSocket: realtime architecture, subscriptions, event-driven frontend

  • Performance: rendering optimisation, memoization, lazy loading, bundle optimization

  • Testing: Vitest, React Testing Library, Playwright basics, testing strategy

  • Capstone-проект: SaaS dashboard / admin platform / analytics / collaboration platform

  • Обязательный стек: Next.js, TypeScript, FSD, Zustand, TanStack Query, Auth, WebSocket, Testing

  • Production requirements: scalable architecture, role-based access, SSR/ISR/SSG, optimised rendering, error boundaries, responsive UI

  • Middle Interview Prep: mock interviews, frontend system design, live coding, architecture review

  • AI engineering workflow: debugging, architecture, refactoring, prompt и context engineering