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

  • React Native là một framework mã nguồn mở được phát triển bởi Facebook, dùng để phát triển các ứng dụng dành cho thiết bị di động Android và iOS. Điều đó có nghĩa là chỉ với một source code đã có thể tạo được một ứng dụng chạy trên cả Android và iOS thay vì phải lập trình riêng biệt cho hai nền tảng hệ điều hành như trước đây. Các ứng dụng quen thuộc được xây dựng bằng React Native có thể kể đến như: Facebook, Instagram, AirBnb, …
  • Khóa học lập trình di động đa nền tảng với React Native cơ bản giúp học viên nắm rõ được quy trình xây dựng một ứng dụng di động đa nền tảng bằng React Native, xuất tập tin cài đặt trên thiết bị di động Android và iOS. Nắm vững được các khái niệm về Component, React Hook, Redux,… sử dụng các Component có sẵn của React để xây dựng các màn hình chức năng, xử lý các sự kiện touch trên màn hình, chuyển đổi qua lại giữa các màn hình.
 
  • 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)
 
Bài 1: Giới thiệu và cài đặt môi trường
Thời lượng: 3 giờ
  • 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
Bài 2: Lập trình JavaScript (ES6)
Thời lượng: 6 giờ
  • 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
Bài 3: Tổng quan về các thành phần trong project React Native, build và debug app trên Android và iOS
Thời lượng: 9 giờ
  • 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
Bài 4: State Management và các xử lý màn hình
Thời lượng: 10 giờ
  • 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
Bài 5: LocalStorage & AsyncStorage
Thời lượng: 6 giờ
  • 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)
Bài 6: Đồ án môn học
Thời lượng: 6 giờ
 

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

 
LỊCH KHAI GIẢNG Xem thêm
Môn học mới

Học phí: 2.300.000đ - Nhận ƯU ĐÃI HỌC PHÍ khi ghi danh online + hoàn tất ​trước ngày 26/02/2024

LÌ XÌ TẾT 100K: Nhập mã "lixi100" - nhận lộc đầu năm khi đăng ký đến hết ngày 26/02/2024

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

LớpThời gianNgày khai giảngĐịa điểm học 
MRAC_292C7NThứ 7 + Chủ Nhật (13.30 - 17.30)02/03/202421-23 Nguyễn Biểu, Q.5Đăng ký
CÁC MÔN HỌC LIÊN QUAN
ai
Trung Tâm Tin Học
ai
Trung Tâm Tin Học
Chào mừng bạn đến với Trung Tâm Tin Học.
Bạn đang cần hỗ trợ thông tin gì ạ? Hãy Chat ngay với chúng tôi nhé.