React Native with Expo : ทดสอบง่าย ทำครั้งเดียว ได้ทั้งมือถือและเว็บ

  • TTMA10
  • Classroom
  • Fundamental
  • Thai | 0
Mobile Application

หลักการและเหตุผล ในปัจจุบันการพัฒนาแอปพลิเคชันบนมือถือ (Mobile Application) และเว็บแอปพลิเคชัน มีความสำคัญอย่างยิ่งต่อธุรกิจและองค์กรต่างๆ เนื่องจากผู้ใช้งานเข้าถึง บริการผ่านหลากหลายอุปกรณ์ทั้งมือถือและเว็บเบราว์เซอร์การพัฒนาแอปพลิเคชันแบบ Native สำหรับ iOS, Android และ Web แยกกันนั้นต้องใช้ทรัพยากรและเวลามาก รวมถึง ต้องมีทีมพัฒนาที่มีความเชี่ยวชาญในแต่ละแพลตฟอร์ม React Native with Expo เป็นเทคโนโลยีCross-Platform Framework ที่ได้รับความ นิยมสูง ช่วยให้นักพัฒนาสามารถเขียนโค้ดเพียงชุดเดียวแล้วนำไปใช้งานได้ทั้งสาม แพลตฟอร์ม (Android, iOS และ Web) โดย Expo ช่วยให้กระบวนการทดสอบแอปพลิเคชัน เป็นเรื่องง่ายและรวดเร็วอย่างยิ่ง ด้วยระบบ Hot Reload และแอป Expo Go ที่เพียงแค่สแกน QR Code ก็สามารถดูผลลัพธ์ได้ทันทีบนมือถือจริง โดยไม่ต้องเสียบสายหรือติดตั้ง ซอฟต์แวร์ที่ซับซ้อน ประกอบกับการใช้TypeScript ซึ่งเป็นภาษาที่เพิ่มความปลอดภัยของ Type และหลักการ Functional Programming ที่ช่วยให้โค้ดมีความเป็นระเบียบและดูแล รักษาง่าย จึงเป็นทักษะที่จำเป็นสำหรับนักพัฒนาในยุคปัจจุบัน หลักสูตรนี้ออกแบบมาเพื่อสร้างความรู้ความเข้าใจตั้งแต่พื้นฐานจนถึงการนำแอปพลิเคชันขึ้นสู่การใช้งานจริงบนทุกแพลตฟอร์ม โดยเน้นการพัฒนาที่มีประสิทธิภาพ และสะดวกรวดเร็วด้วย Expo และครอบคลุมทุกขั้นตอนที่จำเป็นในการพัฒนาแอปพลิเคชัน อย่างมืออาชีพ

Course description

Time
Days :
3 Day(s)
Duration :
18 Hour(s)
Time :
09:00:00 - 16:00:00
Training Date :
19 May 2026 - 21 May 2026
Status :
Open Register
Instructor
Language :
Thai
Venue
Venue :
Software Park Training Room 3rd floor, Software Park Building Chaengwattana Road, Pakkred
Type :
Classroom
React Native with Expo : ทดสอบง่าย ทำครั้งเดียว ได้ทั้งมือถือและเว็บ

วัตถุประสงค์ ● เพื่อให้ผู้เรียนมีความรู้ความเข้าใจพื้นฐาน TypeScript และหลักการ Functional Programming สำหรับการพัฒนาแอปพลิเคชัน ● เพื่อให้ผู้เรียนสามารถตั้งค่าและใช้งาน Expo ในการพัฒนาและทดสอบแอปพลิเคชันได้อย่างมีประสิทธิภาพ ● เพื่อให้ผู้เรียนสามารถพัฒนา User Interface ด้วย React Native และ NativeWind ที่ทำงานได้ทั้งบนมือถือและเว็บ ● เพื่อให้ผู้เรียนเข้าใจการจัดการ State Management, Navigation และการเชื่อมต่อ API ● เพื่อให้ผู้เรียนสามารถ Build และเตรียมแอปพลิเคชันสำหรับการเผยแพร่บน Android, iOS และ Web Platform

กลุ่มเป้าหมาย โปรแกรมเมอร์ที่ต้องการเขียน Mobile App แบบ Cross Platform

ประโยชน์ที่จะได้รับ ● สามารถพัฒนาแอปพลิเคชันได้ทั้ง Android, iOS และ Web จากโค้ดชุดเดียว ● สามารถ ทดสอบ แอปพลิเคชัน ได้ทันทีบน มือ ถือ จริง ผ่าน การ สแกน QR Code โดย ไม่ต้องเสียบสายฃ ● สามารถนำความรู้ไปต่อยอดพัฒนาโปรเจกต์ส่วนตัวหรืองานจริงได้ทันที ● ลดต้นทุนและเวลาในการพัฒนาแอปพลิเคชันสำหรับหลายแพลตฟอร์มอย่างมีนัย สำคัญ ● สามารถพัฒนาและดูแลรักษาแอปพลิเคชันได้ด้วยทีมเดียว ● เพิ่มประสิทธิภาพในการทำงานด้วยโค้ดที่มีคุณภาพและมาตรฐาน ● สร้างความได้เปรียบในการแข่งขันด้วยการนำเทคโนโลยีที่ทันสมัยและมีประสิทธิภาพมาใช้

Day 1: React Native Core Concepts & UI เช้า (09:00-12:00) ● Basic Typescript Syntax พื้นฐานต่างจาก Javascript อย่างไร ● Hello World on React Native ด้วย Expo การรัน App Mobile แบบไม่ต้องต่อสาย ผ่าน QR Code ● Debugging in React Native: การใช้Auto Reload เพื่อ ดูผลลัพธ์แบบ Real-time ● JSX: พื้นฐาน JSX, การแยก Component และการรับส่งข้อมูล ผ่าน Props บ่าย (13:00-16:00) ● Nativewind: ○ การใช้NativeWind (Tailwind CSS) ใน component ทั่วไปเพื่อปรับแต่ง Layout ได้ง่ายเหมือนการทำเว็บ ○ การทำResponsive Layout สำหรับหน้าจอหลายขนาด Day 2: Navigation, Forms & HTTP Request เช้า (09:00-12:00) ● Expo Router (React Navigation): ○ การสร้าง Navigation ○ การสร้าง Tab ● React Hook: useEffect บ่าย (13:00-16:00) ● React Hook: useState ● Form Handling : การจัดการ Input และ Validation Day 3: API, State Management and Permission เช้า (09:00-12:00) ● Axios : การเชื่อมต่อ API ● State Management: การบริหารจัดการ State ด้วย Redux & Zustand แตกต่าง กันอย่างไร บ่าย (13:00-16:00) ● Mobile Permission : การขอสิทธิ์เข้าถึง ○ Camera ○ Photo Library ● Building for Android : การสร้างไฟล์.apk สำหรับขึ้น Store.

Payment can be made by: Cash or Credit Card or Bank Cheque payable to สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ or National Science and Technology Development Agency (a post-dated cheque is not accepted) on the first day of the service or within the last day of the service. Account transfer and send the proof of the payment (the deposit slip) via email ttd@swpark.or.th ธนาคารกรุงเทพ สาขาอุทยานวิทยาศาสตร์ Saving Account Number: 080-0-00001-0 Account Name: สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ ธนาคารกรุงไทย สาขาตลาดไท Saving Account Number: 152-1-32668-1 Account Name: สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ Notes: Withholding tax (3%) is exempt. Should you need to withdraw, you must send the notice of the withdrawal in writing no later than 7 working days before the commencement date. The cancellation less than 7 days will be subject to a fine of 40% of the fee. Software Park Thailand reserves the rights to cancel courses due to unforeseen circumstances.

Contact Person

Contact Person For more information, contact our course coordinator on: Namfhon Pongyat Tel: +66-2583-9992 Ext. 81427 Email: namfhon@swpark.or.th You are encouraged to use the course schedule as a guide to plan your training. The schedule is accessible at www.swpark.or.th for more information.

12,000 THB .

ระยะเวลาการฝึกอบรม: 3 วัน (18 ชั่วโมง) เวลา 9.00 - 16:00 น.

สถานที่อบรม :ณ ห้องอบรม ชั้น 3 อาคารซอฟต์แวร์พาร์ค ถนนแจ้งวัฒนะ

สำคัญ!!! กรุณารอการยืนยันเปิดการอบรมจากเจ้าหน้าที่ก่อนการชำระค่าลงทะเบียน

Enroll now

Course Detail :
Days :
3 Day(s)
Duration :
18 Hour(s)
Time :
09:00:00 - 16:00:00
Training Date :
19 May 2026 - 21 May 2026
Status :
Open Register

Instructor info
avatar
นายไพบูลย์ พนัสบดี

อดีตนายกสมาคมโปรแกรมเมอร์ไทย