Learn by job position
MD202 – Nhập môn Flutter & Giao diện Cơ bản
Chào mừng bạn đến với thế giới của Flutter, framework mạnh mẽ từ Google giúp bạn xây dựng ứng dụng di động đẹp mắt cho cả iOS và Android chỉ từ một mã nguồn. Khóa học này là bước chân đầu tiên, nơi bạn sẽ làm quen với triết lý “Mọi thứ đều là widget”. Bạn sẽ học cách thiết lập môi trường, hiểu cấu trúc một dự án Flutter, và sử dụng các widget cơ bản như Container, Row, Column để xây dựng giao diện người dùng tĩnh. Thông qua việc thực hành tạo một ứng dụng danh thiếp đơn giản, bạn sẽ nắm vững nền tảng để tạo ra những giao diện phức tạp hơn.
Thời lượng: 24h
Hình thức đào tạo:
-
- Đào tạo trực tiếp tại lớp học
- Đào tạo trực tuyến
- Đào tạo hybrid (trực tuyến kết hợp trực tiếp)
- Đào tạo tại văn phòng khách hàng
Mục tiêu khoá học:
Sau khi hoàn thành khóa học, học viên sẽ đạt được các kỹ năng và kiến thức
- Làm chủ các khái niệm cốt lõi của Flutter: Hiểu rõ triết lý “Everything is a widget”, phân biệt Stateless và Stateful widgets.
- Xây dựng được giao diện người dùng tĩnh bằng Flutter: Sử dụng các widget cơ bản để tạo layout, sắp xếp văn bản, hình ảnh và icon.
- Thiết lập môi trường phát triển chuyên nghiệp: Cài đặt Flutter SDK, sử dụng VS Code/Android Studio và chạy ứng dụng trên máy ảo.
- Có nền tảng vững chắc để xây dựng ứng dụng tương tác: Sẵn sàng học cách quản lý trạng thái và xử lý sự kiện trong các khóa học tiếp theo.
Đối tượng tham gia
Học viên đã hoàn thành khóa Lập trình Cơ bản với Dart (MD200).
Người mới bắt đầu muốn xây dựng ứng dụng di động đa nền tảng.
Lập trình viên từ nền tảng khác muốn chuyển sang Flutter.
Học sinh yêu thích thiết kế và muốn hiện thực hóa giao diện ứng dụng.
Nội dung khóa học
1. Làm quen với Flutter và Môi trường Phát triển
-
- Flutter là gì? Ưu điểm của phát triển đa nền tảng.
- Cài đặt Flutter SDK, cấu hình editor (VS Code/Android Studio).
- Tạo và chạy dự án Flutter đầu tiên trên máy ảo/thiết bị thật.
- Tìm hiểu cấu trúc thư mục của một dự án Flutter.
2. Triết lý “Mọi thứ đều là Widget”
-
- Giới thiệu khái niệm Widget và cây Widget (Widget Tree).
- Phân biệt hai loại widget quan trọng: StatelessWidget và StatefulWidget.
- Tìm hiểu về hàm build() và vai trò của nó trong việc xây dựng giao diện.
3. Xây dựng Layout với các Widget Cơ bản
-
- Các widget hiển thị nội dung: Text, Icon, Image.
- Widget chứa và trang trí: Container, Padding, Center.
- Các widget sắp xếp bố cục: Row, Column.
- Thực hành kết hợp các widget để tạo một layout đơn giản.
4. Bố cục Nâng cao và Linh hoạt
-
- Sử dụng Expanded và Flexible để chia không gian trong Row và Column.
- Làm việc với ListView để tạo danh sách có thể cuộn.
- Giới thiệu Card và ListTile để tạo các mục danh sách đẹp mắt.
- Sử dụng Stack để xếp chồng các widget lên nhau.
5. Thêm Tài nguyên và Tùy chỉnh Giao diện
-
- Thêm hình ảnh từ thư mục assets vào ứng dụng.
- Sử dụng font chữ tùy chỉnh từ Google Fonts hoặc file cục bộ.
- Tạo chủ đề (Theme) cơ bản cho ứng dụng (màu sắc, font chữ chung).
6. Dự án cuối khóa: Xây dựng Giao diện Tĩnh
-
- Lựa chọn đề tài: Giao diện ứng dụng danh thiếp, màn hình đăng nhập, hoặc một màn hình thông tin sản phẩm.
- Thiết kế bố cục trên giấy hoặc công cụ wireframe.
- Hiện thực hóa giao diện bằng cách kết hợp các widget đã học.
- Trình bày sản phẩm và giải thích cấu trúc cây widget đã xây dựng.
LỊCH KHAI GIẢNG
(Đang cập nhật)
Bài viết liên quan
