Micro-Frontend Architecture in Real Projects

Micro-Frontend Architecture in Real Projects
Course preview

Khóa học hướng dẫn thiết kế và triển khai kiến trúc micro-frontends thông qua các dự án thực tế. Bạn sẽ học cách tách ứng dụng lớn thành nhiều phần độc lập, giao tiếp giữa chúng bằng event bus, sử dụng module federation, và triển khai trên các môi trường khác nhau.

Course description

Khóa học hướng dẫn thiết kế và triển khai kiến trúc micro-frontends thông qua các dự án thực tế. Bạn sẽ học cách tách ứng dụng lớn thành nhiều phần độc lập, giao tiếp giữa chúng bằng event bus, sử dụng module federation, và triển khai trên các môi trường khác nhau.

What you will learn
  • Kiến thức cơ bản về micro-frontend.
  • Module federation với Webpack.
  • Communication giữa các micro-frontend.
  • Deploy độc lập và tích hợp CI/CD.
  • Quản lý shared dependencies.
Course content

6 chapter 42 lesson 0 minutes

Tổng quan và lợi ích.


  • Vì sao micro-frontend?

    Học về vì sao micro-frontend?

  • So sánh với monolith frontend

    Học về so sánh với monolith frontend

  • Pattern phổ biến

    Học về pattern phổ biến

  • Lựa chọn framework

    Học về lựa chọn framework

  • Ứng dụng thực tế

    Học về ứng dụng thực tế

  • Thiết kế boundary

    Học về thiết kế boundary

  • Bài tập: phân tích ứng dụng lớn

    Học về bài tập: phân tích ứng dụng lớn

Kỹ thuật chia sẻ module.


  • Webpack module federation

    Học về webpack module federation

  • Remote vs Host

    Học về remote vs host

  • Shared dependencies

    Học về shared dependencies

  • Versioning và compatibility

    Học về versioning và compatibility

  • Debugging federation

    Học về debugging federation

  • Performance considerations

    Học về performance considerations

  • Bài tập: cấu hình module federation

    Học về bài tập: cấu hình module federation

Quản lý điều hướng giữa các micro-frontend.


  • Global vs local routing

    Học về global vs local routing

  • Event bus cho navigation

    Học về event bus cho navigation

  • Handling history và deep links

    Học về handling history và deep links

  • Lazy loading micro-apps

    Học về lazy loading micro-apps

  • Fallback UI và error boundaries

    Học về fallback ui và error boundaries

  • Testing navigation flows

    Học về testing navigation flows

  • Bài tập: tích hợp router cho dashboard

    Học về bài tập: tích hợp router cho dashboard

Chia sẻ trạng thái giữa các phần.


  • Props drilling across micro-apps

    Học về props drilling across micro-apps

  • Pub/Sub và event bus

    Học về pub/sub và event bus

  • Shared store (Redux/Context)

    Học về shared store (redux/context)

  • Data contracts và APIs

    Học về data contracts và apis

  • Avoiding memory leaks

    Học về avoiding memory leaks

  • Normalization patterns

    Học về normalization patterns

  • Bài tập: synchronise cart state

    Học về bài tập: synchronise cart state

Triển khai độc lập từng phần.


  • Pipeline cho micro-apps

    Học về pipeline cho micro-apps

  • Feature flags và canary

    Học về feature flags và canary

  • Versioning publication

    Học về versioning publication

  • CDN và caching

    Học về cdn và caching

  • Monitoring health endpoints

    Học về monitoring health endpoints

  • Rollback strategies

    Học về rollback strategies

  • Bài tập: deploy micro-apps lên Vercel

    Học về bài tập: deploy micro-apps lên vercel

Những bài học từ dự án thực tế.


  • Micro-frontend trong Netflix/Spotify

    Học về micro-frontend trong netflix/spotify

  • Lessons learned từ e-commerce

    Học về lessons learned từ e-commerce

  • Performance trade-offs

    Học về performance trade-offs

  • Security considerations

    Học về security considerations

  • Scaling team workflow

    Học về scaling team workflow

  • Future of micro-frontends

    Học về future of micro-frontends

  • Final project: build mini micro-frontend app

    Học về final project: build mini micro-frontend app

Micro-Frontend Architecture in Real Projects
Course preview

Khóa học hướng dẫn thiết kế và triển khai kiến trúc micro-frontends thông qua các dự án thực tế. Bạn sẽ học cách tách ứng dụng lớn thành nhiều phần độc lập, giao tiếp giữa chúng bằng event bus, sử dụng module federation, và triển khai trên các môi trường khác nhau.

2.500.000 ₫

Try for free