Flutter 초입문 왕초보편
오준석
이 강의는 플러터(Flutter)를 시작하는 모든 분들이 플러터 기초를 빠르게 학습할 수 있도록 만들었습니다.
입문
Flutter, iOS, dart
[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.
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 với Flutter,
Chúng ta thử viết mã trực tiếp nhé? 💻
📢 Vui lòng kiểm tra trước khi tham gia khóa học!
- Bài giảng này không giải thích lý thuyết cơ bản.
- Mã nguồn sử dụng trong bài giảng không được cung cấp. Để nâng cao kỹ năng của bạn, hãy tự viết và nghiên cứu nhiều lần.
Học Flutter bằng cách theo dõi ứng dụng 🚀
Thông qua bài giảng này, chúng ta hãy tạo một ứng dụng Todo dựa trên ứng dụng ghi nhớ mặc định của iOS. Bài giảng này được thực hiện dưới dạng mã hóa trực tiếp từ khi chuẩn bị đến khi hoàn thành dự án. Có rất ít lời giải thích về lý thuyết cơ bản và bạn có thể kiểm tra ghi chú trong lớp để tìm phần giải thích còn thiếu! Tìm hiểu kiến trúc sạch, DI, quản lý trạng thái BLoC, giao diện người dùng tùy chỉnh, v.v. khi cùng nhau thực hiện một dự án.
pubspec.yaml
được sử dụng trong dự án
Đó là một thư viện !
Phiên bản có thể khác
Dấu mũ (^) đã bị xóa!
- môi trường:
- sdk: '>=2.17.0 < 3.0.0'
- phụ thuộc:
- Frozen_annotation: 2.2.0
- rung_bloc: 8.1.1
- get_it: 7.2.0
- tổ ong: 2.2.3
- hive_flutter: 1.1.0
- quốc tế: 0.17.0
- dev_dependency:
- build_runner: 2.3.2
- đông lạnh: 2.3.0
- hive_generator: 2.0.0
Hãy học những điều như thế này 📖
Bước 1.
Chuẩn bị dự án
Nó bao gồm ba quá trình chuẩn bị.
- Làm việc với cấu trúc thư mục dự án
- Chuẩn bị lộ trình chuyển đổi màn hình
- Chuẩn bị cho việc tiêm phụ thuộc (DI)
Bước 2.
Các thao tác giao diện người dùng cơ bản
Chúng tôi tiến hành công việc giao diện người dùng sẽ được sử dụng trong ứng dụng.
- chủ đề chung
- nút chung
- Thanh điều hướng phía dưới chung
- Hộp thoại chung
- ô thư mục
- Hộp thoại nhập thư mục
- gạch ghi nhớ
Bước 3.
mô hình hóa dữ liệu
Mô hình hóa dữ liệu được thực hiện bằng gói Freezed.
- Thêm gói đông lạnh
- Tạo mô hình thư mục
- Tạo mẫu ghi nhớ
Bước 4.
Hoạt động cơ sở dữ liệu
Công việc DB được thực hiện bằng gói Hive.
- Thêm gói Hive
- Áp dụng Hive cho mô hình thư mục
- Áp dụng mô hình Hive để ghi chú
- HiveDB > Hoạt động CRUD
- Làm việc với các lớp trừu tượng LocalDB
- LocalDB > Đăng ký đơn lẻ
Bước 5.
Thao tác trên màn hình thư mục
Thao tác trên màn hình ghi nhớ
Thao tác trên màn hình Thêm/Chỉnh sửa Ghi chú
Tiến hành công việc trên màn hình.
- Công việc sàng lọc dựa trên giao diện người dùng đã làm việc ở Bước 2
- Công việc kho lưu trữ dựa trên mô hình và DB đã hoạt động ở Bước 3 và Bước 4
- Kho lưu trữ > Đăng ký Singleton
- Hoạt động FlutterBloc (Cubit) để liên kết dữ liệu và màn hình
- LocalDB > Kho lưu trữ > FlutterBloc(Cubit) > Màn hình
Hỏi đáp 💬
Q. Nó có giúp ích gì cho công việc hiện tại của bạn không?
Nếu bạn hiểu và tiếp tục, nó sẽ hữu ích trong lĩnh vực của bạn và có thể áp dụng được ngay.
Q. Tôi có thể phát triển được bao nhiêu?
Vì chỉ có một ví dụ nên tôi nghĩ bạn có thể tiến bộ rất nhiều nếu hiểu rõ từng phần và tiếp tục. Ngoài ra, vì đoạn mã hiển thị trong bài giảng không phải là câu trả lời đúng nên việc viết lại mã do người khác viết theo cách mới cũng rất hữu ích cho sự phát triển.
Q. Bạn không sử dụng gói quản lý nhà nước nào khác phải không?
Tôi đã thử sử dụng Nhà cung cấp, 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.
Q. Tôi có thể đặt câu hỏi ngoài nội dung bài giảng được 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 nghĩ nó chủ yếu liên quan đến nội dung bài giảng. 😊
Q. Tôi cảm thấy phần giải thích của 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 tôi đang phát triển hơn là giải thích nó, vì vậy phần mô tả bài giảng có thể không đầy đủ. Tuy nhiên, tôi nghĩ bạn sẽ đạt được rất nhiều điểm.
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!
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 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기강의 썸네일](https://cdn.inflearn.com/public/courses/332133/cover/e29b61a5-ae2a-42a8-b181-b512aba9f13e/332133-eng.png?f=avif&w=420)
![[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
![[코드팩토리] [입문] Dart 언어 4시간만에 완전정복강의 썸네일](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
