Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Mobile Application Development

[Ứng dụng Block] Tạo ứng dụng thực tế (app review sách): đăng nhập SNS, ứng dụng Firebase, quản lý trạng thái Bloc, GoRouter

Mục đích của khóa học này là đào tạo Khối quản lý trạng thái Flutter bằng cách tạo một ứng dụng thực tế, thay vì mã hóa bản sao đơn giản.

(4.7) 14 đánh giá

218 học viên

  • devman
실습 중심
클론코딩
모바일앱
flutter
Flutter
bloc
Firebase

Đánh giá từ những học viên đầu tiên

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

  • rung chuyển

  • Quản lý trạng thái khối

  • Xử lý định tuyến bằng GoRouter

  • Sử dụng API mở Naver bằng Dio

  • Cơ sở dữ liệu Firebase

  • Đăng nhập SNS Firebase (Google, Apple)

Flutter Bloc được sử dụng như thế nào trong thực tế?
Hãy xem trong bài giảng này nhé! 🤗

Tôi có thể tạo một ứng dụng tiện ích đơn giản...
Bạn có đang thắc mắc làm thế nào để xây dựng một ứng dụng dịch vụ có khả năng mở rộng với nhiều tính năng khác nhau không?

Không cần sao chép-dán nữa! Quản lý trạng thái với Flutter Bloc.
Tạo ứng dụng đánh giá sách bằng Naver Book API!

Bài giảng này thế nào?

  • Chúng tôi đã tạo ra một chương trình cho phép bạn cùng nhau học tập và phát triển bằng cách đưa vào nhiều chức năng khác nhau có thể sử dụng trong thực tế .
  • Thay vì chỉ nhập mã và làm theo , chúng tôi đã giải đáp những câu hỏi có thể phát sinh trong khi tạo ứng dụng bằng cách giải thích cấu trúc và quy trình.
  • Khóa học này được tổ chức để bạn có thể tìm hiểu cách đăng ký và sử dụng Naver Open API cũng như các chức năng thực tế như hệ thống xác thực cơ sở dữ liệu và tải tệp lên bằng Firebase .

Bạn sẽ học được gì 📚

1. Cài đặt dự án

  • Tạo một dự án và liên kết nó với Github
  • Các phụ thuộc ban đầu của dự án Flutter
  • Cài đặt khung dự án cơ bản
    • Mô tả cấu trúc thư mục
    • Mô tả luồng thực thi ứng dụng
    • Đặt tuyến đường mặc định

2. Liên kết bên ngoài

  • Đăng ký sách API Naver Open API và sử dụng API bằng Post Man
  • Tích hợp và cấu hình dự án Firebase
  • Mô tả luồng dữ liệu Firebase và API mở Naver
  • Thiết lập Naver Open API thông qua Dio

3. Trang chào mừng / Trang giới thiệu ứng dụng

  • Hãy tạo một trang đơn giản luôn xuất hiện khi ứng dụng được khởi chạy và một trang giới thiệu ứng dụng khi lần đầu tiên khởi chạy.

4. Đăng nhập SNS và đăng ký thành viên

  • Hãy thiết lập đăng nhập Firebase SNS cho Google và Apple.
  • Tìm hiểu cách tự động định tuyến dựa trên trạng thái đăng nhập và đăng ký bằng GoRouter.
  • Bạn có thể đăng ký bằng thông tin đơn giản, nhưng bạn cũng sẽ học cách nhập ảnh đại diện và tải tệp lên.

5. Tìm kiếm

  • Nó nhận dữ liệu thông qua Naver Book API và tạo ra một màn hình.
  • Hãy cùng xem xét Phân trang của Naver Open API và tìm hiểu cách xử lý phân trang.

6. Trang chi tiết sách và trang viết đánh giá

  • Hãy tạo một trang chi tiết dựa trên Naver Book API.
  • Hãy cấu hình màn hình khi có thông tin đánh giá và khi không có, sau đó áp dụng chức năng viết đánh giá.

7. Xem lại trang chi tiết

  • Hãy tạo một trang nơi bạn có thể kiểm tra đánh giá của thành viên.
  • Hãy áp dụng chức năng thích để nhận được sự đồng cảm của người khác.

8. Trang thành viên

  • Hãy làm sao để bạn có thể xem những tác phẩm nào đã được đánh giá trên trang thành viên.
  • Chúng tôi đang triển khai chức năng theo dõi/đang theo dõi thông qua chức năng yêu thích để bạn có thể tiếp tục kiểm tra thông tin của các thành viên có thông tin đánh giá mà bạn thích.

9. Màn hình chính

  • Sắp xếp và tạo màn hình chính của bạn với thông tin người đánh giá mới nhất / 10 người đánh giá phổ biến nhất.
  • Hãy tạo một tiện ích liệt kê theo chiều ngang bằng cách sử dụng PageView.

Tập thưởng - Phần 1

  • Ngoài ra, chúng tôi sẽ tạo một trang nơi bạn có thể xem tin tức từ những người đánh giá mà bạn yêu thích.
  • Màn hình chính chỉ cho phép bạn xem 10 bài đánh giá gần đây nhất, nhưng giờ đây bạn có thể xem thêm các bài đánh giá theo thứ tự mới nhất thông qua menu Thêm.

Tập thưởng - Phần 2

  • Khi truy cập Trang của tôi từ Trang người đánh giá, giờ đây bạn có thể thay đổi biệt danh, phần giới thiệu một dòng và ảnh đại diện thông qua menu Cài đặt thay vì menu Yêu thích.
  • Cải thiện khả năng truy cập vào các tài khoản khác thông qua nút đăng xuất.

Câu hỏi dự kiến Hỏi & Đáp 💬

H. Phiên bản Flutter mới nhất có tương thích không?

Vào thời điểm chuẩn bị, khóa học đang được phát triển bằng phiên bản Flutter mới nhất, 3.10.0. Miễn là không có thay đổi lớn nào về phiên bản, các vấn đề về khả năng tương thích sẽ ở mức tối thiểu.

H. Ngay cả người mới bắt đầu sử dụng Flutter cũng có thể hiểu được không?

Mặc dù bao gồm những kiến thức cơ bản về tạo dự án, tổ chức thư mục và bố cục màn hình, khóa học cũng đi sâu vào quản lý trạng thái và sử dụng API, vốn là những yếu tố cốt lõi của phát triển ứng dụng, nên có thể bạn sẽ cảm thấy hơi khó khăn. Tuy nhiên, ngay cả những người mới bắt đầu đã hoàn thành các video trong [Khóa học Bloc Master: Từ Cơ bản đến Ứng dụng] cũng có thể cải thiện kỹ năng của mình thông qua khóa học này. Tuy nhiên, người mới bắt đầu có thể sẽ không nắm vững nội dung chỉ bằng cách xem video, vì vậy chúng tôi khuyên bạn nên học lại các bài học.

H. Có lý do gì khiến bạn chọn Bloc để quản lý nhà nước không?

Quản lý trạng thái là điều thiết yếu trong phát triển ứng dụng. Có rất nhiều thư viện hỗ trợ quản lý trạng thái, và bạn có thể phát triển ứng dụng bằng bất kỳ thư viện nào trong số đó. Tuy nhiên, lý do tôi tạo khóa học này bằng Bloc là vì cộng đồng trong nước và quốc tế đều lựa chọn Bloc là công cụ quản lý trạng thái phù hợp nhất cho các dự án quy mô lớn. Tôi đã làm việc với cả Bloc và Getx trong các dự án, và tôi thấy Bloc có nhiều ưu điểm về mặt bảo trì. Vì vậy, tôi đã chọn Bloc cho khóa học này, và khóa học miễn phí [Khóa học Bloc Master: Từ Cơ bản đến Ứng dụng] cũng dựa trên Bloc. Tôi cũng chọn Bloc để giúp học viên học tập bằng cách cho phép họ áp dụng Bloc vào các tình huống thực tế.

H. Tôi có thể học khóa học này ngay cả khi tôi không biết nhiều về Bloc không?

Khóa học này là một dự án nhằm mục đích giúp bạn làm quen với Bloc. Do đó, tôi sẽ không giải thích thêm về Bloc. Tôi thực sự khuyên bạn nên tìm hiểu Bloc và xem khóa học, và tôi cũng khuyên bạn nên học từ khóa học miễn phí của tôi, [Khóa học Bloc Master: Từ Cơ bản đến Ứng dụng].

H. Câu chuyện bên lề là gì?

Mặc dù ban đầu tính năng "Phần thưởng" không được lên kế hoạch, chúng tôi đã quyết định thêm tính năng này vì chúng tôi tin rằng nó sẽ hữu ích cho học viên trong việc tìm hiểu các tính năng có trong phần "Phần thưởng" trong quá trình chuẩn bị khóa học. Nói cách khác, phần "Phần thưởng" sẽ là video của lớp học và sẽ được cập nhật trong tương lai. Khi tham gia khóa học này, bạn cũng sẽ được truy cập phiên bản cập nhật của khóa học mà không mất thêm chi phí.

H. Các nguồn được sử dụng có được cung cấp không?

Tài nguyên thiết kế và mã nguồn đầy đủ cũng được cung cấp để giúp bạn xây dựng ứng dụng. Mặc dù việc phân tích toàn bộ mã nguồn có thể hữu ích, nhưng việc xây dựng nó từ đầu có thể sẽ mang lại hiểu biết toàn diện hơn.

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

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

  • Những người đã tạo một ứng dụng đơn giản nhưng cần trợ giúp để tạo một ứng dụng thiết thực

  • Những người muốn tìm hiểu cách sử dụng quản lý trạng thái Khối trong các ứng dụng thực tế

  • Những người muốn phục vụ ứng dụng với tư cách là nhà phát triển solo

  • [Flutter State Management] Khóa học tổng thể về khối từ cơ bản đến ứng dụng! Những người đã nghiên cứu bài giảng

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

  • [Flutter State Management] Khóa học tổng thể về khối từ cơ bản đến ứng dụng! Hãy tham gia khóa học miễn phí sau khi học. (Nó không bao gồm việc sử dụng Khối cơ bản.)

Xin chào
Đây là

1,575

Học viên

38

Đánh giá

62

Trả lời

4.8

Xếp hạng

2

Các khóa học

프로필

블로그 : 개발하는남자 블로그

유튜브 : 개발하는남자 유튜브

깃허브 : 개발하는남자 깃허브

소개

개발을 즐기는 사람이 되고 싶은 개발자.

안녕하세요 개발하는남자 개남입니다. 

이력

2024.07 📚 개발하는남자의 핸즈온 플러터 책 출간

2023.07 💻 인프런 플러터 Bloc 응용 강의

2023.03 💻 인프런 플러터 Bloc 기초 강의 

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

Tất cả

57 bài giảng ∙ (13giờ 56phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

14 đánh giá

4.7

14 đánh giá

  • 011414님의 프로필 이미지
    011414

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    이제야 한바퀴 돌아서 수강평을 남깁니다. 시중에 별로인 강의도 많고, 괜찮은 강의도 많고 수많은 서적과 사이트, 강의를 봤는데요. Bloc 패턴인 Cubit 기반으로 한 이 강의는 정말 추천 드립니다. 강의를 다 듣고 실습을 마친 상황에서 느낀 점 몇자 적어 봅니다. <장점> 1> Flutter 에서 알아야 될 핵심 지식을 거의 대부분 다룸 ~ Firebase Authentication, Cloud Firebastore, Firebase Storage ~ 상태관리 : Cubit ~ 중요 컨트롤 : PageView, SliderBar ~ 모델링 : JsonSerializable, Equatable 2> 강사님의 열정 굿! ~ Flutter 초보자들에게 가급적 자세히 설명해 주려고 하는 의지. ~ 오류가 거의 없는 샘플 <아쉬운 부분> ~ 어느 정도 플러터를 접한 사람에게는 정리가 좀 안되어 있다는 느낌 예) 한가지 소스를 한번에 끝내지 않고, 기능 추가에 따른 수정과 개선이 잦음 물론 단점이 어떤 사람이 보기에는 장점이 될 수도 있습니다만, 전체적인 총평은 정말 훌륭한 강의라고 생각되고 강사님의 노력과 전달하려고 하는 의지를 많이 느낄 수 있었습니다. 추가로 강의가 계획되어 있다면 아래 부분을 다뤘줬으면 좋겠습니다. ~ Google, Apple 이외의 Social 인증 (email/password, 카카오, 유투브, ..) ~ Cubit 대신 Bloc 으로 처리 ~ 각종 쓸만한 패키지, 컴포넌트 소개 ~ 인증 프로세스의 다른 예 ~ 페이징 처리의 다른 사용 예 끝으로, 좋은 강의를 제공해 주셔서 감사드립니다. 덕분에 그동안 궁금했던 부분이 많이 해소가 되었습니다.

    • 개발하는남자
      Giảng viên

      011414님 진심이 담긴 수강평 감사합니다. 또한 장점과 아쉬운 부분까지 말씀해 주시니 부족한 점이 어떤 것인지 알 수 있었습니다. 강의를 준비하면서 최대한 쉽고 이해를 주기 위해서 노력하면서 만들었는데 그 부분을 느끼셨다니 이보다 좋은 수강평은 없는 것 같습니다. 최근 ^^:; 개인적인 문제로 유튜브나 인프런 강의등을 작업하지 못하고 있는 실정입니다만 이렇게 좋은 평을 읽고 나니 힘이 나네요 ~! 개인적인 문제는 앞으로 3개월 내에 해결될 예정이라 그 이후에 추가로 요청 주신 내용을 인프런이나 유튜브에 공유 하도록 노력하겠습니다. 다시한번 감사합니다 ^^

  • winuss님의 프로필 이미지
    winuss

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    96% đã tham gia

    강의 내용부터가 새롭습니다. 클론강의나 쇼핑몰같은 기존에 이미 있는 서비스를 바탕으로 한 강의가 대부분인것 같은데, 이 책리뷰는 서비스화 해보고 싶을만큼 매력적인 주제이고 그 안에서 배울게 많네요. 좋았던 점 몇가지 적습니다. 1. 화려하진 않지만 깔끔한 UI (학습을 위한 강의 이기에 ui에 집중하지 않았지만 완성도 있는 심플함...) 2. 디렉토리 구조 설계 및 각 장단점 (매우 공감) 3. 중간중간 문제가 발생했을때 처리해 나아가는 과정까지 그대로 제공 4. 개발을 하면서 리팩토링까지 (이미 리팩토링 한 코드를 입력한게 아니라 의식의 흐름대로 개발하고 리팩토링해 나가는 형식이 좋았음) 5. Cubit을 이용한 BLOC패턴 반복 사용으로 자연스럽게 학습됨 강의 너무 잘 들었습니다. 시간 내서 한번 더 학습 할 계획입니다. 앞으로도 좋은 강의 부탁드리겠습니다! ps, 최근 출간하신 '개발하는남자의 핸즈온플러터' 신경 많으쓰셨더라고요. 플러터 학습을 위해 함께 보면 좋을 것 같습니다. 감사합니다!

    • 개발하는남자
      Giảng viên

      너무 좋은 수강평 남겨주셔서 감사합니다. 그리고 좋으셨던 부분을 읽어보니 얼마나 강의에 집중하셨고 공부하셨는지를 느낄 수 있어서 더욱 힘이 나는 수강평입니다. 앞으로 더욱 도움이되는 영상강의 공유 하도록 노력하겠습니다 ps 책까지 구매해주셔서 너무 감사합니다~!

  • bht9011님의 프로필 이미지
    bht9011

    Đánh giá 48

    Đánh giá trung bình 5.0

    5

    23% đã tham gia

    다 보지는 못했지만 정말 좋은 강의입니다.

    • 개발하는남자
      Giảng viên

      끝까지 완주 하시길 응원합니다. ^^ 긍정적인 리뷰 감사합니다.

  • 열심히님의 프로필 이미지
    열심히

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    93% đã tham gia

    우선.... 너무 감사드린다고 말씀드리고싶습니다.. 1. 현재 회사에서 앱개발자 없이 상태관리를 setStatus 로만 상태관리를 진행되어있어서 매일 오류에 직면하고 있는 와중에 상태관리를 개발하는남자님의 무료강의를 들으면서 모든 setStatus 를 bloc 으로 현재 리팩토링겸 진행중이고 많은 도움이 되었습니다 ㅠㅠ. 2. 강의에서 goRouter 를 사용해보고 나서 goRoter 의 핵심을 족집게 강의로 알려주십니다! ( 회사에선 AutoRouter 를 사용하고있는데 goRouter 가훨씬..좋은것 같습니다 ㅠㅠ ) 3. 그리고 모델생성할때 frezzed 대신 JsonSearlizable 사용하는게 코드 유연성도 좋고 정말 좋은것 같습니다!! *** 결론 : 이 강의 하나면 정말 실무에서도 큰 문제없이 해결할수 있습니다..!!! 그리구 질문&답변이 엄청 빠르게 해주셔서 금방금방해결되어서 좋았습니다~

    • 개발하는남자
      Giảng viên

      닉네임처럼 열심히해주셔서 감사합니다~! 실무 프로젝트에서 진행중에 계시는 군요 ^^ 도움이 되셨다니 다행입니다. 앞으로도 궁금하신 사항이 있으면 메일 보내주시면 도움 드릴 수 있도록 하겠습니다 . 감사합니다 ~!

  • pc.doomco님의 프로필 이미지
    pc.doomco

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    플러터에 관심이많은 학생입니다 잘보고 수강평 잘남길게요~

    • 개발하는남자
      Giảng viên

      감사합니다 ~! 이 강의가 pc.doomco님께 도움이 되었으면 좋겠습니다 ^^ 평 남겨주셔서 감사합니다 ~!

1.402.898 ₫

Khóa học khác của devman

Hãy khám phá các khóa học khác của giảng viên!

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!