Mô tả

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

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

Nội dung khoá học

16 sections

Chapter 1: Bắt buộc xem

8 lectures
#1. Hướng dẫn sử dụng khóa học này hiệu quả
08:56
#2. Tài liệu của khóa học
01:31
#3. Demo kết quả đạt được
15:02
#4. Yêu cầu để học được khóa học này
02:59
#5.1 Sử Dụng Source Code của Khóa học
05:48
#5.2 Cách Dùng Udemy - Hỗ Trợ Hỏi Đáp Q&A
16:20
#6. Về Tác giả
03:08
Tổng kết
00:13

Chapter 2: Setup Environment

12 lectures
#7. Chuyện Cài Đặt Công Cụ (Bắt Buộc Xem)
04:30
#8. Cài đặt Node.js
04:39
#9. Cài đặt Visual Studio Code
01:26
#10. Cấu hình Visual Studio Code
08:59
#11. Tại sao mình dùng VScode ?
02:59
#12. Cài đặt và sử dụng Git
01:56
#13. Cài đặt Google Chrome
04:45
#14. Cách Test Ứng Dụng React Native
06:49
#15. Cài Đặt Android Studio
04:01
#16. Cài Đặt Máy Ảo (Simulator)
07:07
#16.1 Sử dụng máy ảo Android & trường hợp bị giật/lag/đơ máy ảo ?
08:10
#16.2 Cấu hình Java và Android Path
16:16

Chapter 3: Tổng Quan về React Native

9 lectures
#17. React Native là gì ?
06:48
#18. Base dự án với React Native
05:36
#19. Các Thuật Ngữ Hay Gặp
06:54
#20. Tại sao Công Ty Dùng React Native
07:34
#21. Đặt tên file JS/JSX/TS/TSX cho React (Extra)
02:21
#22. Cài đặt dự án thực hành
12:59
#23. Cách mình setup dự án (Extra)
06:30
#24. Hello World với React Native
10:14
#25. Cấu trúc Dự Án Thực Hành
05:51

Chapter 4: Sử Dụng UI - User Interface

16 lectures
#26. Tổng quan về chapter
01:22
#27. Phân biệt Core Component và Native Component
04:57
#28. View, Text & Styles
18:33
#29. Sử dụng State và Data Type
16:08
#30. TextInput
17:46
#31. Button & Array
14:43
#32. ScrollView
08:43
#33. FlatList
14:23
#34. Todo App (Part 1)
20:53
#35. Todo App (Part 2)
16:42
#36. Todo App (Part 3)
05:26
#37. Todo App (Part 4)
10:03
#38. Custom Component (Button)
20:40
#39. Sử dụng Flexbox (Part 1)
20:56
#40. Sử dụng Flexbox (Part 2)
22:46
#41. Sử dụng Keyboard đa ngôn ngữ (Extra)
04:29

Chapter 5: Navigation với React Native

10 lectures
#42. Tổng quan về chapter
02:24
#43. Navigation (Routing) là gì ?
05:09
#44. Setup React Navigation
10:47
#45. Sử Dụng Stack Navigation
17:52
#46. Moving Between Screens
17:07
#47. Passing parameters to routes
11:37
#48. Customize Header (Extra)
15:01
#49. Sử Dụng Drawer Navigation
12:32
#50. Sử Dụng Bottom Tab Navigation
12:19
#51. Nesting Navigators
23:07

Chapter 6: Expo Router

9 lectures
#52. Tổng quan về chapter
01:57
#53. Hello World với Expo Router
15:41
#54. Cách Mình Setup Project (Extra)
07:19
#55. Setup Expo Router
20:19
#56. Create Pages
13:26
#57. Navigate between pages
24:33
#58. Stack Navigation
16:56
#59. Bottom Tab Navigation
11:49
#60. Tổng kết về Expo Router
04:46

Chapter 7: Setup Dự Án Thực Hành

10 lectures
#61. Tổng quan về chapter
01:31
#62. Phân Tích Dự Án Thực Hành
04:56
#63. Cài đặt MongoDB Compass
01:46
#64. Tạo Tài Khoản MongoDB Atlas
04:05
#65. Tạo Database cho dự án
05:27
#66. Kiểm Tra Kết Nối Database
06:17
#67. Kích hoạt dự án Backend
07:33
#68. Setup Dự Án Backend
06:47
#69. Setup Postman && Google App Password
13:29
#70. Setup Admin Web
03:36

Chapter 8: Module Signup

19 lectures
#71. Tổng quan về chapter
02:52
#72. Design Welcome Screen
16:02
#73. Reuse Component Button (Part 1)
18:43
#74. Reuse Component Button (Part 2)
17:56
#75. Sử dụng Image/ImageBackground
25:25
#76. Design Sign Up Screen
17:03
#77. Reuse Input Group
25:07
#78. Hide/Show Password
16:56
#79. Gọi API với React Native
21:00
#80. API Sign Up
15:30
#81. Cách Debug với React Native (Extra)
18:10
#82. Cấu hình Axios Instance
12:31
#83. Cấu hình Axios Interceptor
25:08
#84. Hiển Thị Thông Báo Lỗi
12:02
#85. Design Verify Code Screen
15:51
#86. API Verify Account (Part 1)
20:44
#87. API Verify Account (Part 2)
19:47
#88. API Resend Code
13:14
#89. Tổng kết về chapter
04:05

Chapter 9: Module Login

11 lectures
#90. Tổng quan về chapter
00:38
#91. Bài Tập Login Screen
04:24
#92. Chữa Bài Tập Login Screen
05:01
#93. Bài Tập API Login
10:59
#94. Chữa Bài Tập API Login
06:30
#95. Hiển Thị Loading (Extra)
22:26
#96. Giới thiệu về Formik
06:05
#97. Sử dụng Formik với React Native
20:29
#98. Login với Formik
16:59
#99. Bài Tập Signup với Formik
03:05
#100. Tổng kết về chapter
00:50

Chapter 10: Module Homepage

11 lectures
#101. Tổng quan về chapter
01:07
#102. Hướng Dẫn Cài App Trên Máy Ảo (Extra)
03:27
#103. Phân Tích Layout ứng dụng
10:48
#104. Tạo Base Layout Home Screen
19:01
#105. Sử dụng Carousel
14:04
#106. Bài Tập Hoàn Thiện Banner
06:54
#107. Bài Tập Hoàn Thiện List Category
04:03
#108. Bài Tập Hoàn Thiện Header
13:01
#109. Tạo Base Category Nổi Bật
09:34
#110. Bài Tập Design Bottom Tabs
07:01
#111. Tổng Kết về chapter
00:42

Chapter 11: Module Restaurant

17 lectures
#112. Tổng quan về chapter
01:50
#113. Sử dụng React Context
19:26
#114. Hiển thị thông tin user login
14:19
#115. Access Token & Async Storage
12:52
#116. API Get Account
16:25
#117. Sử Dụng Splash Screen
12:15
#118. Custom Splash Screen & App Icon
08:57
#119. Design Collections
16:28
#120. API Hiển Thị Collections
14:39
#121. Giao Diện Xem Chi Tiết Restaurant
20:11
#122. Section List (Part 1)
20:23
#123. Section List (Part 2)
08:10
#124. Section List (Part 3)
07:08
#125. API Xem Chi Tiết Restaurant (Part 1)
20:47
#126. API Xem Chi Tiết Restaurant (Part 2)
14:47
#127. Sử Dụng Skeleton (Extra)
23:31
#128. Tổng kết về chapter
08:10

Chapter 12: Module Product

15 lectures
#129. Tổng quan về chapter
01:38
#130. Error Boundary (Extra)
18:21
#131. Phân tích tính năng mua hàng
07:29
#132. Bài Tập Design Giỏ Hàng/Tăng Giảm Số Lượng
12:30
#133. Data Giỏ Hàng (Part 1)
20:34
#134. Data Giỏ Hàng (Part 2)
19:20
#135. Sử Dụng Modal
15:21
#136. Phân Tích Modal Options
10:56
#137. Design Modal Options Create
17:37
#138. Hoàn Thiện Modal Options Create
12:00
#139. Modal Options Update
15:18
#140. Bài Tập Order Screen
08:41
#141. Place Orders API
12:15
#142. Bài Tập Hiển Thị Đơn Hàng đã đặt
03:11
#143. Tổng kết về chapter
01:04

Chapter 13: Luyện Tập

15 lectures
#144. Tổng quan về chapter
01:43
#145. Bài Tập Design Account Screen
03:37
#146. Code Refactoring
10:42
#147. Chức Năng LogOut
07:11
#148. Keyboard Avoiding View (Extra)
05:08
#149. Bài Tập Cập Nhật Thông Tin User
08:47
#150. Bài Tập Change Password
06:59
#151. Bài Tập Forgot Password
09:00
#152. Bài Tập Like/Dislike a Restaurant
11:22
#153. Bài Tập Pull to Refresh
04:49
#154. Sử Dụng Custom Font (Extra)
11:44
#155. Bài Tập Thanh Search Header
12:57
#156. Bài Tập Hiển Thị Tất Cả Restaurants
17:33
#157. Bài Tập Hiển Thị Popup Sale
12:14
#158. Tổng kết về chapter
00:40

Chapter 14: Tổng kết

8 lectures
#159. Nhận Xét Về Dự Án Thực Hành
05:35
#160. Cách Upgrade ứng dụng Expo (SDK 51)
15:55
#161. Cách Tự Code Project React Native của bạn
12:13
#162. Prebuild Dự Án Expo (Part 1)
08:29
#163. Prebuild Dự Án Expo (Part 2)
12:39
#164. Build File APK cho ứng dụng
17:20
#165. What’s next ?
04:46
#165.1 Fix Bug Giao Diện Dành Cho IOS ?
07:41

Chapter 15: Cách Test Ứng Dụng React Native (Extra)

4 lectures
#166. Tại sao chapter này ra đời ?
02:24
#167. Cài đặt Expo Go Chỉ Hỗ Trợ SDK version mới nhất
15:38
#168. Expo Go trên điện thoại cá nhân kết nối tới backend localhost ?
04:22
#169. Cách Update Backend (nếu cần thiết) ?
02:42

Summary

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

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.