Nội dung khóa học lập trình React Native - lập trình di động

React Native là một framework được tạo bởi Facebook, cho phép developer xây dựng các ứng dụng di động trên cả Android và iOS chỉ với một ngôn ngữ lập trình duy nhất: JavaScript.

Chương 1: Lập trình JavaScript cơ bản

- Khai báo biến

- Các hàm cơ bản: If, if else, while, for, switch case, try catch

- Mảng (Array)

- Functions & Tham số

- Class

- Các action quan trọng phải biết

  • setTimeout
  • setInterval
  • Các hàm tính toán trong Math
  • Các hàm xử lý chuỗi

Chương 2: Giới thiệu React

1. Giới thiệu state và props

2. Xử lý dữ liệu trong react

3. Quản lý dữ liệu thông qua redux

4. Sử dụng thư viện kết nối với Server

Chương 3: Xây dựng server với ngôn ngữ javascript

1. Tìm hiểu về database mongoose

2. Xây dựng server nodejs

3. Hướng dẫn up server lên heroku

Chương 4 : Giới thiệu về React Native

- Cách hoạt động của ứng dụng React Native

- Cài đặt môi trường làm việc với React Native (Windows + iOS)

- Quy trình thiết kế ứng dụng React Native

- Hướng dẫn build ứng dụng trên máy Android + iPhone

Chương 5: Component trong React Native

  1. Giới thiệu Component
  2. Cách tạo Component
  3. Hiểu về Hooks trong React Native
  4. Hiểu về trình tự hoạt động của một Component
  5. Text Component
  6. Image Component
  7. View Component
  8. TouchableHighlight
  9. Flatlist
  10. ReactNavigation
  11. Component lồng Component
  12. Export Component
  13. Truyền tham số cho Component

Chương 6: Styles – Định dạng giao diện ứng dụng

Các cách tạo định dạng StyleSheet

Sử dụng StyleSheet

Export StyleSheet

Truyền Styles dạng Props

Chia sẽ Styles

Positioning và Design giao diện

  • Cách 1: Sử dụng Flexbox
  • Cách 2: Sử dụng Absolute Positioning
  • Cách 3: Kết hợp Flexbox & Positioning

Chương 7: Các Platform APIs

Thư viện Geolocation

  • - Bắt tọa độ người dùng
  • - Quản lý Permissions
  • - Hướng dẫn test location trên máy iPhone
  • - Theo dõi tọa độ người dùng

Camera và Photos của người dùng

  • - Sử dụng CameraRoll
  • - Lấy danh sách hình với GetPhotoParams
  • - Tạo hình ảnh chụp từ CameraRoll
  • - Hiển thị danh sách hình ảnh

Lưu trữ dữ liệu với AsyncStore

Chương 8: Modules

  1. Debug với JavaScript
  2. Debug với React Native
  3. Debug với Beyond Javascript

Chương 9: Xuất bản ứng dụng lên AppStore

  1. Hướng dẫn chọn Supported Device & Traget iOS version
  2. Lauching Screen Image
  3. Cấu hình Application icon
  4. Cấu hình Bundle Name
  5. Cấu hình AppDelegate.m
  6. Archive ứng dụng lên AppStore

Chương 10: Xuất bản ứng dụng lên Google Store

  1. Cấu hình Application icon
  2. Xuất file APK dạng release
  3. Submit ứng dụng lên Google Store

Các ưu điểm của React Native là gì?

  • Sử dụng ít native code hơn
  • Thời gian phát triển ứng dụng được rút ngắn
  • Tiết kiệm chi phí nhân lực cho doanh nghiệp
  • Khả năng tái sử dụng code cao (75% – 80%)
  • Trải nghiệm người dùng rất tốt
  • Không cần nhiều kiến thức nền

Các nhược điểm của React Native là gì?

  • Chỉ hỗ trợ 2 nền tảng Android và iOS
  • Hiệu năng sẽ thấp hơn với ứng dụng thuần native code
  • Bảo mật không cao
  • Có một số thư viện cần trả phí
  • Khả năng tùy biến không thực sự tốt với một vài module

Lý do nên học React Native là gì?

Chỉ cần có kiến thức về JavaScript hoặc đã từng học qua ReactJS thì việc học React Native sẽ trở nên rất dễ dàng. Bạn có thể nhanh chóng code React Native mà không gặp bất cứ trở ngại nào.

  • Không tốn thời gian để Recompiling

Nếu như trước đây mỗi khi bạn thay đổi String trong lập trình Android, ứng dụng sẽ phải compile lại từ đầu thì giờ đây, trong React Native, mỗi thay đổi của bạn sẽ được được tự động cập nhật mà không cần phải recompile.

  • Cộng đồng người dùng lớn mạnh

Mức độ sử dụng phổ biến, các lập trình viên hoạt động năng nổ trên các diễn đàn thảo luận và được Facebook chống lưng. Đó là những lý do bạn sẽ không cô đơn khi học React Native, có cả một cộng đồng hùng mạnh luôn ở phía sau hỗ trợ bạn.

  • Mở ra nhiều cơ hội nghề nghiệp mới

Là một Front-end Developer, kinh nghiệm làm việc với JavaScript thực sự là lợi thế khi bạn hoàn toàn có thể lĩnh hội React Native chỉ trong vòng “vài nốt nhạc”. Một khi học React Native, bạn sẽ tiến xa hơn trên con đường chinh phục mảng phát triển các ứng dụng di động.

Là một Back-end Developer, bạn nên có kiến thức cơ bản về JavaScript. Có như vậy thì việc học React Native mới không gặp trở ngại và khiến bạn nản lòng.

Với việc chỉ sử dụng JavaScript, React Native mở ra cơ hội mới. Bạn hoàn toàn có thể chuyển hướng từ lập trình web sang lập trình di động nếu cảm thấy yêu thích.

Trường hợp bạn đang là một Mobile Developer thì không có gì phải bàn cãi nữa, React Native chính là một công cụ giúp cho công việc của bạn như “hổ mọc thêm cánh”.

Fivestar: 
Average: 3.5 (19 votes)