![지금 당장 플러터 앱 개발 [ToDo 리스트]Course Thumbnail](https://cdn.inflearn.com/public/courses/330301/cover/cd2f28cc-850f-403a-b39e-0163f6637402/330301-eng.png?f=avif&w=420)
지금 당장 플러터 앱 개발 [ToDo 리스트]
지금 당장
이 강의를 통해 플러터로 모바일 앱을 개발하는 방법을 배웁니다. 더 이상 안드로이드와 iOS 앱 개발을 따로 배우지 마세요! 플러터 앱에서 UI를 개발하고 해당 UI를 백엔드 API와 연동하며, 데이터를 전역적으로 관리 할 수 있는 상태관리 패턴 Provider를 배웁니다.
Basic
Flutter
[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.
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
2019년부터 Flutter 개발을 시작한 Flutter & iOS 개발자입니다.
저는 팀 구성원의 개발 성장에 관심이 많습니다. 😁
특히 코드 리뷰를 좋아해요. 😊
세상에는 개발을 잘하는 사람들이 많은 것 같아요!
반면에 저는 여전히 개발 실력이 부족하다고 생각합니다.
저는 부족함을 인정하고 부족함을 채우려고 노력합니다.
부족함은 어디서 채울 수 있을까요?
바로!
여러분들의 "동료" 입니다.
저의 부족한 부분은 동료로부터 부족함을 채우며 성장하고 있고
반대로 저의 강점을 동료에게 공유하여 부족한 부분을 채워주며 "함께" 성장합니다.
저는 이제 여러분들의 "동료" 입니다.
저의 지식을 통해 어제의 "나" 보다 성장한 개발자가 되시길 바라며
저 또한 여러분들의 피드백을 통한 한층 더 성장한 개발자가 되겠습니다.
Chương trình giảng dạy
Tất cả
45 bài giảng ∙ (5giờ 28phút)
1. Giới thiệu
04:23
2. Cấu trúc dự án
08:01
3. Chuẩn bị Routes
06:36
4. Chuẩn bị DI
07:07
5. TodoTheme
18:11
6. TodoButton
08:26
8. TodoDialog
24:00
9. FolderTile
15:37
11. MemoTile
17:56
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.090.612 ₫
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 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!Course Thumbnail](https://cdn.inflearn.com/public/courses/328329/cover/72f06aa7-f5f1-422b-88a7-bca65e78dffd/328329.png?f=avif&w=420)
![[코드팩토리] [입문] Dart 언어 4시간만에 완전정복Course Thumbnail](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
![[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱Course Thumbnail](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
