Lập trình di động đa nền tảng với React Native cơ bản

• Các bạn có yêu thích với lập trình và muốn có thêm cơ hội nghề nghiệp khác
• Học viên đã học một ngôn ngữ lập trình bất kỳ hoặc có kiến thức cơ bản về lập trình JavaScript, HTML & CSS

• Nắm vững kiến thức và kỹ năng lập trình React Native cơ bản
• Có nền tảng kiến thức sẵn sàng học tiếp khóa học React Native nâng cao
• Nắm rõ quy trình xây dựng một ứng dụng Android/iOS bằng React Native: Phân tích, thiết kế UI/UX, lập trình React, export APK & iPA.
• Tự tin hiện thực hóa các ý tưởng ứng dụng di động đơn giản như TodoList, Quản lý chi tiêu,…

• Thời lượng: 53 tiết, học trực tiếp trên máy
• Học phí:  2.300.000 đ/HV (có chế độ miễn giảm học phí mỗi khóa, xem chi tiết trong Thời Khóa Biểu)

• Tổng quan về ứng dụng đa nền tảng
  • Khái niệm
  • Phân loại
• Tổng quan về React Native
  • Khái niệm
  • Quá trình phát triển
• Review kiến thức JavaScript, kiến thức nền tảng về phát triển ứng dụng mobile (Android, iOS)
  • Review những kiến thức JS, HTML, CSS cần có để học React Native
• Cài đặt môi trường, IDE (Visual Studio Code), máy ảo (emulator/simulator)
  • Môi trường cho Android (android studio, java) và môi trường cho iOS (chỉ chụp hình giới thiệu)
  • Máy ảo Android và máy ảo iOS (chụp hình giới thiệu)
• Tạo project React Native đầu tiên và chạy ứng dụng trên máy ảo
  • Tạo ứng dụng và thực thi ứng dụng qua cmd
  • Giới thiệu cấu trúc project, các thành phần chính
• Giáo viên minh họa
  • Tạo ứng dụng và thay đổi một số giao diện cơ bản

• Giới thiệu
  • Khái niệm
  • Quá trình phát triển
• Biến và hằng
  • Khái niệm
  • Các loại từ khóa khai báo biến, hằng
  • Quy tắt đặt tên biến, hằng
  • Kiểu dữ liệu
  • Toán tử
  • Các phương thức làm việc với mảng (Array)
    • map
    • foreach
    • filter
    • find
    • findIndex…
• Cấu trúc điều khiển
  • If, switch
• Hàm
  • Khái niệm
  • Cấu trúc
  • Phân loại: không/có tham số, không/có trả về, arrow function, callback function, anonymous function
• Xử lý bất đồng bộ
  • Khái niệm
  • Cấu trúc khai báo (Promise, async, await)
• Giáo viên minh họa
  • Minh họa cho các nội dung trên

• Tổ chức thư mục của dự án
• Chạy và debug
• Giới thiệu về các component cơ bản trên React Native
  • Khái niệm
  • Các component View, Text, Image, Button,…
• Vòng đời của component
  • Các phương thức tương ứng với vòng đời component
  • Props, state, event
• Sử dụng StyleSheet
  • Các style thường dùng khi thiết kế giao diện như flex, position, margin, padding, color, backgroundColor,…
  • Thiết kế layout
• Làm việc với FlatList
  • Hướng dẫn sử dụng qua các ví dụ đơn giản
• Làm việc với SessionList
  • Hướng dẫn sử dụng
  • So sánh với FlatList
• Tạo Component có thể tái sử dụng
  • Props và callback, giao tiếp giữa component cha - con
• Phân biệt function và class trong component
  • Giới thiệu lại khái niệm và ngữ cảnh sử dụng
• Build file cài đặt
  • Build file apk cài cho android
  • Build file ipa cho iOS
• Giáo viên minh họa

• State
  • Giới thiệu
  • Vai trò
  • Cách sử dụng, các vấn đề thường gặp khi làm việc với state
• React Hook
  • Giới thiệu
  • So sách code khi dùng Hook và không dùng Hook
  • Các hook cơ bản: useState, useCallback, useEffect
  • Chuyển các code React Native thuần sang React Hook
• Hộp thoại
  • Giới thiệu về popup mặc định của React, cách gọi
  • Kết hợp với state và prop để xử lý đóng mở modal
• Điều hướng giữa các màn hình với React Navigation
  • Thực hành xây dựng ứng dụng với nhiều màn hình đơn giản
  • Thiết kế giao diện màn hình ứng dụng TodoList sử dụng FlatList
  • Thiết kế giao diện màn hình Create, Update task
  • Gắn Button, Title cho màn hình trong React Navigation
• React Context
  • Giới thiệu
  • Thực hành sử dụng React Context chia sẻ dữ liệu giữa các màn hình
  • Hoàn thiện ứng dụng Todo List với các kiến thức: React hook, state, props, callback, context

• Local storage
  • Giới thiệu
  • AsyncStorage
    • Thêm thư viện AsyncStorage vào project
    • Sử dụng AsyncStorage để lưu dữ liệu cho app TodoList
• Web Service
  • Giới thiệu web service
  • Giới thiệu RestAPI
  • Hướng dẫn kết nối API bằng Axios (gọi các API xây dựng sẵn trên internet)
  • Thực hành sử dụng API để thao tác dữ liệu trên server: đọc, thêm, sửa, xóa task (giáo viên gửi souce api NodeJs dựng sẵn cho HV thực hành)

Học viên thi đạt kết quả cuối môn học sẽ được cấp chứng nhận "Basic Multiplatform Mobile App Development With React Native" do Trung Tâm Tin Học ĐH Khoa Học Tự Nhiên TPHCM cấp