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
Xây dựng ứng dụng iOS và Android với Framework Expo (Typescript) Dành Cho Beginners
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
FAQ area empty
#0.1 AI Đã Thay Đổi Cách Học Code Như Thế Nào ?
Xem trước#0.2 Vibe Coding Là Gì? Fundamental-driven Approach
Xem trước#0.3 Workflow: Prompt → Generate → Understand → Verify
Xem trước#0.4 Khi Nào Không Nên Dùng AI
Xem trước#0.5 Kinh Nghiệm Sử Dụng Trợ Lý AI
Xem trước#0.6 Prompting Fundamentals Cho Developers
Xem trướcTổng quan về chapter
Xem trướcLịch sử version của JavaScript
Xem trướcSử dụng Var/Let/Const
Xem trướcJavaScript DataType
Xem trướcArrow Function
Xem trướcTemplate literals (Template strings) | Backtick
Xem trướcDestructuring Assignment
Xem trướcToán tử ?. và ??
Xem trướcES Module và Common Module
Xem trướcAsync Await Promise
Xem trướcSử dụng với TypeScript
Xem trước[Nhập Vai] JavaScript & TypeScript Review – Mock Interview for Mobile Beginners
#7. Chuyện Cài Đặt Công Cụ (Bắt Buộc Xem)
Xem trước#8. Cài đặt Node.js
Xem trước#9. Cài đặt Visual Studio Code
Xem trước#10. Cấu hình Visual Studio Code
Xem trước#11. Tại sao mình dùng VScode ?
Xem trước#12. Cài đặt và sử dụng Git
Xem trước#13. Cài đặt Google Chrome
Xem trước#14. Cách Test Ứng Dụng React Native
Xem trước#15. Cài Đặt Android Studio
Xem trước#16. Cài Đặt Máy Ảo (Simulator)
Xem trước#16.1 Sử dụng máy ảo Android & trường hợp bị giật/lag/đơ máy ảo ?
Xem trước#16.2 Cấu hình Java và Android Path
Xem trước#17. React Native là gì ?
Xem trước#18. Base dự án với React Native
Xem trước#19. Các Thuật Ngữ Hay Gặp
Xem trước#20. Tại sao Công Ty Dùng React Native
Xem trước#21. Đặt tên file JS/JSX/TS/TSX cho React (Extra)
Xem trước#22. Cài đặt dự án thực hành
Xem trước#23. Cách mình setup dự án (Extra)
Xem trước#24. Hello World với React Native
Xem trước#25. Cấu trúc Dự Án Thực Hành
Xem trước[Nhập Vai] React Native Overview Review – Mock Interview for Mobile Beginners
#26. Tổng quan về chapter
Xem trước#27. Phân biệt Core Component và Native Component
Xem trước#28. View, Text & Styles
Xem trước#29. Sử dụng State và Data Type
Xem trước#30. TextInput
Xem trước#31. Button & Array
Xem trước#32. ScrollView
Xem trước#33. FlatList
Xem trước#34. Todo App (Part 1)
Xem trước#35. Todo App (Part 2)
Xem trước#36. Todo App (Part 3)
Xem trước#37. Todo App (Part 4)
Xem trước#38. Custom Component (Button)
Xem trước#39. Sử dụng Flexbox (Part 1)
Xem trước#40. Sử dụng Flexbox (Part 2)
Xem trước#41. Sử dụng Keyboard đa ngôn ngữ (Extra)
Xem trước[Nhập Vai] React Native UI Review – Mock Interview for Mobile Beginners
#42. Tổng quan về chapter
Xem trước#43. Navigation (Routing) là gì ?
Xem trước#44. Setup React Navigation
Xem trước#45. Sử Dụng Stack Navigation
Xem trước#46. Moving Between Screens
Xem trước#47. Passing parameters to routes
Xem trước#48. Customize Header (Extra)
Xem trước#49. Sử Dụng Drawer Navigation
Xem trước#50. Sử Dụng Bottom Tab Navigation
Xem trước#51. Nesting Navigators
Xem trước[Nhập Vai] React Native Navigation Review – Mock Interview for Mobile Beginners
#52. Tổng quan về chapter
Xem trước#53. Hello World với Expo Router
Xem trước#54. Cách Mình Setup Project (Extra)
Xem trước#55. Setup Expo Router
Xem trước#56. Create Pages
Xem trước#57. Navigate between pages
Xem trước#58. Stack Navigation
Xem trước#59. Bottom Tab Navigation
Xem trước#60. Tổng kết về Expo Router
Xem trước[Nhập Vai] Expo Router Review – Mock Interview for Mobile Beginners
#61. Tổng quan về chapter
Xem trước#62. Phân Tích Dự Án Thực Hành
Xem trước#63. Cài đặt MongoDB Compass
Xem trước#64. Tạo Tài Khoản MongoDB Atlas
Xem trước#65. Tạo Database cho dự án
Xem trước#66. Kiểm Tra Kết Nối Database
Xem trước#67+68. Setup Dự Án Backend
Xem trước#69. Setup Postman && Google App Password
Xem trước#70. Setup Admin Web
Xem trước#71. Tổng quan về chapter
Xem trước#72. Design Welcome Screen
Xem trước#73. Reuse Component Button (Part 1)
Xem trước#74. Reuse Component Button (Part 2)
Xem trước#75. Sử dụng Image/ImageBackground
Xem trước#76. Design Sign Up Screen
Xem trước#77. Reuse Input Group
Xem trước#78. Hide/Show Password
Xem trước#79. Gọi API với React Native
Xem trước#80. API Sign Up
Xem trước#81. Cách Debug với React Native (Extra)
Xem trước#82. Cấu hình Axios Instance
Xem trước#83. Cấu hình Axios Interceptor
Xem trước#84. Hiển Thị Thông Báo Lỗi
Xem trước#85. Design Verify Code Screen
Xem trước#86. API Verify Account (Part 1)
Xem trước#87. API Verify Account (Part 2)
Xem trước#88. API Resend Code
Xem trước#89. Tổng kết về chapter
Xem trước[Nhập Vai] React Native Signup Module Review – Mock Interview for Mobile Beginners
#90. Tổng quan về chapter
Xem trước#91. Bài Tập Login Screen
Xem trước#92. Chữa Bài Tập Login Screen
Xem trước#93. Bài Tập API Login
Xem trước#94. Chữa Bài Tập API Login
Xem trước#95. Hiển Thị Loading (Extra)
Xem trước#96. Giới thiệu về Formik
Xem trước#97. Sử dụng Formik với React Native
Xem trước#98. Login với Formik
Xem trước#99. Bài Tập Signup với Formik
Xem trước#100. Tổng kết về chapter
Xem trước[Nhập Vai] React Native Login Module Review – Mock Interview for Mobile Beginners
#101. Tổng quan về chapter
Xem trước#102. Hướng Dẫn Cài App Trên Máy Ảo (Extra)
Xem trước#103. Phân Tích Layout ứng dụng
Xem trước#104. Tạo Base Layout Home Screen
Xem trước#105. Sử dụng Carousel
Xem trước#106. Bài Tập Hoàn Thiện Banner
Xem trước#107. Bài Tập Hoàn Thiện List Category
Xem trước#108. Bài Tập Hoàn Thiện Header
Xem trước#109. Tạo Base Category Nổi Bật
Xem trước#110. Bài Tập Design Bottom Tabs
Xem trước#111. Tổng Kết về chapter
Xem trước[Nhập Vai] React Native Homepage Module Review – Mock Interview for Mobile Beginners
#112. Tổng quan về chapter
Xem trước#113. Sử dụng React Context
Xem trước#114. Hiển thị thông tin user login
Xem trước#115. Access Token & Async Storage
Xem trước#116. API Get Account
Xem trước#117. Sử Dụng Splash Screen
Xem trước#118. Custom Splash Screen & App Icon
Xem trước#119. Design Collections
Xem trước#120. API Hiển Thị Collections
Xem trước#121. Giao Diện Xem Chi Tiết Restaurant
Xem trước#122. Section List (Part 1)
Xem trước#123. Section List (Part 2)
Xem trước#124. Section List (Part 3)
Xem trước#125. API Xem Chi Tiết Restaurant (Part 1)
Xem trước#126. API Xem Chi Tiết Restaurant (Part 2)
Xem trước#127. Sử Dụng Skeleton (Extra)
Xem trước#128. Tổng kết về chapter
Xem trước[Nhập Vai] React Native Restaurant Module Review – Mock Interview for Mobile Beginners
#129. Tổng quan về chapter
Xem trước#130. Error Boundary (Extra)
Xem trước#131. Phân tích tính năng mua hàng
Xem trước#132. Bài Tập Design Giỏ Hàng/Tăng Giảm Số Lượng
Xem trước#133. Data Giỏ Hàng (Part 1)
Xem trước#134. Data Giỏ Hàng (Part 2)
Xem trước#135. Sử Dụng Modal
Xem trước#136. Phân Tích Modal Options
Xem trước#137. Design Modal Options Create
Xem trước#138. Hoàn Thiện Modal Options Create
Xem trước#139. Modal Options Update
Xem trước#140. Bài Tập Order Screen
Xem trước#141. Place Orders API
Xem trước#142. Bài Tập Hiển Thị Đơn Hàng đã đặt
Xem trước#143. Tổng kết về chapter
Xem trước[Nhập Vai] React Native Product Module Review – Mock Interview for Mobile Beginners
#144. Tổng quan về chapter
Xem trước#145. Bài Tập Design Account Screen
Xem trước#146. Code Refactoring
Xem trước#147. Chức Năng LogOut
Xem trước#148. Keyboard Avoiding View (Extra)
Xem trước#149. Bài Tập Cập Nhật Thông Tin User
Xem trước#150. Bài Tập Change Password
Xem trước#151. Bài Tập Forgot Password
Xem trước#152. Bài Tập Like/Dislike a Restaurant
Xem trước#153. Bài Tập Pull to Refresh
Xem trước#154. Sử Dụng Custom Font (Extra)
Xem trước#155. Bài Tập Thanh Search Header
Xem trước#156. Bài Tập Hiển Thị Tất Cả Restaurants
Xem trước#157. Bài Tập Hiển Thị Popup Sale
Xem trước#158. Tổng kết về chapter
Xem trước[Nhập Vai] React Native Practice Module Review – Mock Interview for Mobile Beginners
#159. Nhận Xét Về Dự Án Thực Hành
Xem trước#160. Cách Upgrade ứng dụng Expo (SDK 51)
Xem trước#161. Cách Tự Code Project React Native của bạn
Xem trước#162. Prebuild Dự Án Expo (Part 1)
Xem trước#163. Prebuild Dự Án Expo (Part 2)
Xem trước#164. Build File APK cho ứng dụng
Xem trước#165. What’s next ?
Xem trước#165.1 Fix Bug Giao Diện Dành Cho IOS ?
Xem trước#165.2 Cách Upgrade ứng dụng Expo (SDK 52 & SDK 53)
Xem trước[Nhập Vai] React Native Fundamentals – Final Mock Interview for Mobile Beginners
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
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