หลักสูตร Basic React Native with Expo เป็นการอบรมพัฒนาแอปมือถือข้ามแพลตฟอร์มด้วย React Native และ Expo ตั้งแต่สร้างโปรเจกต์ ทำ Navigation ด้วย Expo Router ออกแบบ UI ด้วย NativeWind จนถึง Build แอปด้วย EAS Build เหมาะกับผู้เริ่มต้นทำแอป นักศึกษา นักพัฒนาเว็บ และเจ้าของธุรกิจที่อยากทำแอปต้นแบบ
React Native ช่วยให้เขียนแอปมือถือด้วย JavaScript หรือ TypeScript แล้วแสดงผลเป็นคอมโพเนนต์เนทีฟทั้งบน Android และ iOS จากโค้ดชุดเดียว ส่วน Expo เป็นเฟรมเวิร์กที่ React Native แนะนำให้ใช้เริ่มโปรเจกต์ใหม่ มีทั้งระบบนำทาง ไลบรารีเข้าถึงความสามารถของเครื่อง และบริการ Build แอปบน Cloud ทำให้ผู้เริ่มต้นสร้างแอปได้โดยไม่ต้องตั้งค่า Android Studio หรือ Xcode เองทั้งหมด
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่สำหรับ Expo SDK 57 และ React Native 0.86 ซึ่งทำงานบน New Architecture เป็นค่าเริ่มต้น พาผู้เรียนตั้งแต่เตรียมเครื่อง สร้างโปรเจกต์ TypeScript ด้วย create-expo-app ทำ Navigation ด้วย Expo Router ออกแบบ UI ด้วย NativeWind ใช้ Core Components แสดงรายการข้อมูลจาก REST API เก็บข้อมูลในเครื่อง จนถึง Build แอป Android และ iOS ด้วย EAS Build (อบรม 2 วัน วันละ 6 ชั่วโมง รวม 12 ชั่วโมง ระดับ Beginner)
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตร Basic React Native with Expo เนื้อหาอัปเดตเป็น Expo SDK 57 และ React Native 0.86 อบรม 2 วัน วันละ 6 ชั่วโมง รวม 12 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายสลับ Lab และ Workshop ตลอดหลักสูตร ระดับ Beginner ผู้เรียนจะได้เตรียมเครื่อง สร้างโปรเจกต์ TypeScript ทำ Navigation ด้วย Expo Router รวมถึง Protected Routes ออกแบบ UI ด้วย NativeWind ใช้ Core Components แสดงข้อมูลจาก REST API เก็บข้อมูลในเครื่อง และ Build แอปด้วย EAS Build พร้อมรับ Lab Guide และซอร์สโค้ดแอปต้นแบบกลับไปใช้งานต่อ
Section 1: Lab: เตรียมเครื่องมือทั้งบน Mac และ Windows
Section 2: Lab: สร้างและทดสอบแอปแรกด้วย Expo
Section 3: React และ TypeScript ที่ใช้บ่อยใน React Native
Section 4: Lab: Navigation ด้วย Expo Router แบบ File-based Routing
Section 5: Lab: Tabs, Dynamic Routes และ Protected Routes
Section 6: Lab: ออกแบบ UI ด้วย NativeWind
Section 7: Lab: Core Components ของ React Native
Section 8: Lab: รายการข้อมูลและ REST API
Section 9: Build และ Deploy แอปด้วย EAS Build
Section 10: Workshop: แอปต้นแบบร้านค้า
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
React Native คือเฟรมเวิร์กจาก Meta สำหรับเขียนแอปมือถือด้วย JavaScript หรือ TypeScript แล้วแสดงผลเป็นคอมโพเนนต์เนทีฟทั้งบน Android และ iOS ส่วน Expo คือเฟรมเวิร์กที่ครอบ React Native อีกชั้นและเป็นตัวเลือกที่ React Native แนะนำสำหรับโปรเจกต์ใหม่ ช่วยสร้างโปรเจกต์ได้เร็ว มีไลบรารีพร้อมใช้ เช่น กล้องและการแจ้งเตือน มีระบบนำทางอย่าง Expo Router และมีบริการ EAS สำหรับ Build และส่งแอป โดยไม่ต้องตั้งค่า Android Studio หรือ Xcode เองทั้งหมด
Expo Router ใช้ระบบ File-based Routing คือแต่ละไฟล์ในโฟลเดอร์ app จะกลายเป็นหน้าจอหนึ่งหน้า เริ่มจากสร้างไฟล์ _layout เพื่อกำหนดรูปแบบการนำทาง เช่น Stack หรือ Tabs จากนั้นเพิ่มไฟล์หน้าจอตามเส้นทางที่ต้องการ แล้วใช้คอมโพเนนต์ Link หรือ router.push เพื่อเปลี่ยนหน้า ถ้าต้องการหน้าแบบ Dynamic ให้ตั้งชื่อไฟล์เป็น [id] และอ่านค่าด้วย useLocalSearchParams ส่วนหน้าที่ต้องล็อกอินก่อนให้ครอบด้วย Stack.Protected พร้อมเงื่อนไข guard
ScrollView จะสร้างคอมโพเนนต์ลูกทั้งหมดในครั้งเดียว เหมาะกับเนื้อหาไม่ยาว เช่น หน้าฟอร์มหรือหน้ารายละเอียด ส่วน FlatList จะสร้างเฉพาะรายการที่อยู่บนจอและใกล้จะเลื่อนถึง จึงใช้หน่วยความจำน้อยและลื่นกว่าเมื่อมีข้อมูลเป็นร้อยหรือพันรายการ โดยต้องส่ง data, renderItem และ keyExtractor ถ้าต้องการแบ่งรายการเป็นหมวดพร้อมหัวข้อให้ใช้ SectionList
เหมาะกับผู้เริ่มต้นพัฒนาแอปแบบ Cross Platform นักศึกษา นักพัฒนาเว็บที่อยากทำแอปมือถือ และเจ้าของธุรกิจที่อยากทำแอปต้นแบบเพื่อนำเสนอไอเดีย ควรมีพื้นฐาน HTML และ CSS เขียน JavaScript หรือ TypeScript เบื้องต้นได้ รู้จักการทำงานกับ REST API และ JSON และเข้าใจการทำงานของฐานข้อมูลแบบ CRUD
ติดตั้งเครื่องมือและสร้างโปรเจกต์ TypeScript ด้วย Expo ทดสอบแอปบน Emulator และมือถือจริง ทำ Navigation ด้วย Expo Router ทั้ง Stack, Tabs, Dynamic Routes และ Protected Routes ออกแบบหน้าจอด้วย NativeWind ใช้ Core Components อย่าง TextInput, Modal และ FlatList ดึงข้อมูลจาก REST API เก็บข้อมูลในเครื่อง และ Build แอป Android และ iOS ด้วย EAS Build ได้ ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
ใช้ได้ทั้งเครื่อง Mac และ Windows โดยช่วงแรกของการอบรมจะแนะนำสเปกเครื่องที่เหมาะสม แล้วติดตั้ง Node.js รุ่น LTS, Visual Studio Code พร้อมส่วนเสริมที่จำเป็น และ Android Studio สำหรับ Emulator ร่วมกัน การทดสอบแอปทำได้ทั้งบน Emulator, iOS Simulator (เฉพาะ macOS) และมือถือจริงผ่าน Expo Go ส่วนการ Build ผ่าน EAS ต้องสมัครบัญชี Expo และการ Build แอป iOS เพื่อติดตั้งบนเครื่องหรือส่งขึ้น Store ต้องมีบัญชี Apple Developer
ทุกเว็บไซต์ที่เราเปิดดูในวันนี้ ไม่ว่าจะสร้างด้วยเครื่องมือหรือ Framework ใด สุดท้ายเบราว์เซอร์ก็แสดงผลออกมาเป็น HTML และ CSS ผู้ที่เข้าใจสองภาษานี้จึงแก้ไขหน้าเว็บ ปรับ Template หรือคุยงานกับทีมพัฒนาได้อย่างมั่นใจ…
ทีมพัฒนาเว็บส่วนใหญ่ได้รับงานออกแบบมาเป็นไฟล์ Figma แต่การแปลงดีไซน์ให้เป็นหน้าเว็บที่ตรงแบบ แสดงผลดีทุกขนาดจอ และแก้ไขต่อได้ง่าย ต้องอาศัยทั้งการอ่านไฟล์ออกแบบเป็นและความเข้าใจ HTML กับ CSS สมัยใหม่ หากเขียนโค้ดโดยไม่วางแผน หรือพึ่ง Framework…
Elasticsearch เป็นเครื่องมือค้นหาและวิเคราะห์ข้อมูลแบบกระจายที่นิยมใช้ทั้งทำระบบค้นหาในแอป และเก็บ Log ของระบบไว้สืบค้นย้อนหลัง ส่วน Kibana คือหน้าจอสำหรับสำรวจข้อมูล สร้างกราฟ และ Dashboard แต่ทีม .NET จำนวนมากยังใช้ไลบรารี NEST หรือ Sink…
