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

The Ultimate Hands-On Flutter & MVVM - Build Real Projects

Flutter & MVVM Thực Chiến Toàn Diện - Xây Dựng Dự Án Thực Tế

Flutter & MVVM Thực Chiến Toàn Diện - Xây Dựng Dự Án Thực Tế

Nghệ Thuật Xây Dựng Ứng Dụng Flutter Hiện Đại

4.3
(201 đánh giá)
1,266 học viên
Giảng viên
Mohammad Azam
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
9.0 giờ video
86 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ì

Phát Triển Đa Nền Tảng Với Framework Flutter Của Google
Triển Khai Ứng Dụng Flutter Sử Dụng Mẫu Thiết Kế MVVM
Kết Nối Mạng và Xử Lý JSON API Trong Flutter
Xây Dựng Ứng Dụng Bản Đồ Với Google Maps API
Truy Xuất Địa Điểm Lân Cận Dựa Trên Vị Trí Người Dùng Bằng Google Places API
Chụp Ảnh Bằng Camera Điện Thoại và Tải Hình Lên Máy Chủ Tùy Chỉnh
Xây Dựng Bản Sao HackerNews, Hiển Thị Bài Viết và Bình Luận Cho Người Dùng

Yêu cầu

Hệ Điều Hành macOS
Đã Cài Đặt Sẵn Flutter Trên Máy Tính
Nên Có Kiến Thức Cơ Bản Về Flutter và Dart

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

Dành Cho Lập Trình Viên Flutter Muốn Học Cách Triển Khai Mẫu Thiết Kế MVVM
Dành Cho Nhà Phát Triển Muốn Học Cách Tạo Ứng Dụng Đa Nền Tảng
Dành Cho Lập Trình Viên Ứng Dụng Muốn Làm Việc Tự Do Trên Cả Hai Nền Tảng

Nội dung khóa học

15 phần • 84 bài giảng
1 Giới Thiệu
2 Điều Kiện Tiên Quyết
3 Công Cụ, Trình Soạn Thảo và Framework Cần Thiết Cho Khóa Học
4 Tệp Bài Tập
1 Mẫu Thiết Kế (Design Patterns) Là Gì?
2 MVVM Là Gì?
3 Tại Sao Lại Dùng MVVM?
4 Kiến Trúc MVVM và Web APIs
1 Ứng Dụng Chúng Ta Sẽ Xây Dựng
2 Đăng Ký Với NewsAPI
3 Tạo Model NewsArticle
4 Triển Khai Webservice Để Lấy Tin Tức Hàng Đầu (fetchTopHeadlines)
5 Tạo NewsArticleList và NewsArticle View Models
6 Điền Dữ Liệu Tin Hàng Đầu, ChangeNotifier Trong NewsArticleListViewModel
7 Hiển Thị Tin Tức Trong ListView
8 Phương Pháp Khác Để Nhận Thay Đổi Từ Change Notifier
1 Triển Khai Phương Thức fetchByKeyword Cho Webservice
2 Thêm Hộp Văn Bản Tìm Kiếm Và TextEditingController
3 Hiển Thị Kết Quả Tìm Kiếm Trên Trang
4 Hiển Thị Giao Diện Đang Tải và Trống
5 Điều Hướng Đến Màn Hình Chi Tiết Bài Báo
6 Hiển Thị Chi Tiết Tin Tức Trên Màn Hình Chi Tiết
1 Ứng Dụng Chúng Ta Sẽ Xây Dựng
2 Thiết Lập Tài Khoản Google Cloud Platform
3 Hiển Thị Google Maps Trong Ứng Dụng Android
4 Hiển Thị Google Maps Trong Ứng Dụng iOS
5 Bật Dịch Vụ Vị Trí Cho Android
6 Bật Dịch Vụ Vị Trí Cho iOS
7 Phóng To Đến Vị Trí Hiện Tại Của Người Dùng
1 Bật Google Places API Trong Google Cloud Console
2 Kiểm Tra Google Places API
3 Triển Khai Webservice Để Thực Hiện Tìm Kiếm Địa Điểm
4 Triển Khai và Ánh Xạ JSON Sang Models
5 Triển Khai PlaceListViewModel và PlaceViewModel
6 Thêm TextField và Tích Hợp ChangeNotifierProvider
7 Thêm Điểm Đánh Dấu (Markers) Trên Bản Đồ
1 Chuyển Đổi Trạng Thái Nút Hiển Thị Danh Sách
2 Triển Khai Widget PlaceList Để Liệt Kê Tất Cả Địa Điểm
3 Hiển Thị Hình Ảnh Trong Widget PlaceList
4 Chuyển Đổi Loại Bản Đồ
5 Khởi Chạy Điều Hướng Từ Ứng Dụng Place Finder
1 Ứng Dụng Chúng Ta Sẽ Xây Dựng
2 Tổng Quan Nhanh Về Máy Chủ
3 Thêm IncidentListPage và AddNewIncidentPage
4 Thêm Incident Model, IncidentListViewModel và IncidentViewModel
5 Triển Khai Phương Thức Webservice Để Lưu Sự Cố
6 Lưu Sự Cố Sử Dụng Provider Trong ReportIncidentViewModel
7 Mã Máy Chủ City Care Bằng Node
1 Triển Khai Phương Thức Webservice Để Lấy Tất Cả Sự Cố
2 Cập Nhật IncidentListViewModel Để Tải Về Tất Cả Sự Cố
3 Hiển Thị Sự Cố Trên Trang
4 Thêm Giao Diện Đang Tải và Trống Cho Các Sự Cố
1 Hiển Thị Menu Để Chọn Từ Thư Viện Ảnh Hoặc Máy Ảnh
2 Chọn Ảnh Từ Thư Viện Ảnh Bằng Image Picker
3 Tải Xuống và Cài Đặt Gói Camera
4 Xem Trước Ảnh Camera Trên Trình Giả Lập Android
5 Chụp Ảnh Từ Camera và Hiển Thị Trên Màn Hình
6 Tải Hình Ảnh Lên Máy Chủ
7 Hiển Thị Hình Ảnh Trên Màn Hình Danh Sách Sự Cố
1 Ứng Dụng Chúng Ta Sẽ Xây Dựng
2 Thiết Lập Dự Án Flutter và Tìm Hiểu Hacker News Public API
3 Triển Khai Webservice Để Lấy Câu Chuyện Hàng Đầu
4 Tạo Models và Lấy Câu Chuyện
5 Triển Khai StoryListViewModel và StoryViewModel
6 Ánh Xạ Story Model Sang StoryViewModel
7 Cấu Hình ChangeNotifier Sử Dụng Provider
8 Hiển Thị Câu Chuyện Hàng Đầu Trên Màn Hình
9 Sử Dụng Consumer Để Nhận Thay Đổi Cho Giao Diện Người Dùng
1 Hiển Thị Số Lượng Bình Luận Liên Quan Đến Một Câu Chuyện
2 Thêm Điều Hướng và Lấy Câu Chuyện Được Chọn
3 Triển Khai CommentListViewModel và CommentViewModel
4 Triển Khai Webservice Để Lấy Bình Luận Theo Story Id
5 Cấu Hình ChangeNotifier Cho CommentListViewModel
6 Tạo Stateful CommentsListPage
7 Hiển Thị Bình Luận Cho Câu Chuyện
8 Giải Mã và Định Dạng Văn Bản HTML
1 Lưu Ý Về Phần Này (VUI LÒNG XEM)
2 Mã Nguồn Ứng Dụng Apple Stocks
3 Mã Nguồn Ứng Dụng Apple Weather
4 Mã Nguồn Ứng Dụng Apple News
5 Mã Nguồn Ứng Dụng Apple App Store
1 Xây Dựng Widget Đánh Giá Trong Flutter
1 Bước Tiếp Theo
2 Bài Học Bổ Sung

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

Google Flutter framework has taken the world by storm. Flutter allows developers to write a single codebase which targets both the iOS and Android devices. Flutter applications are fast and high performance and allows developers to quickly deploy apps for both platforms at the same time.   

In this course, you will learn how to write Flutter apps using MVVM Design Pattern. You will learn how to create several different applications and write modular code, which is easy to understand, maintain and execute.


Check out the course outline below:


Understanding MVVM Design Pattern

In this section, you will learn about the MVVM Design Pattern. This section will lay the foundational concepts which will be carried out throughout the course.


News App

In this section, you will learn how to build a complete News application. This application will integrate with NewsAPI and fetch the latest news to the user. You will learn how to implement the app using MVVM Design Pattern. You will also learn how to use the webview to display the details of the news.


Place Finder

Place Finder app allows users to search for their favorite restaurant near their location. In this section you will learn how to sign up and integrate your Flutter app with Google Maps API. You will list nearby places on the map and also display them in the list. And finally when the user selects, the app will launch either Google or Apple maps app to take the user to their destination.


City Care

In this section you will learn how to integrate camera and photo library in Flutter apps. You will also learn how to upload photos to a custom server and then display the data by fetching it from the server.


Hacker News App

In this section you are going to create Hacker News app using the Hacker News public API. You will learn how to fetch stories and associated comments from hacker news and display them in your app.


Here are some reviews from my students:

It's really nice to find all of these hidden nuggets inside of each section. When you read the section header you think there is not much to the section but the instructor goes out of his way to bring in real life scenarios.


If you want to learn JSON decoding, encoding case by case, this is the course you have to take. I love the course because lecture planing is great.It is starting from beginner level, Mohammad teaches step by step and case by case and explanations are very clear. At the end you feel that you have mastered the whole subject.


Mohammad is a great instructor, I really like his courses.


Finally I understood how encodable and decodable works!


I really hope you enjoy the course and if you have any questions please don’t hesitate to contact me.

Enjoy the course and start building Flutter apps!

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 App Development
Hiển thị tất cả khoá học Flutter
Hiển thị tất cả khoá học Mobile Development
Hiển thị tất cả khoá học Mvvm Architecture
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊