React Native Ultimate - Phát Triển Ứng Dụng Mobile

Xây dựng ứng dụng iOS và Android với Framework Expo (Typescript) Dành Cho Beginners

4.9

(148 đánh giá)

592 học viên

Giảng viên

Hỏi Dân IT @hoidanit

Đánh giá cao

79.000đ 1.199.000đ -93%

✓ Xem giỏ hàng và thanh toán

Mua trực tiếp qua Zalo Học thử bài 1

33.0 giờ video

1 bài viết

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 14/09/2026

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

Học cách sử dụng React để xây dựng ứng dụng mobile cho Android/iOS

Xây dựng ứng dụng mobile mà không cần biết Java/Kotlin/Swift/Objective-C

Xây dựng ứng dụng mobile với ngôn ngữ JavaScript (Typescript)

Nắm vững cách tính năng cốt lõi của React Native

Xây dựng ứng dụng React Native với Framework Expo

Luyện Tập Kỹ Năng Search Google, Debug và Tự Đọc Tài Liệu

Yêu cầu

Có kiến thức Về Reactjs làm website là lợi thế

Có kiến thức về Typescript là lợi thế

Có đam mê về lập trình mobile

Đối tượng phù hợp

Tìm kiếm khóa học mobile, code ứng dụng hybrid-app (cross-platform)

Nội dung khóa học

19 phần • 193 bài giảng

1 Demo kết quả đạt được

2 Tổng quan về kiến thức sẽ học

3 Hướng Dẫn Sử Dụng Tính Năng Role Play (Nhập Vai)

4 Hướng Dẫn Sử Dụng Udemy Dành Cho Người Mới Bắt Đầu

5 Cách Hỗ Trợ/Support Trong Quá Trình Học (Bắt Buộc Xem)

1 #0.1 AI Đã Thay Đổi Cách Học Code Như Thế Nào ?

2 #0.2 Vibe Coding Là Gì? Fundamental-driven Approach

3 #0.3 Workflow: Prompt → Generate → Understand → Verify

4 #0.4 Khi Nào Không Nên Dùng AI

5 #0.5 Kinh Nghiệm Sử Dụng Trợ Lý AI

6 #0.6 Prompting Fundamentals Cho Developers

1 Tổng quan về chapter

2 Lịch sử version của JavaScript

3 Sử dụng Var/Let/Const

4 JavaScript DataType

5 Arrow Function

6 Template literals (Template strings) | Backtick

7 Destructuring Assignment

8 Toán tử ?. và ??

9 ES Module và Common Module

10 Async Await Promise

11 Sử dụng với TypeScript

1 #1. Hướng Dẫn Sử Dụng Khóa Học Hiệu Quả

2 #2. Tài liệu khóa học

3 #3. Yêu cầu để học được khóa học này

4 #4. Về quyền tác giả

5 #5 + #6. Về Tác giả

1 #7. Chuyện Cài Đặt Công Cụ (Bắt Buộc Xem)

2 #8. Cài đặt Node.js

3 #9. Cài đặt Visual Studio Code

4 #10. Cấu hình Visual Studio Code

5 #11. Tại sao mình dùng VScode ?

6 #12. Cài đặt và sử dụng Git

7 #13. Cài đặt Google Chrome

8 #14. Cách Test Ứng Dụng React Native

9 #15. Cài Đặt Android Studio

10 #16. Cài Đặt Máy Ảo (Simulator)

11 #16.1 Sử dụng máy ảo Android & trường hợp bị giật/lag/đơ máy ảo ?

12 #16.2 Cấu hình Java và Android Path

1 #17. React Native là gì ?

2 #18. Base dự án với React Native

3 #19. Các Thuật Ngữ Hay Gặp

4 #20. Tại sao Công Ty Dùng React Native

5 #21. Đặt tên file JS/JSX/TS/TSX cho React (Extra)

6 #22. Cài đặt dự án thực hành

7 #23. Cách mình setup dự án (Extra)

8 #24. Hello World với React Native

9 #25. Cấu trúc Dự Án Thực Hành

1 #26. Tổng quan về chapter

2 #27. Phân biệt Core Component và Native Component

3 #28. View, Text & Styles

4 #29. Sử dụng State và Data Type

5 #30. TextInput

6 #31. Button & Array

7 #32. ScrollView

8 #33. FlatList

9 #34. Todo App (Part 1)

10 #35. Todo App (Part 2)

11 #36. Todo App (Part 3)

12 #37. Todo App (Part 4)

13 #38. Custom Component (Button)

14 #39. Sử dụng Flexbox (Part 1)

15 #40. Sử dụng Flexbox (Part 2)

16 #41. Sử dụng Keyboard đa ngôn ngữ (Extra)

1 #42. Tổng quan về chapter

2 #43. Navigation (Routing) là gì ?

3 #44. Setup React Navigation

4 #45. Sử Dụng Stack Navigation

5 #46. Moving Between Screens

6 #47. Passing parameters to routes

7 #48. Customize Header (Extra)

8 #49. Sử Dụng Drawer Navigation

9 #50. Sử Dụng Bottom Tab Navigation

10 #51. Nesting Navigators

1 #52. Tổng quan về chapter

2 #53. Hello World với Expo Router

3 #54. Cách Mình Setup Project (Extra)

4 #55. Setup Expo Router

5 #56. Create Pages

6 #57. Navigate between pages

7 #58. Stack Navigation

8 #59. Bottom Tab Navigation

9 #60. Tổng kết về Expo Router

1 #61. Tổng quan về chapter

2 #62. Phân Tích Dự Án Thực Hành

3 #63. Cài đặt MongoDB Compass

4 #64. Tạo Tài Khoản MongoDB Atlas

5 #65. Tạo Database cho dự án

6 #66. Kiểm Tra Kết Nối Database

7 #67+68. Setup Dự Án Backend

8 #69. Setup Postman && Google App Password

9 #70. Setup Admin Web

1 #71. Tổng quan về chapter

2 #72. Design Welcome Screen

3 #73. Reuse Component Button (Part 1)

4 #74. Reuse Component Button (Part 2)

5 #75. Sử dụng Image/ImageBackground

6 #76. Design Sign Up Screen

7 #77. Reuse Input Group

8 #78. Hide/Show Password

9 #79. Gọi API với React Native

10 #80. API Sign Up

11 #81. Cách Debug với React Native (Extra)

12 #82. Cấu hình Axios Instance

13 #83. Cấu hình Axios Interceptor

14 #84. Hiển Thị Thông Báo Lỗi

15 #85. Design Verify Code Screen

16 #86. API Verify Account (Part 1)

17 #87. API Verify Account (Part 2)

18 #88. API Resend Code

19 #89. Tổng kết về chapter

1 #90. Tổng quan về chapter

2 #91. Bài Tập Login Screen

3 #92. Chữa Bài Tập Login Screen

4 #93. Bài Tập API Login

5 #94. Chữa Bài Tập API Login

6 #95. Hiển Thị Loading (Extra)

7 #96. Giới thiệu về Formik

8 #97. Sử dụng Formik với React Native

9 #98. Login với Formik

10 #99. Bài Tập Signup với Formik

11 #100. Tổng kết về chapter

1 #101. Tổng quan về chapter

2 #102. Hướng Dẫn Cài App Trên Máy Ảo (Extra)

3 #103. Phân Tích Layout ứng dụng

4 #104. Tạo Base Layout Home Screen

5 #105. Sử dụng Carousel

6 #106. Bài Tập Hoàn Thiện Banner

7 #107. Bài Tập Hoàn Thiện List Category

8 #108. Bài Tập Hoàn Thiện Header

9 #109. Tạo Base Category Nổi Bật

10 #110. Bài Tập Design Bottom Tabs

11 #111. Tổng Kết về chapter

1 #112. Tổng quan về chapter

2 #113. Sử dụng React Context

3 #114. Hiển thị thông tin user login

4 #115. Access Token & Async Storage

5 #116. API Get Account

6 #117. Sử Dụng Splash Screen

7 #118. Custom Splash Screen & App Icon

8 #119. Design Collections

9 #120. API Hiển Thị Collections

10 #121. Giao Diện Xem Chi Tiết Restaurant

11 #122. Section List (Part 1)

12 #123. Section List (Part 2)

13 #124. Section List (Part 3)

14 #125. API Xem Chi Tiết Restaurant (Part 1)

15 #126. API Xem Chi Tiết Restaurant (Part 2)

16 #127. Sử Dụng Skeleton (Extra)

17 #128. Tổng kết về chapter

1 #129. Tổng quan về chapter

2 #130. Error Boundary (Extra)

3 #131. Phân tích tính năng mua hàng

4 #132. Bài Tập Design Giỏ Hàng/Tăng Giảm Số Lượng

5 #133. Data Giỏ Hàng (Part 1)

6 #134. Data Giỏ Hàng (Part 2)

7 #135. Sử Dụng Modal

8 #136. Phân Tích Modal Options

9 #137. Design Modal Options Create

10 #138. Hoàn Thiện Modal Options Create

11 #139. Modal Options Update

12 #140. Bài Tập Order Screen

13 #141. Place Orders API

14 #142. Bài Tập Hiển Thị Đơn Hàng đã đặt

15 #143. Tổng kết về chapter

1 #144. Tổng quan về chapter

2 #145. Bài Tập Design Account Screen

3 #146. Code Refactoring

4 #147. Chức Năng LogOut

5 #148. Keyboard Avoiding View (Extra)

6 #149. Bài Tập Cập Nhật Thông Tin User

7 #150. Bài Tập Change Password

8 #151. Bài Tập Forgot Password

9 #152. Bài Tập Like/Dislike a Restaurant

10 #153. Bài Tập Pull to Refresh

11 #154. Sử Dụng Custom Font (Extra)

12 #155. Bài Tập Thanh Search Header

13 #156. Bài Tập Hiển Thị Tất Cả Restaurants

14 #157. Bài Tập Hiển Thị Popup Sale

15 #158. Tổng kết về chapter

1 #159. Nhận Xét Về Dự Án Thực Hành

2 #160. Cách Upgrade ứng dụng Expo (SDK 51)

3 #161. Cách Tự Code Project React Native của bạn

4 #162. Prebuild Dự Án Expo (Part 1)

5 #163. Prebuild Dự Án Expo (Part 2)

6 #164. Build File APK cho ứng dụng

7 #165. What’s next ?

8 #165.1 Fix Bug Giao Diện Dành Cho IOS ?

9 #165.2 Cách Upgrade ứng dụng Expo (SDK 52 & SDK 53)

1 #166. Tại sao chapter này ra đời ?

2 #167. Cài đặt Expo Go Chỉ Hỗ Trợ SDK version mới nhất

3 #168. Expo Go trên điện thoại cá nhân kết nối tới backend localhost ?

1 Lời Cảm Ơn & Đánh Giá Khóa Học

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

React Native là một framework được phát triển với công nghệ React, viết bằng JavaScript, giúp bạn có thể phát triển ứng dụng hybrid app (cross-platform app) mà chỉ cần một source code base.

Điều này có nghĩa là, bạn học React Native, bạn có thể viết ra ứng dụng mobile chạy trên nền tảng web, chạy điện thoại Android và điện thoại iphone (iOS).

Bạn không cần biết Kotlin/Java để viết app Android, Swift (objective-C) để viết app iOS, chỉ cần Javascript và React là đủ.

1. Các kiến thức trọng tâm trong khóa học

- Học React Native từ đầu (sử dụng Typescript) : nắm vững các core Component như View, Text, Pressable...

- Sử dụng framework Expo để phát triển ứng dụng React Native

- Sử dụng Navigation với Expo Router

- Thực hành ứng dụng React Native bằng cách xây dựng ứng dụng Food Delivery (đặt đồ ăn)

2. Công cụ sử dụng trong khóa học

- Framework Expo

- Frontend web Next.js, backend Nest.js (cả 2 công cụ này được cung cấp sẵn, không học code website trong khóa học này) : sử dụng với mục đích có APIs backend và có data cho ứng dụng

- Database MongoDB, sử dụng online & miễn phí với Mongodb Atlas

3. Yêu cầu của khóa học

- Bạn cần biết React.JS làm website trước khi theo học khóa học này.

- Cần có kiến thức về cú pháp của Typescript. Việc dùng typescript với React/React Native như thế nào, sẽ được hướng dẫn trong khóa học