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

Name: [Sơ cấp-Trung cấp] Ứng dụng Flutter Todo - FlutterBloc
Price: 69300 KRW

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.

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

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

Gasigogi

flutter

모바일앱

앱개발

Flutter

clean-architecture

bloc

flutter

모바일앱

앱개발

Flutter

clean-architecture

bloc

Bạn sẽ nhận được điều này sau khi học.

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!

Ưu đãi có thời hạn, kết thúc sau 1 ngày ngày

69.300 ₫

30%

2.084.663 ₫

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!

[2025 Renewal]Tạo ứng dụng trong vòng một tháng không cần coding với FlutterFlow

ilgyu865859

Đây là một khóa học nhập môn giúp bạn tạo ứng dụng với FlutterFlow (FlutterFlow), nền tảng xây dựng ứng dụng không cần code số 1 thế giới! 🤗 Khi tạo lại y hệt Twitter, bạn sẽ học các khái niệm một cách tự nhiên... điều này sẽ rất dễ dàng và thú vị! 🥳

Beginner

No-code, FlutterFlow, Flutter

[2025 Renewal]Tạo ứng dụng trong vòng một tháng không cần coding với FlutterFlow

ilgyu865859

Phát triển ứng dụng Flutter ngay bây giờ [Danh sách việc cần làm]

kookh09875453

Trong khóa học này, bạn sẽ học cách phát triển ứng dụng di động bằng Flutter. Không còn phải học phát triển ứng dụng Android và iOS riêng biệt nữa! Phát triển giao diện người dùng trong ứng dụng Flutter, liên kết giao diện người dùng với API phụ trợ và tìm hiểu nhà cung cấp mẫu quản lý trạng thái có thể quản lý dữ liệu trên toàn cầu.

Basic

Flutter

Phát triển ứng dụng Flutter ngay bây giờ [Danh sách việc cần làm]

kookh09875453

[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

huhjuang5228

Khóa học này dành cho những người đã học Python nhưng chưa chắc chắn về cách sử dụng nó. Tận dụng 99,9% kiến thức cơ bản của chương trình!!! Hãy thử tạo ứng dụng dịch giọng nói Flutter bằng mã ví dụ cơ bản bằng cách giảm thiểu mã khó. Trò chuyện với chatGPT, dịch cuộc hội thoại với bạn bè nước ngoài, vẽ hình ảnh bằng giọng nói và nâng cấp ứng dụng hội thoại với tinh chỉnh.

Basic

Python, Flutter, ChatGPT

[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

huhjuang5228

Không cần biết code cũng OK! Hoàn thành game đầu tiên của bạn bằng cách trò chuyện với AI (Flutter Flame, Gemini, Claude)

codebridge

Khóa học này sẽ là con đường tắt nhanh nhất và chắc chắn nhất để biến giấc mơ mơ hồ của bạn thành hiện thực. Giờ đây, trí tưởng tượng của bạn sẽ trở thành bản thiết kế game tuyệt vời nhất. Cùng với AI, bạn có thể hoàn thành game đầu tiên của mình một cách thú vị thông qua đối thoại, giống như lắp ráp đồ chơi Lego vậy.

Beginner

Flutter, Game Planning, game-programming

Không cần biết code cũng OK! Hoàn thành game đầu tiên của bạn bằng cách trò chuyện với AI (Flutter Flame, Gemini, Claude)

codebridge

Thời đại AI, cách người không chuyên môn cũng có thể học Flutter trong 2 giờ và phát triển ứng dụng cổ phiếu dữ liệu công cộng (Vibe coding miễn phí với Gemini pro)

codebridge

Lập trình, bạn vẫn còn làm một mình sao? Giờ đây là thời đại AI thay thế 95% công việc cho bạn. Khóa học này thay vì ghi nhớ cú pháp phức tạp, sẽ hướng dẫn bạn cách biến AI mạnh mẽ 'Gemini Pro' của Google thành đối tác phát triển AI 24/7 của bạn. Trong VS Code, giống như công cụ trả phí Cursor AI, bạn sẽ học miễn phí cách trò chuyện với AI để nắm vững các nguyên lý cơ bản của Flutter, và thông qua các dự án thực tế ở mức độ chuyên nghiệp, biến ý tưởng thành hiện thực.

Beginner

Flutter, Generative AI, Vibe Coding

codebridge

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

jasonkang

Mới dùng Flutter ư? Flutter Contributor sẽ hướng dẫn bạn từ đầu! Bắt đầu phát triển Flutter với dự án AI ứng dụng Gemini.

Basic

Flutter, Chatbot, gemini

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

jasonkang

Tạo dịch vụ có lợi nhuận chỉ trong 4 tuần dành cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

Không cần biết lập trình cũng OK! Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần. Tận dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.

Beginner

Flutter, Next.js, cursor

Tạo dịch vụ có lợi nhuận chỉ trong 4 tuần dành cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

100% Vibe Coding cho người không phải lập trình viên: Bí quyết kiếm 1,4 triệu won/tháng với 200 ứng dụng

MangoRocket

"Chỉ làm app thôi có kiếm được tiền không? Không đâu." Vibe Coding chỉ là công cụ, cốt lõi là 'ý tưởng và chiến lược sinh lời'. Khóa học này không chỉ dạy kỹ thuật Vibe Coding đơn thuần, mà còn công khai hướng dẫn thực chiến để xây dựng hệ thống tự động hóa doanh thu mà người không phải lập trình viên đã rút ra được từ việc vận hành 200 ứng dụng.

Beginner

Python, Flutter, ChatGPT

100% Vibe Coding cho người không phải lập trình viên: Bí quyết kiếm 1,4 triệu won/tháng với 200 ứng dụng

MangoRocket

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

Neo

Học Springboot + Flutter RestAPI Tạo Bảng Tin Nhanh Hơn Ai Hết Phát triển server CRUD với Springboot và tạo bảng tin của riêng bạn bằng Flutter!!

Basic

Flutter, Java, Kotlin

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

Neo

[Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

codefactory

Nếu bạn học ngôn ngữ Dart thông qua khóa học này, bạn có thể nâng cấp lên cấp độ mà bạn có thể bắt đầu sử dụng Flutter!

Beginner

Flutter, oop, Functional Programming

[Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

codefactory

Phát triển Dart cơ bản - Trưởng nhóm Jung

devjeongdaeri

Đây là khóa học tìm hiểu về ngôn ngữ Dart được sử dụng trong phát triển Flutter.

Beginner

Flutter, dart

Phát triển Dart cơ bản - Trưởng nhóm Jung

devjeongdaeri

Thực hành phi tiêu cho người mới bắt đầu

ordinarydeveloper

Để phát triển Flutter, bạn cần biết Dart. Đây là quá trình chọn lọc và thực hành những nội dung thiết yếu của Dart.

Beginner

dart, Flutter

Thực hành phi tiêu cho người mới bắt đầu

ordinarydeveloper

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

Bạn sẽ nhận được điều này sau khi học.

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à