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

Flutter & Firebase: build an E-commerce and Admin App [2024]

Flutter & Firebase: Xây dựng ứng dụng Thương mại điện tử và Quản trị [2024]

Flutter & Firebase: Xây dựng ứng dụng Thương mại điện tử và Quản trị [2024]

Thành thạo Flutter & Firebase: Xây dựng ứng dụng Thương mại điện tử đầy đủ chức năng kèm ứng dụng Quản trị, sẵn sàng triển khai [2024]

4.6
(138 đánh giá)
7,646 học viên
Giảng viên
Hadi Kachmar
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
12.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ì

Ứng dụng Di động với Flutter
Firebase Firestore, Xác thực & Lưu trữ
Hướng dẫn viết Clean-code và tránh Boilerplate code
Ứng dụng Quản trị để tải lên và chỉnh sửa sản phẩm
Quản lý trạng thái rõ ràng với Flutter Provider State Management
Ứng dụng Thương mại điện tử đầy đủ chức năng

Yêu cầu

Kiến thức cơ bản về Flutter và Dart

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

Dành cho những người khao khát học Flutter và Dart
Dành cho tất cả những ai quan tâm đến Flutter
Dành cho người muốn tạo một ứng dụng hoàn chỉnh bằng Flutter
Dành cho Công ty hoặc Sinh viên muốn xây dựng ứng dụng sẵn sàng cho sản xuất

Nội dung khóa học

6 phần • 86 bài giảng
1 Giới thiệu
2 Cập nhật quan trọng về Khóa học Chuyên sâu
3 Mẹo và thủ thuật nâng cao
4 Ứng dụng tham chiếu chính - Demo
5 Nội dung trong khóa học chuyên sâu
6 Ứng dụng Người dùng của chúng ta sẽ trông như thế nào khi kết thúc khóa học?
7 Ứng dụng Quản trị của chúng ta sẽ trông như thế nào khi kết thúc khóa học?
8 Tài khoản mạng xã hội
9 Bạn sẽ đạt được gì sau khóa học này
1 Tin vui
2 Lưu ý quan trọng về Quyền truy cập và Phản hồi Khóa học
3 Khóa hướng màn hình thiết bị
4 Tài nguyên (Assets)
5 Tạo ứng dụng mới và mở nó trong VS Code
6 Triển khai chế độ sáng/tối với quản lý trạng thái Provider
7 Tạo widget văn bản tùy chỉnh
8 Tạo thanh điều hướng dưới cùng với trạng thái hoạt động
9 Tạo màn hình hồ sơ cá nhân
10 Tạo widget nền động cho tên ứng dụng
11 Tạo màn hình giỏ hàng trống
12 Tạo màn hình giỏ hàng khi đã thêm sản phẩm
13 Tạo widget bottom sheet cho Giỏ hàng
14 Tạo hộp thoại chỉnh sửa số lượng Giỏ hàng
15 Triển khai huy hiệu thông báo trên Giỏ hàng
16 Bắt đầu triển khai màn hình tìm kiếm
17 Hoàn thiện màn hình tìm kiếm
18 Lưu ý về Màn hình Tìm kiếm
19 Triển khai Swiper trong Màn hình chính
20 Tạo widget sản phẩm mới nhất trong Màn hình chính
21 Tạo widget Danh mục trong Màn hình chính
22 Triển khai màn hình chi tiết sản phẩm
23 Tạo widget trái tim (yêu thích) tùy chỉnh
24 Triển khai màn hình Danh sách yêu thích và Sản phẩm đã xem gần đây
25 Triển khai hộp thoại cảnh báo hoặc lỗi
26 Triển khai thiết kế màn hình đăng nhập
27 Triển khai widget nút Đăng nhập bằng Google
28 Bắt đầu triển khai Màn hình đăng ký
29 Triển khai widget chọn ảnh hồ sơ
30 Triển khai hộp thoại chọn ảnh
31 Cho phép người dùng chọn ảnh từ Máy ảnh hoặc Thư viện
32 Triển khai màn hình Đơn hàng
33 Triển khai màn hình Quên mật khẩu và Kiểm thử ứng dụng
1 Tại sao chúng ta cần quản lý trạng thái
2 Tạo Product Model
3 Hiển thị đúng sản phẩm trên Màn hình tìm kiếm
4 Hiển thị đúng sản phẩm sử dụng Provider State Management
5 Hiển thị sản phẩm trên màn hình một cách linh hoạt
6 Hiển thị đúng chi tiết sản phẩm trong Màn hình chi tiết sản phẩm
7 Hiển thị sản phẩm theo Danh mục
8 Cho phép người dùng tìm kiếm sản phẩm
9 Cho phép người dùng tìm kiếm sản phẩm trong Danh mục
10 Bắt đầu với Quản lý trạng thái Giỏ hàng và cho phép người dùng thêm sản phẩm
11 Hiển thị sản phẩm đã thêm vào Giỏ hàng và thông tin chính xác
12 Cho phép người dùng cập nhật số lượng sản phẩm trong Giỏ hàng
13 Hoàn thiện Quản lý trạng thái Giỏ hàng, cho phép người dùng xóa sản phẩm
14 Hiển thị sản phẩm mới nhất
15 Triển khai quản lý trạng thái Danh sách yêu thích
16 Hoàn thiện quản lý trạng thái Sản phẩm đã xem gần đây
1 Tạo ứng dụng mới cho Bảng điều khiển Quản trị
2 Triển khai Màn hình Bảng điều khiển (Dashboard)
3 Bắt đầu triển khai Màn hình Tải lên
4 Triển khai widget Tải lên ảnh sản phẩm
5 Làm cho màn hình tải lên sản phẩm linh hoạt để quản trị viên có thể chỉnh sửa sản phẩm
1 Kết nối ứng dụng của chúng ta với Firebase
2 Cho phép người dùng Đăng ký và khởi tạo Firebase + Xử lý lỗi
3 Cho phép người dùng đăng nhập và kiểm tra trạng thái đăng nhập
4 Đăng nhập bằng Google
5 Quản lý trạng thái tải - Hiển thị chỉ báo khi đang tải
6 Lưu thông tin người dùng vào Firebase Firestore
7 Hiển thị thông tin người dùng từ Firestore
8 Lưu thông tin người dùng vào Firestore khi Đăng nhập bằng Google
9 Duy trì trạng thái của BottomNavigationBar
10 Cho phép người dùng tải lên ảnh
11 Quản trị - Tải sản phẩm lên Firebase
12 Lấy sản phẩm từ Firebase và hiển thị trong ứng dụng người dùng
13 Lấy sản phẩm bằng Stream Builder
14 Quản trị - Cho phép quản trị viên chỉnh sửa sản phẩm
15 Hiển thị đúng sản phẩm mới nhất
16 Cho phép người dùng thêm vào Giỏ hàng và lưu vào Firebase Firestore
17 Lấy dữ liệu Giỏ hàng từ Firestore
18 Xóa toàn bộ Giỏ hàng & Xóa một sản phẩm từ Firebase
19 Kết nối Danh sách yêu thích của người dùng với Firebase
20 Cho phép người dùng đặt hàng
21 Lấy dữ liệu Đơn hàng và hiển thị trên màn hình
1 Mã nguồn hoàn chỉnh trên GitHub
2 Sau khi hoàn thành khóa học

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

This course is in Arabic and English. but this is the English version of it


Course Description: Flutter & Firebase Mastery

Learn to design, build, and debug fully functional shopping applications with Flutter and Firebase. This course offers in-depth knowledge of Flutter mobile development, Dart programming, and Firebase integration. By the end of the course, you will be equipped to manage freelance projects confidently and be well-prepared to take on a Flutter development position within a company.


Prerequisites

  • Basic knowledge of programming

  • Basic understanding of Flutter

  • Experience with Windows or Mac application development

  • Access to a computer with an Internet connection

  • Enthusiasm for learning and applying cutting-edge algorithms to practical cases

Recording Equipment:

  • Video Editing Software: Camtasia 2022

  • Microphone: Blue Yeti X

This top-of-the-line equipment ensures the highest possible audio and video quality for the course content.



What You Will Learn

This course covers an extensive range of topics, including:

General

  • Dart Programming Language - Fundamentals to expert topics

  • Understanding Flutter Mobile Development by building apps incrementally

  • Designing, building, and debugging Flutter apps

  • Building robust apps with Flutter

Styles & UI

  • Styles for UI

  • Dynamic colors and themes

  • Complex UI made simple

  • Custom widgets

  • Flutter Material Design

  • ListViews and multiple UI states

  • Flutter Row and Column

  • Flutter ListView Builder

State Management - Provider

  • Clean code and boilerplate code avoidance

  • setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier

  • Navigation & Custom navigation

  • Forms, input handling, and validation

  • Managing and updating packages

Firebase

  • Databases and Cloud Firestore

  • Firebase Authentication

  • Firebase Firestore

  • Firebase Storage

  • Real-time communication with Firestore using Streams and StreamBuilder, Futures and FutureBuilder

Course Structure

  • Duration: approximately 12-13 hours of content

  • Regular updates

What to Expect After This Course

After completing this course, you will have:

  • The ability to build a fully functional shopping application with Firebase

  • Gained advanced knowledge in Flutter

  • Developed readiness to explore expert topics in Flutter

  • The ability to handle and manage freelance projects

  • Acquired the necessary skills and knowledge to take up a Flutter development position within a company confidently

Limitations and Notes

Please note the following limitations and important information for this course:

  • This course focuses on Windows configurations. IOS configurations are not covered but feel free to ask questions about it. We will be there to help.

  • This course includes 2 apps, one for the Users, and another App for the Admin, both in "Portrait mode".

  • The Android app is designed to be responsive only in portrait mode; it does not support landscape mode.

  • Resources are attached to each lecture.

  • 24/7 support will be provided depending on the nature of your questions.

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 Firebase
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 State Management
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊