Top.Mail.Ru
8 812 320 13 03
  • Новости
  • Расписание
  • Курсы
  • Организациям
  • Контакты
  • Перезвоните мне

    Курс Веб-разработчик / Web Developer

    Курс Продвинутый фронтенд: Разработка и Архитектура (Middle)

    Курс Продвинутый фронтенд: Разработка и Архитектура (Middle)
    Начало курса
    27.06.2025
    Продолжительность
    2 месяца (44 ак. часа)
    Расписание
    Вт 19:00 - 21:30
    Пт 19:00 - 21:30
    Онлайн
    (12 мест)
    Единовременно 45990 записаться
    В рассрочку / 10 мес4599 записаться
    Также доступна рассрочка на 4, 6 и 10 месяцев.

    Описание курса

    В рамках прохождения курса вы познакомитесь с архитектурным подходом feature-sliced design и обретете практические навыки его применения. 

    Так же узнаете как применить FSD в связке с Next.js (рассмотрим и app router и page router) и с микрофронтендами (Module Federation plugin). 

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


    Кому будет полезен курс:

    • Middle / Senior-разработчикам, которые хотят познакомится с FSD и микрофронтендами. 

    Во время обучения на курсе вы: 

    • Обретете практические навыки FSD
    • Научитесь разделять монолит на микрофронтенды
    • Освоите лучшие практики в написании фронтенда (применение принципов SOLID, DRY, KISS и т.д.)

    Практика: 

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

    Пример онлайн-формата:



    Программа

    развернуть

    Первичная настройка проекта / окружения

    • настройка конфигов Next.js, prettier, ESLint, tsconfig и переменных окружения. 
    • настройка MUI темы под требования проекта
    развернуть

    Автогенерация кода из swagger’a

    • разберемся в спецификации openAPI и инструменте Swagger, 
    • разберемся в лучших практиках использования этих спецификаций на фронтенде
    • рассмотрим различные варианты генерации кода из swagger.
    развернуть

    Знакомство с Next.js и FSD

    • познакомимся с архитектурным подходом FSD
    • поймем как обойти “конфликты” с next.js
    • рассмотрим основные подводные камни применения FSD  в больших проектах
    развернуть

    Реализация базовых элементов социальной сети

    • реализуем Страницу пользователя, стену, страницу друзей или что-то подобное
    развернуть

    Применение принципов SOLID в React приложениях

    • разберем как применять SOLID принципы в мире React приложений
    развернуть

    Дробление монолита на микрофронты 

    • разделим монолит на микрофронтенды, используя плагин Module Federation. 
    • познакомимся с практиками шаринга состояния между микрофронтами, шаринга TS типов, практик разделения готового монолита на микрофронты.
    развернуть

    По запросу можем рассмотреть темы: 

    • настройка версионирования фронтенда
    • использование фича тогглов
    • CI/CD пайплайны
    • webpack конфиг и его декомпозиция
    • тестирование (Юниты, интеграционные, e2e, контрактные)
    • деплой приложения на микрофронтах на продакшн

    Преподаватели

    Антон

    Senior web developer в компании ITentika, Санкт-Петербург. Опыт в IT – более 12 лет. В основном участвовал в проектах из финтех-индустрии и здравоохранения. Сейчас участвует в команде по разработке транспортной системы крупного мегаполиса. Преподаватель в Бакинском Государственном Университете (г. Баку, Азербайджан) и выступает как спикер на внутренних и внешних IT-событиях.

    Олег

    Здравствуйте!
    Меня зовут Олег Созоник, я фронтенд-разработчик с 5-летним коммерческим опытом. Говорят, что хороший код — это как хорошая шутка: объяснения не требует. Но я всё-таки немного расскажу о себе, чтобы вы поняли, что я могу быть полезен вашей компании.
    Мой опыт:
    Epam Systems (2018–2021): Разработал три приложения:
    ● Приложение для просмотра фильмов. React + Redux — чтобы киноманы наслаждались сеансами.
    ● Система управления пациентами в больнице. React, Redux, Material-UI — спасение жизней в цифровом формате.
    ● Приложение для бронирования рабочих мест. React Native, Redux — теперь каждый знает, где его стол.
    Startup cthings.co (2021–2023):
    ● Мобильное приложение для найма домашних поваров. React Native, Redux, WebSocket — вкусная еда ближе, чем кажется!
    ● Приложения с использованием 5G для складов и производства. React, Redux, TypeScript — когда технологии реально работают на бизнес.
    Fabric
    Solution company (2023–2024):
    ● Приложение для агентства недвижимости. React, Effector, TypeScript — чтобы клиенты находили свой дом мечты.
    ● Телеграм-бот с Mini Apps. React, Zustand, Effector — лёгкость общения с технологиями.
    ● Админ-панель для локеров. React, Ant Design, Effector, TypeScript — управление никогда не было таким удобным.
    Мои навыки:
    ● Технические: HTML5, CSS3, JavaScript (ES6+), TypeScript, React, Redux, Effector, Webpack, Jest, Ant Design, Material-UI, WebSockets.
    ● Soft Skills: командное лидерство, управление проектами (Scrum, Kanban), коммуникация, решение сложных задач.
    Почему я?
    ● У меня гибкость, как у Flexbox, и точность, как у CSS Grid.
    ● Я не боюсь сложных задач, как React не боится виртуального DOM.

    Фото с очных занятий в СПб

    Курсы программирования, тестирования, мобильных и веб-технологий от Level UP!
    Учитесь с профессионалами в сфере IT-образования!