Flutter Nâng Cao (Level 2)
LÀM CHỦ UI/UX & TÍCH HỢP CƠ SỞ DỮ LIỆU TRONG ỨNG DỤNG FLUTTER
Khóa học Flutter nâng cao giúp bạn làm chủ các kỹ thuật UI/UX chuyên nghiệp và tích hợp cơ sở dữ liệu vào ứng dụng Flutter. Phần 1 (8 buổi) đi sâu vào layout nâng cao, Responsive Design, Animation, custom widget, Theme/Dark Mode, tối ưu hiệu năng, UX và Testing UI/Accessibility. Phần 2 (7 buổi) đưa bạn vào SQLite (Sqflite), NoSQL với Hive, Firebase Firestore, đồng bộ dữ liệu local–cloud, quản lý state nâng cao với Provider theo mô hình MVVM và dự án cuối khóa.
Được viết bởi Đặng Trí Thanhvào ngày 01/09/2026 lúc 08:00· 0 lượt xem
Khai giảng: Liên tục · Hỗ trợ trọn đời qua Zalo
Điểm nổi bật của khóa học
Nâng cao kỹ năng thiết kế UI/UX với responsive design và animation
Học cách tích hợp và quản lý cơ sở dữ liệu SQL và NoSQL trong Flutter
Xây dựng ứng dụng có khả năng hoạt động offline và đồng bộ dữ liệu
Tối ưu hoá hiệu năng ứng dụng Flutter với các kỹ thuật chuyên sâu
Áp dụng kiến thức vào dự án thực tế với hướng dẫn từ chuyên gia
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
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
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
Bạn nhận được gì?
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
Câu hỏi thường gặp
Bạn cần có kiến thức cơ bản về Flutter và Dart, hiểu về các widget cơ bản, và đã từng xây dựng ít nhất một ứng dụng Flutter đơn giản. Khóa Flutter cơ bản là điều kiện tiên quyết lý tưởng cho khóa nâng cao này.
Sẵn sàng bắt đầu Flutter Nâng Cao (Level 2)?
Đăng ký ngay để nhận tư vấn lộ trình phù hợp và tham gia cộng đồng học viên — hỗ trợ trực tiếp qua Zalo.