강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

[Làm mới] Tạo ứng dụng bản đồ nhà hàng ngon (React Native & NestJS)

Bạn sẽ học quy trình phát triển và phát hành ứng dụng ghi chép nhà hàng ngon của riêng mình bằng React Native. Chúng tôi đã chuẩn bị toàn bộ quy trình từ thiết kế đến phát triển frontend và backend, cho đến triển khai.

(4.9) 84 đánh giá

1,346 học viên

  • Kyo
실습 중심
클론코딩
프로젝트
React Native
TypeScript
NestJS
react-query
zustand

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

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

  • React Native

  • React Query

  • Zustand

  • TypeScript

  • Nest.js

  • TypeORM

[Trung cấp] Tạo ứng dụng bản đồ nhà hàng ngon with React Native & NestJS

강의 리뉴얼 안내

Khóa học đã hoàn thành việc cập nhật vào ngày 24 tháng 8 năm 2025.

Giới thiệu khóa học

Hãy tạo dịch vụ bản đồ nhà hàng ngon riêng của bạn bằng công nghệ mới[[SPAN_1]]nhất! Dịch vụ bản đồ nhà hàng ngon riêng của bạn được chuẩn bị toàn bộ quy trình từ phát triển frontend và backend, thiết kế đến triển khai. Phát triển ứng dụng dựa trên hệ thống thiết kế được xây dựng bằng Figma[[/SPAN_1]].

Phát triển ứng dụng bằng React Native và ra mắt trên cả App Store/Play Store, tôi sẽ chia sẻ với bạn nhiều kinh nghiệm quý báu. Công nghệ sử dụng là React Native, TypeScript, NestJS, react-query, zustand.

Phát triển cả frontend/backend để hoàn thành một dịch vụ từ đầu đến cuối.
Thời lượng khóa học bao gồm frontend 12 giờ + backend 3 giờ, và cung cấp source code cho tất cả các bài học.

* Khóa học này là khóa học trung cấp sử dụng React Native CLI. Vui lòng lưu ý điều này khi đăng ký khóa học. (Để phát triển sử dụng Expo, hãy tham khảo khóa học tạo ứng dụng cộng đồng Avatar.)

Nội dung đề cập

  • React Navigation


  • TypeScript

  • Tanstack Query (React Query)

  • Zustand

  • Quản lý trạng thái máy chủ & trạng thái toàn cục

  • Xác thực dựa trên JWT

  • Đăng nhập Kakao / Đăng nhập Apple


  • Phát triển component chung

  • Mẫu thiết kế Compound Component

  • Mẫu Custom Hook

  • Suspense, ErrorBoundary

  • Triển khai ứng dụng

  • Tích hợp Google Maps API, Kakao Map API

  • Hiển thị marker và phân cụm

  • Cuộn vô hạn


  • Triển khai lịch


  • Chế độ tối

  • Tải lên hình ảnh

  • Xử lý quyền ứng dụng

  • Xử lý hàm ngày tháng

  • Chỉnh sửa thư viện

  • WebView


  • NestJS & TypeORM

  • PostgreSQL

[[SPAN_1]]📚[[/SPAN_2]][[SPAN_2]]Công nghệ sử dụng trong khóa học[[/SPAN_2]]

Frontend dựa trên React Native(CLI), TypeScript và tích cực sử dụng TanStack Query(React Query), với công cụ quản lý state toàn cục là Zustand. Backend được phát triển bằng stack NestJS, TypeORM, PostgresQL. Ngoài ra, chúng tôi cũng tích hợp và phát triển cùng với các API đa dạng như Google API, Kakao API.

️Các tính năng chính được triển khai

Đăng ký/Đăng nhập/Đăng nhập bằng mạng xã hội

Tích hợp bản đồ/vị trí

Cuộn vô hạn/Yêu thích

Tìm kiếm/Đăng ký địa điểm

Tính năng lịch

Cài đặt và chế độ tối

Vui lòng kiểm tra chương trình học để biết chi tiết về việc triển khai!

💫 Điểm khác biệt của khóa học này

1. Phát triển đồng thời Android, iOS

Phát triển hai nền tảng cùng lúc, tạo ra các component chung có thể tái sử dụng theo nhiều nền tảng/màn hình khác nhau. Cũng sẽ hướng dẫn về sự khác biệt giữa các nền tảng và cách xử lý tương ứng.

2. Thiết kế Component & Custom Hook

Thay vì chỉ triển khai đơn giản hoặc sử dụng thư viện, hãy học cách phát triển có xem xét đến tính tái sử dụng và linh hoạt thông qua các pattern như Compound Component và Custom Hook.

3. Phát triển dựa trên thiết kế Figma

Hệ thống thiết kế được xây dựng bằng Figma và thiết kế cho tất cả các màn hình được cung cấp để bạn có thể dễ dàng xác định component và màn hình nào cần triển khai.

4. Giảm thiểu việc sử dụng thư viện

Giảm thiểu việc sử dụng thư viện và trực tiếp triển khai hầu hết các tính năng để nâng cao khả năng triển khai và giải quyết vấn đề. Trực tiếp triển khai khoảng 20 custom hook và khoảng 40 component, cùng các hàm tiện ích khác nhau.

5. Cung cấp mã nguồn

Chúng tôi cung cấp không chỉ mã nguồn backend đã hoàn thành mà còn tất cả mã nguồn cho các bài học từ đầu đến cuối dự án. Ngoài ra, chúng tôi cũng cung cấp các tài liệu cần thiết để phát triển và hiểu dịch vụ như blog, bài viết và các tài liệu khác.

Kiến thức tiên quyết cần thiết

ReactNative CLI sử dụng khóa học cấp độ trung cấp trở lên (nâng cao chuyên môn). Có thể không phù hợp với người mới bắt đầu/cấp độ cơ bản. Vui lòng lưu ý điều này khi đăng ký khóa học. (Đối với phát triển sử dụng Expo, vui lòng tham khảo khóa học tạo ứng dụng cộng đồng avatar.)

  • Cần có kiến thức JavaScript/CSS. Không giải thích cú pháp ES6 như map, filter.

  • Cần có kiến thức về React. Khóa học không giải thích về state và props, các Hooks cơ bản (useState, useEffect).


[[SPAN_1]]❗[[/SPAN_2]]Lưu ý

  • Khóa học được tiến hành với ReactNative CLI. Không sử dụng Expo.

  • Môi trường phát triển của khóa học là Mac OS. (Người dùng Window chỉ có thể phát triển Android. Để phát triển ứng dụng iOS cần có môi trường Mac.)

  • Khóa học này được sản xuất với độ phân giải 3840 × 2160 (4K) nên bạn có thể học với chất lượng hình ảnh tốt hơn khi chọn độ phân giải cao.


* Đây là khóa học đã hoàn thành việc cập nhật vào ngày 24 tháng 8 năm 2025.

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

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

  • Những người muốn ra mắt ứng dụng của riêng mình

  • Những bạn đã học cơ bản về JavaScript/React

  • Những người muốn có một portfolio đặc biệt đang thực sự hoạt động

  • Những người muốn tạo ra một ứng dụng hoàn chỉnh với chất lượng cao

  • Những người muốn phát triển cả frontend/backend bằng JavaScript

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

  • Tôi cần kiến thức về React.

  • Cần có kiến thức về JavaScript/CSS.

  • Có kinh nghiệm với Node.js, Express thì tốt. (khi phát triển backend)

Xin chào
Đây là

1,888

Học viên

137

Đánh giá

318

Trả lời

4.9

Xếp hạng

3

Các khóa học

커뮤니티 서비스 프론트엔드 개발자로 시작하여 현재는 모빌리티 서비스 풀스택 개발자로 일하고 있습니다.

인프런에서는 완성도 높은 프로덕트를 만들기 위한 강의를 하고 있습니다.

 

  • inkyo.dev@gmail.com

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

Tất cả

202 bài giảng ∙ (29giờ 42phú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ả

84 đánh giá

4.9

84 đánh giá

  • sysryan09027861님의 프로필 이미지
    sysryan09027861

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    82% đã tham gia

    Tôi đã học khoảng ba bài giảng RN từ nhiều giảng viên khác nhau, nhưng tôi cảm thấy bài giảng của giảng viên Kyo là hay nhất. (Tôi là nhà phát triển back-end nên tôi không tham gia khóa học này về phía máy chủ NestJS.) 1. Xây dựng dự án trải nghiệm nhiều yêu cầu khác nhau Bạn có thể theo dõi dự án từ đầu đến cuối và sử dụng nhiều yêu cầu, thành phần và thư viện thực tế khác nhau, vì vậy ngay cả khi chỉ tham gia khóa học này, bạn sẽ có thể có đủ thông tin để tạo ứng dụng mà bạn muốn. Đây là khóa học cho phép bạn phát triển một ứng dụng không giống như một dự án đồ chơi và có các chức năng phức tạp và đa dạng ở mức độ có thể phục vụ được trên thực tế. (Chất lượng bài giảng tổng thể ở mức tương đối và tuyệt đối cao trong số các bài giảng RN tôi đã nghe) 2. Kỹ năng giải thích của người hướng dẫn rất xuất sắc. Tôi nghĩ rằng biết, giỏi một thứ gì đó và có thể dạy nó cho ai đó là hai khả năng riêng biệt. Điều tôi cảm nhận được khi tham gia khóa học là người hướng dẫn Kyo không chỉ có trình độ cao về RN mà còn có khả năng giải thích cho người khác một cách dễ hiểu. Nhờ đó tôi đã có thể hoàn thành bài giảng một cách dễ dàng. 3. Môi trường lớp học dễ chịu (4K) Thông thường, các bài giảng khác được tải lên ở định dạng 1K, nhưng bài giảng này được quay ở định dạng 4K, vì vậy tôi có thể tham gia bài giảng trong khi cảm thấy như mắt mình đang được thanh lọc. Xem xét không chỉ nội dung khóa học mà còn cả môi trường tham gia các khóa học này, tôi nghĩ rằng chất lượng tổng thể của khóa học chắc chắn sẽ tốt. Những điều tôi đặc biệt thích - Chất lượng video bài giảng (4K) - Nội dung bài giảng bổ sung (sửa đổi thư viện trực tiếp, tối ưu hóa hình ảnh, v.v.) - Cấp độ ứng dụng được phát triển cùng nhau trong lớp (các ứng dụng phản ánh các yêu cầu phức tạp và thực tế ở cấp độ sản phẩm) Phải mất một thời gian dài vì tôi đã dành thời gian để nghe nó sau giờ làm việc, nhưng đó thực sự là một bài giảng thú vị và hữu ích. Cảm ơn! Nếu bạn tổ chức một khóa học RN khác với chủ đề khó hơn, tôi chắc chắn sẽ tham gia khóa học đó!

    • koy
      Giảng viên

      Trong bài giảng này, mục tiêu là tạo ra một ứng dụng hoàn chỉnh có thể phục vụ được chứ không phải là một dự án đơn giản như bạn đã nói. Mặc dù thời gian giảng dài hơn nhưng tôi rất vui vì bạn đã thích thú với bài giảng. Cảm ơn bạn đã để lại đánh giá rất chi tiết :)

  • kms920106님의 프로필 이미지
    kms920106

    Đánh giá 24

    Đánh giá trung bình 4.6

    5

    99% đã tham gia

    가장 친한 친구에게 소개팅을 정말 괜찮은 사람으로 소개해준다면 가장 친한 친구에게 RN은 무조건 이 강의를 소개시켜주고싶네요 장점 1) 질문하면 AI보다 더 빠르게 답변해주신다 2) 강의 챕터마다 깃헙에 올라와 있어서 참고하기가 너무 편하다 3) 목소리가 나긋하다....(살짝 성시경이라고 해야되나..ㄷㄷ) 4) 리팩토링 과정도 포함되어 있다

    • koy
      Giảng viên

      Bạn đã đăng nhiều câu hỏi/chia sẻ trong cộng đồng và cảm ơn bạn đã viết đánh giá về khóa học 🙂 Thật vui khi bạn muốn giới thiệu bài giảng này👍👍 Nếu bạn có bất kỳ vấn đề nào trong tương lai, vui lòng cho tôi biết bất cứ lúc nào!!

  • dlwhdans987791님의 프로필 이미지
    dlwhdans987791

    Đánh giá 1

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    100% đã tham gia

    Thật tuyệt khi được xây dựng một ứng dụng bằng React Native từ đầu đến cuối. Tôi đã có kinh nghiệm cả về front-end và back-end, và việc hoàn thành cả quá trình triển khai thực tế đã đủ để tôi rèn luyện kỹ năng thực chiến. Sử dụng các công nghệ mới nhất như React Query, Zustand, NestJS, TypeORM cũng giúp ích cho việc học về bộ kỹ năng công nghệ, và các tính năng thực tế như đăng nhập Kakao/Apple, API bản đồ, cuộn vô hạn cũng được đề cập đầy đủ. Code được tổ chức tốt và giải thích rõ ràng nên rất dễ theo dõi. Việc được tự tay thực hiện toàn bộ quá trình từ phát triển đến xuất bản lên App Store/Play Store khiến tôi nghĩ đây là một khóa học có độ hoàn thiện cao.

    • koy
      Giảng viên

      Bạn đã học hết tất cả các bài rồi! Cảm ơn vì đã nhận xét khóa học có chất lượng tốt.

  • lody님의 프로필 이미지
    lody

    Đánh giá 1

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    12% đã tham gia

    Trước đây tôi chuyên phát triển ứng dụng native, nhưng lần này tôi muốn học chuyên sâu về RN nên đã tham gia khóa học này. Thực ra, lúc đầu tôi cũng lo lắng "Nghe nói bao gồm cả client lẫn server, liệu có tốn thời gian mà không hiệu quả không?". Nhưng không ngờ nội dung được cấu trúc bài bản hơn tôi nghĩ rất nhiều, và tôi học được rất nhiều kiến thức hữu ích trong mỗi buổi học. Điều tôi thích nhất là có thể nắm bắt toàn bộ quy trình dịch vụ một cách tổng quan. Từ việc thiết kế bằng Figma, xây dựng giao diện bằng React Native, đến việc kết nối với backend NestJS đều được trình bày từng bước một, nên tôi luôn nhận ra "À, nó kết nối như thế này đây" trong mọi khoảnh khắc. Tôi cũng thích việc khóa học đề cập đến cả việc triển khai trên AWS. React Native tuy còn xa lạ với tôi, nhưng tôi vẫn hào hứng theo dõi vì khóa học đề cập đến nhiều tính năng thực tế, có thể áp dụng được ngay chứ không chỉ ở mức độ ví dụ. Khóa học cũng chỉ ra chi tiết những điểm đặc biệt mà chỉ gặp phải trong RN, nên tôi, người đã từng phát triển native, cũng có thể dễ dàng vượt qua. Tôi đang rất hài lòng với khóa học này và đã bắt đầu tò mò về các khóa học khác như "Xây dựng ứng dụng cộng đồng Avatar". Tôi thực sự khuyên dùng khóa học này cho những ai muốn tạo ra một ứng dụng di động thực thụ! Tôi đã có thể theo kịp nội dung bài giảng một cách đầy đủ mà không cần đặt câu hỏi nào. Mong rằng trong tương lai sẽ có nhiều khóa học chất lượng như thế này nữa. Cảm ơn!

    • koy
      Giảng viên

      Cảm ơn bạn vì những đánh giá tốt!

  • swi81387993님의 프로필 이미지
    swi81387993

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    24% đã tham gia

    Tôi là một người bình thường chỉ học JAVA, JS, CSS như một sở thích. Từ trước đến nay, tôi đã có ước mơ "muốn tự tay tạo ra một ứng dụng!", nhưng vì không chuyên nên tôi đã không dễ dàng thử sức, mãi đến bây giờ tôi mới có cơ hội. Tôi bắt đầu quan tâm đến React Native, vì nó có thể phát triển ứng dụng đa nền tảng, nên sau khi tự học những kiến thức cơ bản về React, tôi đã tham gia khóa học của Kyo. Kết quả là, tôi nghĩ rằng mình đã thực sự làm rất tốt khi tham gia khóa học này! Lúc đầu, nó không hề dễ dàng vì đây là một khóa học trung cấp, nhưng trong quá trình học, có rất nhiều khoảnh khắc tôi tự hỏi "Ồ, cũng có chức năng này sao?", và tôi đã có thể học cách sử dụng những thứ mà tôi chỉ biết khái niệm một cách thực tế, điều đó thực sự rất hữu ích. Đặc biệt, tôi rất vui vì đã học được cách sử dụng các chức năng mà tôi đã biết một cách hiệu quả hơn, và tôi cảm thấy mình ngày càng quen thuộc hơn khi ôn tập và làm theo. Nhờ đó, tôi đã có thêm tự tin vào React Native, và giờ đây tôi có kỳ vọng lớn rằng mình có thể tự tạo ra ứng dụng của riêng mình! Ngay cả một người không chuyên như tôi cũng đã thử sức sau khi nắm vững những kiến thức cơ bản về React, vì vậy tôi nghĩ rằng những người khác cũng có thể theo kịp. Cảm ơn bạn vì một bài giảng hay! 😊 Cố lên! 🚀

    • koy
      Giảng viên

      Cảm ơn bạn vì những đánh giá tốt về khóa học!

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

1.582.892 ₫

24%

2.090.612 ₫

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

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!