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

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

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

    Курс Продвинутый фронтенд: Разработка и Архитектура (Middle)
    Начало курса
    18.02.2025
    Продолжительность
    2 месяца (44 ак. часа)
    Расписание
    Пн 19:00 - 21:30
    Чт 19:00 - 21:30
    Онлайн
    (7 мест)
    Единовременно 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, контрактные)
    • деплой приложения на микрофронтах на продакшн

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

    Александр

    Главный разработчик в IT_ONE

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

    В данный момент руковожу разработкой крупного fin tech приложения.

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

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