🔥 🎁 QUÀ TẶNG khi đăng ký: Phần mềm DNT Digital SaaS FindMe VPS Guardian 12 tháng (~240 USD) và 24 tháng (~480 USD)
🔵 LEVEL 2 — TRUNG CẤP

Flutter Nâng Cao (Level 2)

Làm chủ UI/UX chuyên nghiệp và tích hợp cơ sở dữ liệu — nâng tầm ứng dụng Flutter của bạn lên cấp độ thương mại.

Thời lượng

15 buổi lý thuyết/thực hành + 8 buổi bài tập riêng + 5 buổi phụ đạo riêng

Đối tượng

Đã học Level 1

Chứng nhận

Sau khi hoàn thành

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

  • UI/UX chuyên nghiệp với responsive design và animation
  • Tích hợp cơ sở dữ liệu SQL và NoSQL vào Flutter
  • Ứng dụng hoạt động offline và đồng bộ dữ liệu
  • State management nâng cao: Provider, Riverpod
  • Tích hợp REST API và Firebase vào ứng dụng
  • Tối ưu hóa hiệu năng và dự án thực tế
Được 200+ học viên đánh giá 5 sao

Tổng quan khóa học

Chương trình học được thiết kế bởi chuyên gia Flutter — trọng tâm thực hành, ra sản phẩm thật

🎨

UI/UX chuyên nghiệp

Responsive design, animation, custom widgets và Material 3

🗄️

Tích hợp Database

SQLite, Firebase Firestore, offline-first architecture

🚀

Dự án thực chiến

Xây dựng ứng dụng hoàn chỉnh có thể đưa vào portfolio ngay

Điểm nổi bật của khóa học

  • UI/UX chuyên nghiệp với responsive design và animation
  • Tích hợp cơ sở dữ liệu SQL và NoSQL vào Flutter
  • Ứng dụng hoạt động offline và đồng bộ dữ liệu
  • State management nâng cao: Provider, Riverpod
  • Tích hợp REST API và Firebase vào ứng dụng
  • Tối ưu hóa hiệu năng và dự án thực tế

Chương trình học

15 buổi lý thuyết/thực hành + 8 buổi bài tập riêng + 5 buổi phụ đạo riêng — chia thành hai module lớn — UI/UX nâng cao và tích hợp cơ sở dữ liệu

1

Phần 1: UI/UX toàn diện (8 buổi)

Buổi 1: Ôn tập và nâng cao về layout trong Flutter
  • Ôn tập layout cơ bản: Column, Row, Stack, Expanded
  • Nâng cao với Flex, Spacer, FractionallySizedBox
  • Tích hợp bố cục phức tạp trong UI
  • Bài tập: layout trang quản lý tài khoản nhiều thành phần
Buổi 2: Responsive Design (Thiết kế đáp ứng)
  • Giao diện thích ứng điện thoại, tablet
  • MediaQuery và LayoutBuilder
  • Gói flutter_screenutil, responsive_builder
  • Bài tập: giao diện đáp ứng cho trang sản phẩm
Buổi 3: Hiểu về Animation trong Flutter
  • AnimationController, Tween, CurvedAnimation
  • Animation chuyển cảnh với Hero
  • AnimatedContainer, AnimatedOpacity
  • Bài tập: hiệu ứng chuyển động cho trang chi tiết sản phẩm
Buổi 4: Custom UI và sáng tạo với Widgets
  • Tạo widget tuỳ chỉnh để tái sử dụng
  • Button, card, form độc đáo
  • Custom Painter để vẽ UI tuỳ chỉnh
  • Bài tập: button có hiệu ứng hover và đổi màu khi nhấn
Buổi 5: Theme và Dark Mode
  • Quản lý giao diện với ThemeData và MaterialApp
  • Hỗ trợ chế độ sáng/tối
  • Dynamic Color theo hệ điều hành
  • Bài tập: ứng dụng đổi chủ đề theo thời gian thực
Buổi 6: Tối ưu hoá hiệu năng cho UI phức tạp
  • Xác định và xử lý vấn đề hiệu năng
  • RepaintBoundary để kiểm soát vẽ lại widget
  • ListView/GridView với lazy loading
  • Bài tập: tối ưu danh sách sản phẩm lớn
Buổi 7: UX và tối ưu trải nghiệm người dùng
  • Nguyên tắc UX cơ bản
  • Nút quay lại, swipe to refresh, pull-to-load
  • GestureDetector, InkWell
  • Bài tập: pull-to-refresh và swipe to delete
Buổi 8: Testing UI và Accessibility
  • Testing UI với flutter_test
  • Golden tests cho nhiều màn hình/trạng thái
  • Accessibility với Semantics
  • Bài tập: thêm Semantics và viết Golden test
2

Phần 2: Tích hợp Database (SQL và NoSQL) (7 buổi)

Buổi 9: Giới thiệu về Cơ sở Dữ liệu trong Flutter
  • Khái niệm SQL và NoSQL
  • Lựa chọn: Sqflite, Hive, Firebase Firestore
  • So sánh ưu/nhược điểm
  • Bài tập: chọn loại CSDL phù hợp cho ứng dụng cụ thể
Buổi 10: Tích hợp SQLite với Sqflite
  • Cài đặt và thiết lập Sqflite
  • Tạo bảng, chèn, cập nhật, xoá dữ liệu
  • Truy vấn CRUD cơ bản
  • Bài tập: ứng dụng quản lý công việc dùng SQLite
Buổi 11: Tích hợp cơ sở dữ liệu NoSQL với Hive
  • Hive: nhanh, nhẹ, không cần cấu hình
  • Cài đặt và thiết lập Hive
  • Tạo box và lưu key-value
  • Bài tập: lưu todo tasks trong Hive
Buổi 12: Làm việc với Firebase Firestore (NoSQL)
  • Giới thiệu Firebase Firestore
  • Cài đặt và tích hợp Firestore vào Flutter
  • Lưu trữ và truy xuất dữ liệu
  • Bài tập: tích hợp Firebase để lưu danh sách sản phẩm/công việc
Buổi 13: Đồng bộ hoá dữ liệu giữa SQLite và Firebase
  • Đồng bộ local và cloud
  • Xử lý trường hợp ngoại tuyến
  • Chiến lược đồng bộ khi có mạng trở lại
  • Bài tập: đồng bộ dữ liệu công việc giữa SQLite và Firestore
Buổi 14: Quản lý trạng thái nâng cao với Provider và Database
  • Kết hợp Provider với cơ sở dữ liệu
  • Tự động cập nhật UI khi dữ liệu thay đổi
  • Mô hình MVVM (Model-View-ViewModel)
  • Bài tập: ứng dụng quản lý sản phẩm dùng Provider + SQLite/Firestore
Buổi 15: Triển khai dự án cuối khóa
  • Xây dựng ứng dụng hoàn chỉnh kết hợp UI/UX và database
  • Triển khai ứng dụng trên thiết bị di động
  • Kiểm tra và sửa lỗi
  • Bài tập lớn: app quản lý công việc/sản phẩm hoàn chỉnh

Tính năng khóa học

Khóa học Flutter cơ bản cung cấp đầy đủ các tính năng để bạn học tập hiệu quả

UI/UX chuyên sâu

kỹ thuật thiết kế nâng cao với responsive design và animation

Tích hợp Database

làm chủ cả SQL và NoSQL trong ứng dụng Flutter

Firebase Integration

tích hợp Firebase và các dịch vụ cloud vào ứng dụng

Performance Optimization

tối ưu hiệu năng ứng dụng Flutter với kỹ thuật chuyên sâu

Dự án thực tế

xây dựng ứng dụng hoàn chỉnh với UI/UX đẹp và có cơ sở dữ liệu

Code Review

được review code và hướng dẫn cải thiện chất lượng code từ chuyên gia

Lộ trình học tiếp theo

Level 2 là bước nâng tầm từ nền tảng vững chắc lên kỹ năng thực chiến

Câu hỏi thường gặp

Giải đáp những thắc mắc phổ biến về khóa học Flutter cơ bản

Bạn nên hoàn thành khóa Flutter cơ bản (Level 1) hoặc có kinh nghiệm tương đương. Hiểu biết về Dart, widgets cơ bản và cấu trúc ứng dụng Flutter là điều kiện tiên quyết.

Sẵn sàng nâng tầm kỹ năng Flutter?

Đăng ký tư vấn miễn phí — chúng tôi sẽ giúp bạn chọn đúng lộ trình và bắt đầu ngay hôm nay

Lịch khai giảng

Chưa chắc nên bắt đầu thế nào? Đọc bài học lập trình mobile ở đâu (so sánh 4 lựa chọn + 6 tiêu chí chọn nơi học) và xem lộ trình Fullstack Mobile 3 Level.