[Sơ cấp-Trung cấp] Ứng dụng Flutter Todo - FlutterBloc

Qua bài giảng này, tôi sẽ thu được ít nhất một phần kiến thức mà tôi chưa biết và trở thành “tôi” của ngày hôm qua. Tôi hy vọng bạn trở thành nhà phát triển ứng dụng Flutter giỏi hơn.

29 học viên đang tham gia khóa học này

Gasigogi

flutter

Flutter

clean-architecture

Dịch cái này sang tiếng Việt

Kiến trúc sạch sẽ (đơn giản hóa)
ứng dụng DI
Quản lý trạng thái FlutterBloc
Giao diện người dùng tùy chỉnh

Tạo ứng dụng Todo bằng Flutter,
Bạn có muốn thử viết mã trực tiếp không? 💻

📢 Vui lòng kiểm tra trước khi tham gia lớp học!

Bài giảng này không giải thích lý thuyết cơ bản.
Mã nguồn được sử dụng trong bài giảng này không được cung cấp. Để nâng cao kỹ năng, vui lòng tự viết và nghiên cứu nhiều lần.

Học Flutter bằng cách xây dựng ứng dụng 🚀

Trong bài giảng này, bạn sẽ xây dựng một ứng dụng Todo lấy cảm hứng từ ứng dụng Notes mặc định của iOS. Khóa học sẽ được thực hiện theo hình thức lập trình trực tiếp, từ khâu chuẩn bị dự án đến khi hoàn thành. Mặc dù lý thuyết cơ bản không được giải thích nhiều, bạn vẫn có thể tìm thấy những kiến thức còn thiếu trong các ghi chú bài học! Thông qua dự án này, bạn sẽ được tìm hiểu về kiến trúc sạch, dependency injection, quản lý trạng thái BLoC, giao diện người dùng tùy chỉnh , v.v.

pubspec.yaml

Được sử dụng trong dự án
Đây là thư viện !

Phiên bản có thể khác nhau
Tôi đã xóa dấu mũ (^) !

môi trường:
- sdk: '>=2.17.0 < 3.0.0'
sự phụ thuộc:
- chú thích đông lạnh: 2.2.0
- flutter_bloc: 8.1.1
- lấy_nó: 7.2.0
- tổ ong: 2.2.3
- hive_flutter: 1.1.0
- quốc tế: 0,17,0
dev_dependencies:
- build_runner: 2.3.2
- đóng băng: 2.3.0
- máy phát điện hive: 2.0.0

Học cái này 📖

Bước 1.
Chuẩn bị dự án

Nó bao gồm ba bước chuẩn bị.

Làm việc với cấu trúc thư mục dự án
Chuẩn bị các tuyến đường cho quá trình chuyển đổi màn hình
Chuẩn bị DI (Tiêm phụ thuộc)

Bước 2.
Nhiệm vụ UI cơ bản

Chúng tôi đang thực hiện các tác vụ UI sẽ được sử dụng trong ứng dụng.

Chủ đề chung
Nút chung
Thanh điều hướng chung ở phía dưới
Đối thoại chung
Ngói thư mục
Hộp thoại nhập thư mục
Ô ghi nhớ

Bước 3.
Mô hình hóa dữ liệu

Chúng ta sẽ sử dụng gói Freezed để thực hiện các tác vụ mô hình hóa dữ liệu.

Thêm gói đóng băng
Tạo mô hình thư mục
Tạo mô hình ghi nhớ

Bước 4.
Hoạt động DB

Chúng tôi sử dụng gói Hive để thực hiện các hoạt động DB.

Thêm gói Hive
Áp dụng Hive vào Mô hình Thư mục
Áp dụng Hive vào mô hình ghi nhớ
HiveDB > Các hoạt động CRUD
Làm việc với các lớp trừu tượng LocalDB
LocalDB > Đăng ký một singleton

Bước 5.
Thao tác trên màn hình thư mục
Làm việc với màn hình Ghi chú
Thêm/Chỉnh sửa thao tác trên màn hình ghi chú

Chúng tôi đang làm việc trên màn hình.

Công việc màn hình dựa trên giao diện người dùng đã thực hiện ở Bước 2
Công việc lưu trữ dựa trên mô hình và DB đã thực hiện ở Bước 3 và Bước 4
Kho lưu trữ > Đăng ký Singleton
Làm việc với FlutterBloc (Cubit) để kết nối dữ liệu và màn hình
LocalDB > Kho lưu trữ > FlutterBloc(Cubit) > Màn hình

Hỏi & Đáp 💬

H. Nó có hữu ích trong thực tế không?

Nếu bạn hiểu và thực hiện, nó sẽ hữu ích trong lĩnh vực của bạn và có thể áp dụng ngay.

H. Tôi có thể trồng được bao nhiêu?

Vì chỉ có một ví dụ, tôi tin rằng bạn sẽ đạt được sự tiến bộ đáng kể nếu bạn hiểu và thực hiện từng phần một cách rõ ràng. Hơn nữa, vì mã được trình bày trong bài giảng không phải lúc nào cũng là câu trả lời đúng, việc viết lại mã của người khác theo một cách mới có thể giúp ích rất nhiều cho sự phát triển của bạn.

H. Bạn không sử dụng bất kỳ gói quản lý trạng thái nào khác sao?

Tôi đã sử dụng Provider và GetX. Điểm mấu chốt là, miễn là bạn hiểu khái niệm quản lý trạng thái, bạn có thể sử dụng bất kỳ gói quản lý trạng thái nào phù hợp nhất với mình.

H. Tôi có thể hỏi những câu hỏi ngoài nội dung bài giảng không?

Không được phép đặt câu hỏi ngoài nội dung bài giảng. Tuy nhiên, tôi tin rằng hầu hết các câu hỏi đều liên quan đến nội dung bài giảng. 😊

H. Tôi cảm thấy phần giải thích trong bài giảng còn thiếu sót. Có lý do nào khác không?

Mục đích của bài giảng này là chia sẻ quá trình phát triển của tôi chứ không chỉ đơn thuần là giải thích, nên có thể còn thiếu sót. Tuy nhiên, tôi tin rằng bạn sẽ học được rất nhiều từ bài giảng này.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Những người đang thực hiện một dự án mới
Những người sẽ trưởng thành thông qua việc học tập nhiều lần
Những người có tư duy để có được ít nhất một thứ

Cần biết trước khi bắt đầu?

Ngôn ngữ phi tiêu
Rung động kiến thức cơ bản
Kiến thức lập trình không đồng bộ Flutter

Xin chào
Đây là

2019년부터 Flutter 개발을 시작한 Flutter & iOS 개발자입니다.

저는 팀 구성원의 개발 성장에 관심이 많습니다. 😁

특히 코드 리뷰를 좋아해요. 😊

세상에는 개발을 잘하는 사람들이 많은 것 같아요!

반면에 저는 여전히 개발 실력이 부족하다고 생각합니다.

저는 부족함을 인정하고 부족함을 채우려고 노력합니다.

부족함은 어디서 채울 수 있을까요?

바로!

여러분들의 "동료" 입니다.

저의 부족한 부분은 동료로부터 부족함을 채우며 성장하고 있고

반대로 저의 강점을 동료에게 공유하여 부족한 부분을 채워주며 "함께" 성장합니다.

저는 이제 여러분들의 "동료" 입니다.

저의 지식을 통해 어제의 "나" 보다 성장한 개발자가 되시길 바라며

저 또한 여러분들의 피드백을 통한 한층 더 성장한 개발자가 되겠습니다.

Chương trình giảng dạy

Tất cả

45 bài giảng ∙ (5giờ 28phút)

Phần 1. Tổng quan

1 bài giảng ∙ (4phút)

1. Giới thiệu
04:23

Phần 2. Chuẩn bị dự án

3 bài giảng ∙ (21phút)

2. Cấu trúc dự án
08:01
3. Chuẩn bị Routes
06:36
4. Chuẩn bị DI
07:07

Phần 3. UI cơ bản

7 bài giảng ∙ (1giờ 44phút)

5. TodoTheme
18:11
6. TodoButton
08:26
7. TodoBottomNavigationBar
06:46
8. TodoDialog
24:00
9. FolderTile
15:37
10. FolderInputDialog
13:49
11. MemoTile
17:56

Phần 4. Mô hình hóa dữ liệu

3 bài giảng ∙ (6phút)

Phần 5. Tác vụ DB

6 bài giảng ∙ (20phút)

Phần 6. Thao tác màn hình thư mục

14 bài giảng ∙ (1giờ 34phút)

Phần 7. Chức năng ghi chú

8 bài giảng ∙ (53phút)

Phần 8. Màn hình thêm/sửa memo

2 bài giảng ∙ (21phút)

Phần 9. Kết thúc

1 bài giảng ∙ (1phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Chưa có đủ đánh giá.

Hãy trở thành tác giả của một đánh giá giúp mọi người!

2.092.753 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Flutter Intermediate Part 3 - Dependency Injection Guide

survivalcoding

This is a guide course on proper dependency injection in Flutter. It presents how to use DI utilizing the injectable package.

Intermediate

Flutter, clean-architecture, dependency

Flutter Intermediate Part 3 - Dependency Injection Guide

survivalcoding

Creating a Flutter Four-Cut Diary for Beginners in App Development with Figma

Zero to One

Introduction to Flutter App Development for Job Seekers with Easy Cross-Platform Learning

Beginner

Flutter, dart, Figma

Creating a Flutter Four-Cut Diary for Beginners in App Development with Figma

Zero to One

Non-Developer Creates Profitable Service in Just 4 Weeks: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

Don't know coding? OK! Turn your ideas into real revenue in just 4 weeks. Using AI and the latest tools, create websites and apps simultaneously and connect them directly to services.

Beginner

Flutter, Next.js, cursor

Non-Developer Creates Profitable Service in Just 4 Weeks: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

[Code Factory] [Introduction] Completely master the Dart language in 4 hours

codefactory

By learning the Dart language through this course, you can upgrade to a level where you can start using Flutter!

Beginner

Flutter, oop, Functional Programming

[Code Factory] [Introduction] Completely master the Dart language in 4 hours

codefactory

Building an LLM Chatbot with Flutter (feat. Gemini)

jasonkang

New to Flutter? A Flutter Contributor will guide you step-by-step! Start Flutter dev with an AI project using Gemini.

Basic

Flutter, Chatbot, gemini

Building an LLM Chatbot with Flutter (feat. Gemini)

jasonkang

Learn Springboot + Flutter RestAPI Board Creation Faster Than Anyone

Neo

Learn Springboot + Flutter RestAPI Board Creation Faster Than Anyone Develop a CRUD server with Springboot and create your own board with Flutter!

Basic

Flutter, Kotlin, Spring Boot

Learn Springboot + Flutter RestAPI Board Creation Faster Than Anyone

Neo

Dart Practice for Beginners

ordinarydeveloper

To develop Flutter, you need to know Dart. This is a process of practicing and learning only the essential contents of Dart.

Beginner

dart, Flutter

Dart Practice for Beginners

ordinarydeveloper

[Python beginner] ChatGPT voice translation app made with Flutter

huhjuang5228

This lecture is for those who have learned Python but are unsure of how to use it. Utilize 99.9% of basic programming knowledge!!! Try making a Flutter voice translation app with basic example code by minimizing difficult code. Talk to chatGPT, translate conversations with foreign friends, draw images with voice, and upgrade the conversation app with fine tuning.

Basic

Python, Flutter, ChatGPT

[Python beginner] ChatGPT voice translation app made with Flutter

huhjuang5228

Developing Assistant Manager Jeong's Dart Basic Grammar

devjeongdaeri

This is a course on Dart, used in Flutter development.

Beginner

Flutter, dart

Developing Assistant Manager Jeong's Dart Basic Grammar

devjeongdaeri

[Sơ cấp-Trung cấp] Ứng dụng Flutter Todo - FlutterBloc

Dịch cái này sang tiếng Việt

Học Flutter bằng cách xây dựng ứng dụng 🚀

pubspec.yaml

Được sử dụng trong dự án Đây là thư viện !

Phiên bản có thể khác nhau Tôi đã xóa dấu mũ (^) !

Học cái này 📖

Bước 1. Chuẩn bị dự án

Bước 2. Nhiệm vụ UI cơ bản

Bước 3. Mô hình hóa dữ liệu

Bước 4. Hoạt động DB

Bước 5. Thao tác trên màn hình thư mục Làm việc với màn hình Ghi chú Thêm/Chỉnh sửa thao tác trên màn hình ghi chú

Hỏi & Đáp 💬

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học tương tự

Được sử dụng trong dự án
Đây là thư viện !

Phiên bản có thể khác nhau
Tôi đã xóa dấu mũ (^) !

Bước 1.
Chuẩn bị dự án

Bước 2.
Nhiệm vụ UI cơ bản

Bước 3.
Mô hình hóa dữ liệu

Bước 4.
Hoạt động DB

Bước 5.
Thao tác trên màn hình thư mục
Làm việc với màn hình Ghi chú
Thêm/Chỉnh sửa thao tác trên màn hình ghi chú

Khuyến nghị cho
những người này

Xin chào
Đây là