React Native cho người mới bắt đầu Expo TypeScript

Lý do nên chọn khóa học này

• Học framework React Native phổ biến nhất hiện nay để phát triển ứng dụng di động đa nền tảng
• Sử dụng Expo giúp đơn giản hóa việc cài đặt và triển khai, không cần Android Studio hay Xcode ban đầu
• Áp dụng TypeScript để code chặt chẽ hơn, giảm lỗi và dễ bảo trì
• Học từ giảng viên có nhiều năm kinh nghiệm giảng dạy và phát triển ứng dụng thực tế
• Được hỗ trợ trực tuyến trong suốt quá trình học với mentor chuyên môn
• Có slide bài giảng, mã nguồn mẫu và bài tập thực hành đi kèm

Khóa học phù hợp với

• Sinh viên CNTT muốn học phát triển ứng dụng mobile
• Lập trình viên web có kiến thức JavaScript/ReactJS muốn chuyển sang mobile
• Người mới bắt đầu với lập trình ứng dụng di động
• Freelancer muốn mở rộng kỹ năng phát triển cross-platform app
• Những ai muốn tạo MVP hoặc prototype ứng dụng nhanh chóng

Kỹ năng đạt được sau khóa học

• Thành thạo lập trình React Native với JavaScript ES6+ và TypeScript
• Xây dựng được ứng dụng mobile hoàn chỉnh chạy trên cả iOS và Android
• Sử dụng thành thạo Expo framework và các API tích hợp sẵn
• Nắm vững các React Hooks như useState, useEffect, useContext
• Xây dựng giao diện responsive với StyleSheet và Flexbox Layout
• Làm việc với Navigation và quản lý màn hình trong ứng dụng
• Debug ứng dụng hiệu quả với Chrome DevTools và React Native Debugger
• Tích hợp API backend và xử lý dữ liệu từ server
• Quản lý mã nguồn với Git và publish ứng dụng lên Store
• Áp dụng AI (ChatGPT, GitHub Copilot) hỗ trợ coding hiệu quả

Nội dung chương trình học

• React Native là gì và hoạt động như thế nào
• So sánh React Native với các giải pháp phát triển mobile khác
• Ưu và nhược điểm của React Native
• Khi nào nên sử dụng React Native

• Cài đặt Node.js và npm
• Cài đặt Expo CLI
• Thiết lập môi trường phát triển trên Windows/MacOS
• Khởi tạo project đầu tiên với Expo
• Chạy ứng dụng trên thiết bị thật và giả lập
• Làm quen với cấu trúc project React Native

• Hiểu về Component trong React Native
• Các Core Component: View, Text, Image, ScrollView
• TouchableOpacity, Pressable và xử lý sự kiện
• FlatList và SectionList để hiển thị danh sách
• TextInput và xử lý form
• Button và các thành phần tương tác khác

• StyleSheet API và cách sử dụng
• Flexbox Layout trong React Native
• Thuộc tính style cơ bản: margin, padding, color, fontSize
• Responsive design và xử lý các kích thước màn hình khác nhau
• Kỹ thuật tạo giao diện đẹp mắt và chuyên nghiệp
• Platform-specific code cho iOS và Android

• Giới thiệu về React Navigation và Expo Router
• Stack Navigator và chuyển đổi giữa các màn hình
• Tab Navigator và Bottom Tab Bar
• Drawer Navigator
• Truyền dữ liệu giữa các màn hình
• Navigation lifecycle và hooks

• useState - quản lý state trong functional component
• useEffect - xử lý side effects và lifecycle
• useContext - chia sẻ data giữa các component
• useRef - tham chiếu đến DOM elements
• useMemo và useCallback - tối ưu hiệu suất
• Custom hooks để tái sử dụng logic

• Cú pháp cơ bản của TypeScript
• Khai báo kiểu dữ liệu (type) và interface
• Generic types và utility types
• Props typing và State typing trong component
• Kiểm soát lỗi compile-time với TypeScript
• Best practices khi dùng TypeScript với React Native

• Fetch API và Axios để gọi REST API
• Async/Await trong JavaScript
• Xử lý loading state và error handling
• AsyncStorage để lưu trữ dữ liệu local
• State management với Context API
• Tích hợp với backend (Node.js, MongoDB)

• Sử dụng Expo SDK: Camera, Location, Notifications
• Expo Image Picker để chọn ảnh từ thư viện
• Expo Media Library để truy cập media
• Maps và Geolocation
• Push Notifications với Expo
• Animations với Animated API

• Debug với Chrome DevTools
• React Native Debugger
• Console.log và kiểm tra lỗi
• Xử lý crash và performance issues
• Testing strategies cho React Native

• Build ứng dụng với Expo EAS Build
• Tạo file APK cho Android
• Tạo file IPA cho iOS
• Submit app lên Google Play Store
• Submit app lên Apple App Store
• Quản lý phiên bản và updates

• Phân tích requirements và thiết kế UI/UX
• Xây dựng các màn hình chính
• Tích hợp API backend
• Xử lý giỏ hàng và thanh toán
• Hoàn thiện và tối ưu ứng dụng