Giảm 35% Khóa Học Spring MVC còn 949k | Ưu Đãi Đặc Biệt Cho Học Viên Mới.
Kết thúc trong 0h 0m 0s .
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)
Ngôn ngữ: Tiếng Việt
Tags: FRONTEND
Tác giả : Hỏi Dân IT
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)
Ngôn ngữ: Tiếng Việt
Tags: FRONTEND
Tác giả : Hỏi Dân IT
899.000 ₫
1.099.000 ₫-18%
Cam kết mua khóa học 1 lần - thời gian học mãi mãi!
Khóa học này bao gồm:
- 30 giờ video theo yêu cầu
- 171 videos hướng dẫn
- 01 tài liệu hướng dẫn theo từng video
- Thời gian xem khóa học suốt đời
- Truy cập trên thiết bị di động và TV
Những gì bạn sẽ học
- 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 với ngôn ngữ JavaScript (Typescript)
- Xây dựng ứng dụng React Native với Framework Expo
- Xây dựng ứng dụng mobile mà không cần biết Java/Kotlin/Swift/Objective-C
- Nắm vững cách tính năng cốt lõi của React Native
- Luyện Tập Kỹ Năng Search Google, Debug và Tự Đọc Tài Liệu
Video Demo thành quả đạt được sau khi kết thúc khóa học:
Nội dung khóa học
15 chương • 171 bài giảng • 30 giờ tổng thời lượng
Chapter 2: Setup Environment
12 bài giảng
Cài đặt & chuẩn bị môi trường thực hiện dự án
#7. Chuyện Cài Đặt Công Cụ (Bắt Buộc Xem)
#8. Cài đặt Node.js
#9. Cài đặt Visual Studio Code
#10. Cấu hình Visual Studio Code
#11. Tại sao mình dùng VScode ?
#12. Cài đặt và sử dụng Git
#13. Cài đặt Google Chrome
#14. Cách Test Ứng Dụng React Native
#15. Cài Đặt Android Studio
#16. Cài Đặt Máy Ảo (Simulator)
#16.1 Sử dụng máy ảo Android & trường hợp bị giật/lag/đơ máy ảo ?
#16.2 Cấu hình Java và Android Path
Chapter 3: Tổng Quan về React Native
9 bài giảng
Làm quen với quá trình phát triển của framework React Native. Viết chương trình Hello World đầu tiên.
#17. React Native là gì ?
#18. Base dự án với React Native
#19. Các Thuật Ngữ Hay Gặp
#20. Tại sao Công Ty Dùng React Native
#21. Đặt tên file JS/JSX/TS/TSX cho React (Extra)
#22. Cài đặt dự án thực hành
#23. Cách mình setup dự án (Extra)
#24. Hello World với React Native
#25. Cấu trúc Dự Án Thực Hành
Chapter 4: Sử Dụng UI - User Interface
16 bài giảng
Cách trang trí cho ứng dụng React Native với Styles và sử dụng Core Component
#26. Tổng quan về chapter
#27. Phân biệt Core Component và Native Component
#28. View, Text & Styles
#29. Sử dụng State và Data Type
#30. TextInput
#31. Button & Array
#32. ScrollView
#33. FlatList
#34. Todo App (Part 1)
#35. Todo App (Part 2)
#36. Todo App (Part 3)
#37. Todo App (Part 4)
#38. Custom Component (Button)
#39. Sử dụng Flexbox (Part 1)
#40. Sử dụng Flexbox (Part 2)
#41. Sử dụng Keyboard đa ngôn ngữ (Extra)
Chapter 5: Navigation với React Native
10 bài giảng
Chapter 6: Expo Router
9 bài giảng
Sử dụng React Navigation với Expo Framework
#52. Tổng quan về chapter
#53. Hello World với Expo Router
#54. Cách Mình Setup Project (Extra)
#55. Setup Expo Router
#56. Create Pages
#57. Navigate between pages
#58. Stack Navigation
#59. Bottom Tab Navigation
#60. Tổng kết về Expo Router
Chapter 7: Setup Dự Án Thực Hành
10 bài giảng
Setup backend và tìm hiểu tổng quan về dự án thực hành
#61. Tổng quan về chapter
#62. Phân Tích Dự Án Thực Hành
#63. Cài đặt MongoDB Compass
#64. Tạo Tài Khoản MongoDB Atlas
#65. Tạo Database cho dự án
#66. Kiểm Tra Kết Nối Database
#67. Kích hoạt dự án Backend
#68. Setup Dự Án Backend
#69. Setup Postman && Google App Password
#70. Setup Admin Web
Chapter 8: Module Signup
19 bài giảng
Thực hiện chức năng đăng ký tài khoản người dùng
#71. Tổng quan về chapter
#72. Design Welcome Screen
#73. Reuse Component Button (Part 1)
#74. Reuse Component Button (Part 2)
#75. Sử dụng Image/ImageBackground
#76. Design Sign Up Screen
#77. Reuse Input Group
#78. Hide/Show Password
#79. Gọi API với React Native
#80. API Sign Up
#81. Cách Debug với React Native (Extra)
#82. Cấu hình Axios Instance
#83. Cấu hình Axios Interceptor
#84. Hiển Thị Thông Báo Lỗi
#85. Design Verify Code Screen
#86. API Verify Account (Part 1)
#87. API Verify Account (Part 2)
#88. API Resend Code
#89. Tổng kết về chapter
Chapter 9: Module Login
11 bài giảng
Thực hiện chức năng đăng ký tài khoản người dùng
#90. Tổng quan về chapter
#91. Bài Tập Login Screen
#92. Chữa Bài Tập Login Screen
#93. Bài Tập API Login
#94. Chữa Bài Tập API Login
#95. Hiển Thị Loading (Extra)
#96. Giới thiệu về Formik
#97. Sử dụng Formik với React Native
#98. Login với Formik
#99. Bài Tập Signup với Formik
#100. Tổng kết về chapter
Chapter 10: Module Homepage
11 bài giảng
Design giao diện trang chủ và xem chi tiết nhà hàng/quán ăn
#101. Tổng quan về chapter
#102. Hướng Dẫn Cài App Trên Máy Ảo (Extra)
#103. Phân Tích Layout ứng dụng
#104. Tạo Base Layout Home Screen
#105. Sử dụng Carousel
#106. Bài Tập Hoàn Thiện Banner
#107. Bài Tập Hoàn Thiện List Category
#108. Bài Tập Hoàn Thiện Header
#109. Tạo Base Category Nổi Bật
#110. Bài Tập Design Bottom Tabs
#111. Tổng Kết về chapter
Chapter 11: Module Restaurant
17 bài giảng
Chia sẻ data giữa các component và xem chi tiết cửa hàng/quán ăn
#112. Tổng quan về chapter
#113. Sử dụng React Context
#114. Hiển thị thông tin user login
#115. Access Token & Async Storage
#116. API Get Account
#117. Sử Dụng Splash Screen
#118. Custom Splash Screen & App Icon
#119. Design Collections
#120. API Hiển Thị Collections
#121. Giao Diện Xem Chi Tiết Restaurant
#122. Section List (Part 1)
#123. Section List (Part 2)
#124. Section List (Part 3)
#125. API Xem Chi Tiết Restaurant (Part 1)
#126. API Xem Chi Tiết Restaurant (Part 2)
#127. Sử Dụng Skeleton (Extra)
#128. Tổng kết về chapter
Chapter 12: Module Product
15 bài giảng
Design giao diện order sản phẩm của nhà hàng/quán ăn
#129. Tổng quan về chapter
#130. Error Boundary (Extra)
#131. Phân tích tính năng mua hàng
#132. Bài Tập Design Giỏ Hàng/Tăng Giảm Số Lượng
#133. Data Giỏ Hàng (Part 1)
#134. Data Giỏ Hàng (Part 2)
#135. Sử Dụng Modal
#136. Phân Tích Modal Options
#137. Design Modal Options Create
#138. Hoàn Thiện Modal Options Create
#139. Modal Options Update
#140. Bài Tập Order Screen
#141. Place Orders API
#142. Bài Tập Hiển Thị Đơn Hàng đã đặt
#143. Tổng kết về chapter
Chapter 13: Luyện Tập
15 bài giảng
Thực hành kiến thức thông qua các bài tập về React Native để hoàn thiện dự án
#144. Tổng quan về chapter
#145. Bài Tập Design Account Screen
#146. Code Refactoring
#147. Chức Năng LogOut
#148. Keyboard Avoiding View (Extra)
#149. Bài Tập Cập Nhật Thông Tin User
#150. Bài Tập Change Password
#151. Bài Tập Forgot Password
#152. Bài Tập Like/Dislike a Restaurant
#153. Bài Tập Pull to Refresh
#154. Sử Dụng Custom Font (Extra)
#155. Bài Tập Thanh Search Header
#156. Bài Tập Hiển Thị Tất Cả Restaurants
#157. Bài Tập Hiển Thị Popup Sale
#158. Tổng kết về chapter
Chapter 14: Tổng kết
7 bài giảng
Tổng kết các kiến thức đã học và hướng phát triển tiếp theo cho dự án
#159. Nhận Xét Về Dự Án Thực Hành
#160. Cách Upgrade ứng dụng Expo (SDK 51)
#161. Cách Tự Code Project React Native của bạn
#162. Prebuild Dự Án Expo (Part 1)
#163. Prebuild Dự Án Expo (Part 2)
#164. Build File APK cho ứng dụng
#165. What’s next ?
Chapter 15: Cách Test Ứng Dụng React Native (Extra)
3 bài giảng
Hướng dẫn chi tiết các test ứng dụng React Native phụ thuộc vào cấu hình máy tính và môi trường sử dụng
#166. Tại sao chapter này ra đời ?
#167. Cài đặt Expo Go Chỉ Hỗ Trợ SDK version mới nhất
#168. Expo Go trên điện thoại cá nhân kết nối tới backend localhost ?
Mô tả
1. Công nghệ sử dụng
React Native version 0.74
Expo SDK version 51.0.0 (cuối khóa học có hướng dẫn nâng cấp lên SDK version mới nhất)
Các kiến thức trọng tâm:
- Hướng Dẫn React Native từ số 0, Expo Framework từ số 0
- Sử dụng Expo Framework kết hợp với Expo Router (thay vì React Native CLI và React Navigation)
- Chú trọng việc design UI/UX dành cho Frontend Developer, cũng như tái sử dụng component (reuse) với React native
- Sử dụng uncontrolled component với Formik để tối ưu hiệu năng
- Sử dụng React Context để chia sẻ data giữa các component (đơn giản nhất)
- Dự án thực hành : Food App
Backend (Nestjs) được mình cung cấp sẵn. Chỉ sử dụng và không sửa đổi. (không học code backend trong khóa học này). Quan tầm về backend, tham khảo tại đây
Frontend Admin (React-Antd) được mình cung cấp. Chỉ sử dụng và không sửa đổi (không học code React làm web trong khóa học này). Quan tâm về frontend React làm website, tham khảo tại đây
Database MongoDB sử dụng online (miễn phí) với MongoDB Atlas
2. Học viên nào có thể học ?
Học viên cần trang bị các kiến thức sau trước khi theo học:
- Có kiến thức về React làm website: state/props, calling APIs backend
- Cú pháp của TypeScript
- Máy tính bạn có thể cài đặt và sử dụng Android Studio
ĐÁNH GIÁ KHÓA HỌC
4.9 trên 5
Không có nội dung tồn tại
Tại sao lại lựa chọn khóa học của Hỏi Dân IT ?
Người khác hay so sánh và "làm màu" khóa học của bản thân, cho rằng người ta là nhất, đồng thời hạ thấp các khóa học đang có trên thị trường. Điều này sẽ dẫn tới tình trạng "ảo tưởng sức mạnh về khóa học" và bản thân bạn chính là những "con gà bị lùa."
Mình không thích điều trên, vì mình biết, chẳng ai là hoàn hảo cả. Mỗi khóa học đều có điểm hay và dở của nó. No one is perfect, right ?
Thành ra, bố cục khóa học của mình rất đơn giản. Luôn có video demo thành quả đạt được, cùng với giáo án để bạn hình dung về khóa học.
Mình không thích viết nhiều, vì chỉ cần video demo (hoặc hình ảnh), nó làm đơn giản hóa vấn đề so với việc miêu tả "làm màu" khóa học.
Điều bạn cần làm, để tránh tình trạng "bị lùa gà", chính là 7 nguyên tắc mà mình hay áp dụng:
- 1. Xem kỹ video demo và giáo án khóa học để có góc nhìn tổng quát về các kiến thức sẽ học.
- 2. Mình chỉ chịu trách nhiệm truyền đạt kiến thức - Tức là nội dung giáo án như nào, khóa học sẽ truyền đạt như vậy
- 3. Học xong khóa học của mình, không đồng nghĩa với việc bạn trở thành siêu nhân hay thiên tài. Bạn cần tự làm dự án của bản thân để chuyển hóa kiến thức.
- 4. Mình không cam kết học xong khóa học, kiếm được việc làm lương xxx. Tất cả các khóa học miêu tả như vậy, toàn là "lùa gà", why ? Vì người ta không là công ty tuyển dụng bạn, ok ?
- 5. Việc học khóa học của mình, giống việc bạn đang sử dụng thực phẩm chức năng, không phải là thuốc chữa bệnh. Có nghĩa là, mình cho bạn "cần câu cơm", còn câu được cơm, cá... hay gì, là do bạn quyết định
- 6. Cần tư vấn giải đáp trực tiếp, inbox Facebook mình hỗ trợ
- 7. Mình có nguyên một mục tư vấn các câu hỏi thường gặp, các bạn có thể xem tại đây
Và, có một vài sự thật mà bạn chưa biết về "Hỏi Dân IT":
- 1. Mình tốt nghiệp HUST (back khoa Hà Nội) chuyên ngành CNPM hệ kỹ sư (Software Engineer). Với 3+ năm kinh nghiệm của dân "đúng ngành", và làm lĩnh vực tài chính (or ngân hàng)
- 2. Bạn có thể học từ mình những kinh nghiệm của người làm để rút ngắn quãng đường trở thành senior (không chỉ kỹ năng code)
- 3. Mình có Youtube Hỏi Dân IT để chia sẻ kiến thức IT miễn phí (hơn 40k subscribers)
- 4. Điểm Rating instructor trên Udemy là 4.8 (max là 5), với 3000+ students. Bạn có thể kiểm tra tại Udemy Profile của mình
- 5. Nếu bạn muốn nói chuyện với mình, có thể xem mình livestream trực tiếp tối thứ 2 & thứ 5 hàng tuần trên Youtube Hỏi Dân IT :v
899.000 ₫
1.099.000 ₫-18%
Cam kết mua khóa học 1 lần - thời gian học mãi mãi!
Khóa học này bao gồm:
- 30 giờ video theo yêu cầu
- 171 videos hướng dẫn
- 01 tài liệu hướng dẫn theo từng video
- Thời gian xem khóa học suốt đời
- Truy cập trên thiết bị di động và TV