Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Frontend architecture and patterns bootcamp

Khóa học cấp tốc về kiến trúc và mẫu thiết kế Frontend

Khóa học cấp tốc về kiến trúc và mẫu thiết kế Frontend

Hướng dẫn toàn diện về kiến trúc và mẫu thiết kế frontend: ưu nhược điểm và lựa chọn tốt nhất — tất cả đều bằng Javascript!

4.6
(327 đánh giá)
7,903 học viên
Giảng viên
Vitor Fonseca
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
4.5 giờ video
34 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Cách xây dựng dự án frontend với kiến trúc vững chắc
Ưu điểm và hạn chế của từng kiến trúc/mẫu thiết kế frontend, cùng cách tránh các vấn đề khi triển khai
Nền tảng của kiến trúc frontend tốt, áp dụng được với mọi framework
Cách triển khai các kiến trúc/mẫu thiết kế frontend phổ biến và lợi ích của chúng

Yêu cầu

Kiến thức cơ bản về Javascript
Hiểu biết cơ bản về cách internet hoạt động

Đối tượng phù hợp

Lập trình viên Frontend
Lập trình viên Fullstack
Lập trình viên Backend
Nhà phát triển phần mềm
Lập trình viên

Nội dung khóa học

9 phần • 34 bài giảng
1 Cấu trúc khóa học
2 Kiến trúc phần mềm là gì?
3 Tại sao kiến trúc phần mềm quan trọng trong phát triển frontend?
4 Tổng quan về các mẫu kiến trúc frontend khác nhau
1 Đặt vấn đề
2 Mẫu thiết kế dựa trên Component là gì?
3 Xây dựng ứng dụng đơn giản theo mẫu Component-Based
4 Các vấn đề thường gặp với mẫu Component-Based và cách khắc phục
1 Đặt vấn đề
2 Ứng dụng Trang Đơn (SPA) là gì?
3 Xây dựng ứng dụng SPA đơn giản
4 Các vấn đề thường gặp với kiến trúc SPA và cách khắc phục
1 Đặt vấn đề
2 Mẫu Quản lý Trạng thái là gì?
3 Xây dựng ứng dụng quản lý trạng thái đơn giản
4 Các vấn đề thường gặp với mẫu Quản lý Trạng thái và cách khắc phục
1 Đặt vấn đề
2 Kiến trúc Microfrontend là gì?
3 Giới thiệu ứng dụng micro frontend đơn giản - phần 1
4 Giới thiệu ứng dụng micro frontend đơn giản - phần 2
5 Các vấn đề thường gặp với kiến trúc microfrontend và cách khắc phục
1 Đặt vấn đề
2 Kiến trúc Serverless là gì?
3 Xây dựng ứng dụng serverless đơn giản
4 Các vấn đề thường gặp với kiến trúc serverless và cách khắc phục
1 Đặt vấn đề
2 Ứng dụng Web Tiến bộ (PWA) là gì?
3 Xây dựng PWA đơn giản
4 Các phương pháp hay nhất cho PWA
1 Đặt vấn đề
2 Kết xuất phía máy chủ (SSR) là gì?
3 Xây dựng ứng dụng SSR đơn giản
4 Các vấn đề thường gặp với SSR và cách khắc phục
1 Cảm ơn và tạm biệt

Giới thiệu khóa học

Frontend Architecture and Patterns bootcamp


This comprehensive course covers a wide range of software architecture topics, including component-based patterns, single-page application architecture, state management pattern, microfrontend architecture, serverless architecture, progressive web apps (PWAs), and server-side rendering (SSR). With this knowledge, you'll be ready to design and develop maintanable, scalable and faster frontend applications, improving your user's experience! And better: you'll learn practically! For each module of this course, I have prepared a specific repository, where you'll be able to play with and apply all the knowledge I teach you!


What You'll Learn:

For each of the topics of this course, we are going to talk about:

  • A generic software development problem. From "project takes to long to run the pipeline", to "many places should be changed because of one changing requirement". I'll give you a link to a repository with this problem, and you'll be able to solve this problem by yourself

  • An architecture or pattern that comes to solve this problem

  • How do we implement this architecture or pattern (using only Vanilla Javascript). For all the modules, I recommend you to play with the repository, before watch this "solving class"

  • Good and bad practices in this architecture/pattern implementation, tips and common issues


Why Enroll:

-> Practical Approach: You'll not just watch theorical classes about architectures and patterns. You'll have real world issues, from software development world, and at the same time, you'll be able to learn how to fix these problems.

-> Know-how: You'll have a portfolio of tools you can use to solve the most common software developments world issues. What should you do to rank your page well in Google, for example? Here you'll have one of the tools to solve this problem, and this is just one!

-> Improve the quality of your products: Do you want to keep writing shitty code forever? Or do you want to write scalable, maintainable and faster frontend applications? Improve your user's experience, constructing a tools box of techniques to serve quality platforms. This tools box construction starts here!


Who Is This For:

  • Web developers aiming to improve the overall performance of their websites

  • Frontend and full stack developers aiming to create silky-smooth user interfaces

  • Developers that want to learn how to write quality code, applying the most actual architectures and patterns in the market


Enroll now and let's redefine web together!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊