วันที่ 1

Section 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows

• แนะนำสเปกและคุณสมบัติเครื่องที่จะติดตั้งเครื่องมือสำหรับ React.JS / React Native
• ขั้นตอนการติดตั้ง Node.JS
• ขั้นตอนการติดตั้ง Visual Studio Code (VS Code) และส่วนเสริม (Extension) ที่จำเป็นสำหรับ React Native

Section 2: เริ่มต้นสร้างและทดสอบ React Native App ด้วย Expo

• ภาพรวมการพัฒนาแอพด้วย React Native
• การสร้างขึ้นโปรเจ็กต์ React Native ด้วย Expo CLI
• แนะนำโครงสร้างโปรเจ็กต์ React Native Expo
• การทดสอบรันแอพบน Emulator (Android/iOS)
• การรันแอพทดสอบบนเครื่องจริง (Android)

Section 3 การทำ Navigation ด้วย Expo Router แบบ File-based routing

• What is Expo Router?
• app directory
• Create a route
• File name conventions
• _layout file
• Root layout
• Stack navigator
• Navigating between routes
• Groups
• Tab navigator
• Not found routes
• Dynamic routes
• Access parameters from dynamic segments

วันที่ 2

Section 4: การออกแบบ UI ด้วย Styling with NativeWind

• What is NativeWind?
• Install NativeWind in Expo
• React Native concepts
• Units
• Platform Differences
• Style Specificity
• Safe Area Insets
• Customization
• Configuration
• Content
• Theme
• Colors
• Layouts
• Flexbox & Grid
• Spacing
• Sizing
• Typography
• Background
• Border
• Effect

Section 5: เรียนรู้ UI Core Component ต่างๆ ใน React Natvie

• รู้จัก Component View
• การทำงานกับ Component Text
• ใช้งาน Component Button
• เรียนรู้และใช้งาน Component ในกลุ่ม Touchable
• การใช้งาน Component Alert
• การใช้งาน Component Modal แสดง Popup
• การใช้งาน Component TextInput รับข้อมูล
• ใช้งาน Component Switch สำหรับตัวเลือกรายการ
• แสดงรูปภาพด้วย Component Image
• ใช้งาน Component ScrollView, FlatList และ SectionList
• แนะนำการใช้งาน Iconicons

Section 6: การ Build และ Deploy แอปผ่าน EAS Build

• รู้จัก EAS Build ของ Expo
• การสมัครและเปิดใช้บริการ EAS
• การติดตั้งเครื่องมือ CLI เพิ่มเติม
• การทดสอบ Build Android App ด้วย EAS
• การทดสอบ Build iOS App ด้วย EAS
• การปรับระบบมา Build บนเครื่องผู้ใช้
• แนวทางการส่งแอปเข้าสู่ App Store และ Google Play