Mobile Apps · MBC-27

Basic React Native with Expo

12 hours 2 days

Last updated 25 Sep 2026

Basic React Native with Expo is a 12-hour training course by IT Genius Institute. หลักสูตร "Basic React Native with Expo" นี้ถูกออกแบบมาเพื่อให้ผู้เรียนได้เรียนรู้การพัฒนาแอปพลิเคชันมือถือข้ามแพลตฟอร์มอย่าง React Native โดยใช้ Expo…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

หลักสูตร "Basic React Native with Expo" นี้ถูกออกแบบมาเพื่อให้ผู้เรียนได้เรียนรู้การพัฒนาแอปพลิเคชันมือถือข้ามแพลตฟอร์มอย่าง React Native โดยใช้ Expo ซึ่งเป็นเครื่องมือที่ช่วยให้การพัฒนาและการทดสอบแอปเป็นไปอย่างรวดเร็วและง่ายดาย โดยในหลักสูตรนี้ผู้เรียนจะได้ศึกษาและลงมือทำ Workshop "AuraShop" ผ่านการออกแบบ UI ด้วย TailwindCSS ที่หลายคนชื่นชอบ มีการเชื่อมต่อกับฐานข้อมูล Supabase และมีฟังก์ชันการทำงานที่ครบครัน เช่น การจัดการข้อมูล API การถ่ายภาพ การตรวจสอบสถานะอินเทอร์เน็ต ซึ่งจะช่วยให้ผู้เรียนมีพื้นฐานการพัฒนาแอปพลิเคชันมือถือที่แข็งแรงพร้อมใช้งานในโลกจริง

Objectives

ให้ผู้เรียนเข้าใจพื้นฐานการพัฒนาแอปพลิเคชันด้วย React Native และ Expo
สอนวิธีการใช้เครื่องมือและการตั้งค่าพื้นฐานเพื่อเริ่มต้นพัฒนาแอป
ฝึกการเชื่อมต่อและจัดการข้อมูลบนฐานข้อมูล Supabase ผ่าน REST API
สร้างความเข้าใจในฟังก์ชันการทำงานต่างๆ ของแอป เช่น การถ่ายภาพ และการตรวจสอบสถานะอินเทอร์เน็ต
แนะนำกระบวนการ Build และ Deploy แอปพลิเคชันผ่าน EAS Build

Who this course is for

ผู้เริ่มต้นพัฒนาแอปพลิเคชันแบบ Cross Platform ด้วย React Native
นักศึกษาหรือผู้สนใจพัฒนาแอพพลิเคชันพื้นฐาน
นักพัฒนาที่มีความต้องการสร้างแอพพลิเคชันด้วยตนเอง
ผู้ประกอบการหรือเจ้าของธุรกิจ ที่ต้องการพัฒนาแอปเบื้องต้นเพื่อนำเสนอไอเดีย

Prerequisites

มีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS
มีพื้นฐานการเขียนโปรแกรม JavaScript หรือ TypeScript เบื้องต้น
รู้จักการทำงานกับ REST API และ JSON
มีความเข้าใจพื้นฐานเกี่ยวกับการทำงานของฐานข้อมูล เช่น CRUD Operations

Curriculum

วันที่ 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

Frequently asked questions

Who is Basic React Native with Expo for, and what background is needed?

Built for ผู้เริ่มต้นพัฒนาแอปพลิเคชันแบบ Cross Platform ด้วย React Native · นักศึกษาหรือผู้สนใจพัฒนาแอพพลิเคชันพื้นฐาน · นักพัฒนาที่มีความต้องการสร้างแอพพลิเคชันด้วยตนเอง Background you should have: มีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS · มีพื้นฐานการเขียนโปรแกรม JavaScript หรือ TypeScript เบื้องต้น Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Basic React Native with Expo cost and how long does it run?

THB 5,500 (currently THB 4,950 on promotion). The course runs 12 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.