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

Full-Stack Mobile Development: Flutter, Figma, and Firebase

Phát triển Mobile Full-Stack: Flutter, Figma và Firebase

Phát triển Mobile Full-Stack: Flutter, Figma và Firebase

Làm chủ Ứng dụng Di động: Flutter, Figma, Firebase, Riverpod, Tích hợp Stripe, Xây dựng Ứng dụng Đa cửa hàng - Phiên bản 2025

4.3
(141 đánh giá)
1,126 học viên
Giảng viên
Maclay Academy
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.439.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
29.5 giờ video
190 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 31/05/2026

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

Học cách chuyển đổi mã từ Figma sang Flutter
Tìm hiểu quy trình xuất tài sản thiết kế từ Figma để phát triển ứng dụng
Nhấn mạnh các nguyên tắc thiết kế lấy người dùng làm trung tâm để tạo ra giao diện đáp ứng nhu cầu người dùng
Học cách thu thập phản hồi và lặp lại thiết kế để cải tiến liên tục
Xây dựng và tổ chức các hệ thống thiết kế để duy trì sự nhất quán về mặt hình ảnh trong suốt ứng dụng
Làm chủ việc sử dụng phông chữ, cỡ chữ và bảng màu để thiết kế UI hiệu quả
Hiểu các nguyên tắc của lý thuyết màu sắc trong việc tạo ra giao diện trực quan hấp dẫn
Sử dụng hệ thống component của Figma để duy trì sự nhất quán trong thiết kế hiệu quả
Khám phá lợi ích của các yếu tố thiết kế có thể tái sử dụng trong việc tạo các thành phần UI
Hiểu và triển khai các nguyên tắc thiết kế responsive để đảm bảo ứng dụng hiển thị và hoạt động tốt trên nhiều kích thước và hướng màn hình khác nhau
Tìm hiểu cách thiết lập kiểm soát truy cập dựa trên vai trò (RBAC) bằng Firebase Authentication để quản lý các mức truy cập khác nhau cho người dùng và chủ cửa hàng
Khám phá các kỹ thuật truy vấn nâng cao trong Firestore, bao gồm truy vấn kết hợp, phân trang và lọc dữ liệu dựa trên nhiều tiêu chí khác nhau
Triển khai chức năng cho phép người dùng tải ảnh hoặc file lên Firebase Storage và truy xuất chúng trong ứng dụng
Hiểu và triển khai các nguyên tắc thiết kế responsive để đảm bảo ứng dụng hiển thị và hoạt động tốt trên nhiều kích thước và hướng màn hình khác nhau
Phát triển hiểu biết vững chắc về lập trình bất đồng bộ trong Dart, đặc biệt là trong bối cảnh các thao tác Flutter và Firebase
Tìm hiểu cách triển khai cập nhật thời gian thực bằng Firestore để giữ dữ liệu của ứng dụng được đồng bộ hóa trên các thiết bị
Học cách thiết kế kiến trúc cho một ứng dụng đa cửa hàng, cho phép người dùng tương tác với nhiều cửa hàng trong cùng một ứng dụng
Khám phá Riverpod như một giải pháp quản lý trạng thái trong Flutter, bao gồm cách sử dụng các provider để quản lý trạng thái ứng dụng một cách hiệu quả
Hiểu cách tích hợp Firebase vào ứng dụng Flutter, bao gồm xác thực, Firestore (cơ sở dữ liệu NoSQL của Firebase) và Firebase Cloud Functions
Học các kiến thức cơ bản về Flutter, bao gồm compositing widget, bố cục và điều hướng

Yêu cầu

Bất kỳ ai muốn học Figma, Flutter và Firebase
Đã cài đặt Flutter đúng cách

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

Bất kỳ ai có laptop sẽ được hưởng lợi rất nhiều từ khóa học này

Nội dung khóa học

48 phần • 190 bài giảng
1 Introduction To Figma Section
1 User SignUp Screen Design
1 Register page for vendors
1 Header Part
2 Carousel Part
3 Categories Design
4 Popular Product Design
5 Recommended Product Design
6 Bottom Navigation Bar Design
1 Cart Screen Design
1 Vendor profile part 1
2 Vendor profile part 2
1 User profile screen part 1
2 User Profile Part 2
3 User Profile Part 3
1 Product details screen part 1
2 Product details screen part 2
1 Design The Awesome Header
1 Create Project
2 Mvc Structure
3 Configure Assets
4 Google Fonts Package
1 Create Login Screen
2 Create Login Screen Ui
3 Create Signin Button
4 Create Advance Login Button
5 Create Register Screen
1 Using Validator
2 Login Screen Validator
1 Add Firebase Packages
2 Integrate Firebase
1 Store Login Input
2 Assignment
3 Solution
1 Setup Firebase
2 Create New User
3 Store in Cloud
4 Navigate User
5 Login User
1 Create Main Screen
2 Create BottomNavigationBar
3 BottomNavigationBar Final
4 Create Nav Screen
1 Show CircularProgressIndicator
2 Signin Solution
3 FirebaseAuthException
4 Hide & See Password
5 Solution
6 Remove statusBar
1 Header Banner
2 Create Search Field
3 Finalize Header Section
1 Upload Banners
2 Retrive Banner
3 Display Banners
1 Add Getx Package
2 Getx Retrive Banners
3 Using BoxShadow
4 Display Banners
5 Create Indicators
6 Add Cachednetworkimage
7 User Cachednetworkimage
8 Improve Code
1 Upload Categories
2 Create Category Models
3 Retrive Categories
4 Display Categories
1 Create New Project
2 Add Flutter Admin Scaffold
3 Create SideBars
4 Create SideBar Screens
5 Create Named Routes
6 SideBar Final
1 Add Package
2 Integrate Firebase -web
1 Categories Ui
2 Category Ui Final
3 Validator Check
4 File Picker
5 Pick Image
6 Upload Categories - Cloud Firestore
7 Retrive Categories
8 Display Web Images
9 Flutter Easy Loading
10 EasyLoading Final
1 Upload & Retrive Banners
1 Upload Product Screen Ui
2 Fetch Categories
3 Display Categories
4 Store Category
5 Pick & Display Images
6 Create Size Button
7 Adding Product Size
8 Display Size
9 Remove Size
10 Clear Controller
11 Form Validation
12 Store Product Value
13 Late vs. Nullable String
14 Add Uuid
15 Uploaded Products
16 Improve Design
17 Create Spiner
18 Better Code
19 Reset Fields
1 Improve Design
1 Reusable Widget
2 Display Product Name
3 Product Design
4 Product Design Part 2
5 Display Product Image
6 Sales Sold & Rating
7 Favorite Design
1 Create Screen
2 Start Working
3 Display Product Images
4 Display More Details
5 Display Product Sizes
6 Display Product Description
7 Add To Cart Button
1 Add RiverPod
2 Create Cart Models
3 Add To Cart
4 Add To Cart Final
5 Display Cart Item - Getter Method
1 Design Custom App Bar
2 Cart Empty Ui
3 Cart Count Design
4 CartItem Design
1 Update Cart
2 Checkout Button
3 Calculate Total
1 Create Models
2 Favorite Functionality
3 Favorite Final
4 Display Favorite
5 Remove Item
1 Create Screen
2 Display Checkout Item
3 Payment Options
4 Place Order
5 Đặt hàng - Hoàn tất
6 Nút Giao hàng
7 Nút Giao hàng - Hoàn tất
1 Thiết kế màn hình giao hàng
2 Cập nhật địa chỉ
3 Hiển thị hộp thoại
4 Kiểm tra địa chỉ
1 Hiển thị đơn hàng
2 Hiển thị đơn hàng - Hoàn tất
3 Đơn hàng - Hoàn tất
1 Màn hình chi tiết đơn hàng
2 Sửa lỗi tràn
1 Đánh giá & xếp hạng
2 Đánh giá & xếp hạng cửa hàng
3 Kiểm tra hệ thống xếp hạng
4 Cập nhật đánh giá & xếp hạng
5 Cập nhật xếp hạng sản phẩm
1 Hiển thị xếp hạng
2 Hiển thị xếp hạng - Chi tiết sản phẩm
1 Lấy sản phẩm theo danh mục
2 Lấy sản phẩm theo danh mục - Hoàn tất
1 Tạo tiêu đề
2 Hiển thị chi tiết đơn hàng
3 Đánh dấu đã giao hoặc hủy
1 Đăng ký người bán
2 Đăng ký người bán - Hoàn tất
1 Tạo màn hình
2 Tạo thanh điều hướng dưới
3 Tạo màn hình chính
1 Gói chọn ảnh
2 Chọn ảnh sản phẩm
3 Tải sản phẩm lên
4 Tải ảnh sản phẩm lên
5 Tải sản phẩm lên - Hoàn tất
6 Sửa lỗi
7 Trường bổ sung
1 Cập nhật mã
2 Sửa giá sản phẩm
3 Hiển thị đơn hàng người bán
4 Đánh dấu đơn hàng đã giao
1 Màn hình thu nhập người bán
2 Hiển thị thu nhập người bán - Hoàn tất
1 Tạo tiêu đề người mua
2 Hiển thị người mua
3 Hiển thị người bán
1 Hiển thị sản phẩm phổ biến
2 Thanh ứng dụng cửa hàng
3 Hiển thị sản phẩm người bán
4 Màn hình tài khoản

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

Welcome to our groundbreaking course, "Mastering Flutter, Firebase, and Figma: Build a Multi-Shop E-Commerce App with Riverpod, Stripe, and Advanced Integrations!"

Explore the intricacies of Flutter and Firebase with our comprehensive course on building a Multi-Shop E-Commerce App using Riverpod and advanced integrations. Here's a glimpse of what you'll learn:


1.Responsive Design Mastery:

   - Dive into responsive design principles for an E-Commerce app that adapts beautifully across various devices, ensuring an unparalleled shopping experience.


2. Role-Based Access Control with Firebase Authentication:

   - Elevate your app's security by implementing RBAC through Firebase Authentication. Effectively manage access levels for customers, store owners, and administrators, creating a secure and personalized shopping environment.


3. Harnessing the Power of Firebase Cloud Functions:

   - Boost your app's functionality with Firebase Cloud Functions. Deploy server-side logic for tasks like data validation and notifications, ensuring a seamless and efficient E-Commerce experience.


4. Advanced Firestore Queries:

   - Master advanced querying techniques within Firestore to efficiently manage and display product catalogs. Learn compound queries, pagination, and data management tailored to your E-Commerce needs.


5. Image and File Uploads to Firebase Storage:

   - Enable seamless product uploads using Firebase Storage. Learn how to store and retrieve product images, ensuring your E-Commerce app showcases products in a visually appealing way.


6. Asynchronous Programming in Dart:

   - Develop a solid understanding of asynchronous programming in Dart to streamline your code. Enhance the responsiveness of your E-Commerce app, providing users with a smooth shopping experience.


7. Real-Time Updates with Firestore:

   - Make your E-Commerce app dynamic with real-time updates. Keep users synchronized across devices, ensuring access to the latest product information and promotions.


8. Architecting Multi-Shop E-Commerce Applications:

   - Explore the architecture of a multi-shop setup within your app. Enable users to seamlessly switch between different shops, offering a diverse and engaging shopping experience.


9. Riverpod State Management:

   - Leverage Riverpod as your state management solution. Efficiently manage and organize your E-Commerce app's state, ensuring optimal performance and scalability.


10. Seamless Firebase Integration:

    - Integrate Firebase seamlessly into your E-Commerce app, covering user authentication, Firestore, and Firebase Cloud Functions. Ensure your app is built on a robust foundation, ready for scale and user growth.


11. Stripe Integration for Payments:

    - Dive into the world of online payments. Learn to integrate Stripe, providing secure and seamless payment experiences and making your E-Commerce app ready for business.


12. Background Removal via APIs:

    - Elevate your app's visual appeal by integrating Background Removal via APIs. Enhance product images, ensuring a professional and polished look for your E-Commerce listings.


Embark on this learning adventure, mastering essential technologies and building a sophisticated Multi-Shop E-Commerce App with advanced features. Enroll now to turn your E-Commerce app aspirations into reality!

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