อาจารย์สามิตร โกยมBasic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)
ในยุคปัจจุบันที่เว็บแอปพลิเคชัน (Web Apps), SPA (Single Page Applications) และเว็บที่ตอ...
Basic React Native with Expo
รายละเอียด Course ID: mbc-27
หลักสูตร "Basic React Native with Expo" นี้ถูกออกแบบมาเพื่อให้ผู้เรียนได้เรียนรู้การพัฒนาแอปพลิเคชันมือถือข้ามแพลตฟอร์มอย่าง React Native โดยใช้ Expo ซึ่งเป็นเครื่องมือที่ช่วยให้การพัฒนาและการทดสอบแอปเป็นไปอย่างรวดเร็วและง่ายดาย โดยในหลักสูตรนี้ผู้เรียนจะได้ศึกษาและลงมือทำ Workshop "AuraShop" ผ่านการออกแบบ UI ด้วย TailwindCSS ที่หลายคนชื่นชอบ มีการเชื่อมต่อกับฐานข้อมูล Supabase และมีฟังก์ชันการทำงานที่ครบครัน เช่น การจัดการข้อมูล API การถ่ายภาพ การตรวจสอบสถานะอินเทอร์เน็ต ซึ่งจะช่วยให้ผู้เรียนมีพื้นฐานการพัฒนาแอปพลิเคชันมือถือที่แข็งแรงพร้อมใช้งานในโลกจริง
รอบการเปิดอบรม
ไฟล์รายละเอียดคอร์ส
- Basic React Native with Expo (Course outline PDF)
- โปรไฟล์ของบริษัทไอทีจีเนียส เอ็นจิเนียริ่ง (โปรไฟล์ไอทีจีเนียส PDF)
วัตถุประสงค์
- ให้ผู้เรียนเข้าใจพื้นฐานการพัฒนาแอปพลิเคชันด้วย React Native และ Expo
- สอนวิธีการใช้เครื่องมือและการตั้งค่าพื้นฐานเพื่อเริ่มต้นพัฒนาแอป
- ฝึกการเชื่อมต่อและจัดการข้อมูลบนฐานข้อมูล Supabase ผ่าน REST API
- สร้างความเข้าใจในฟังก์ชันการทำงานต่างๆ ของแอป เช่น การถ่ายภาพ และการตรวจสอบสถานะอินเทอร์เน็ต
- แนะนำกระบวนการ Build และ Deploy แอปพลิเคชันผ่าน EAS Build
กลุ่มเป้าหมาย
- ผู้เริ่มต้นพัฒนาแอปพลิเคชันแบบ Cross Platform ด้วย React Native
- นักศึกษาหรือผู้สนใจพัฒนาแอพพลิเคชันพื้นฐาน
- นักพัฒนาที่มีความต้องการสร้างแอพพลิเคชันด้วยตนเอง
- ผู้ประกอบการหรือเจ้าของธุรกิจ ที่ต้องการพัฒนาแอปเบื้องต้นเพื่อนำเสนอไอเดีย
ความรู้พื้นฐาน
- มีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS
- มีพื้นฐานการเขียนโปรแกรม JavaScript หรือ TypeScript เบื้องต้น
- รู้จักการทำงานกับ REST API และ JSON
- มีความเข้าใจพื้นฐานเกี่ยวกับการทำงานของฐานข้อมูล เช่น CRUD Operations
ระยะเวลาในการอบรม
- 12 ชั่วโมง
ราคาคอร์สอบรม
- ราคาปกติ 5,500 บาท / คน
- โปรโมชั่นลด 10% เหลือ 4,950 บาท / คน
- ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
- ขอใบเสนอราคา
วิทยากรผู้สอน
เนื้อหาการอบรม
วันที่ 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
แนะนำหลักสูตรที่น่าสนใจ
Figma to HTML&CSS workshop
หลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Bootstrap 5.x...
Elasticsearch and Kibana with .NET
ElasticSearch คือเครื่องมือค้นหาและวิเคราะห์ข้อมูลแบบกระจาย ที่มีพื้นฐานมาจาก Apache Lu...
Elasticsearch with Python
ElasticSearch คือเครื่องมือค้นหาและวิเคราะห์ข้อมูลแบบกระจาย ที่มีพื้นฐานมาจาก Apache Lu...
Basic Vue and Nuxt 3 with Prisma and Supabase
หลักสูตร Basic Vue and Nuxt 3 with Prisma and Supabase นี้ถูกออกแบบมาเพื่อให้ผู้เรียนที...
Figma for beginners
Figma เป็นหนึ่งในเครื่องมือการออกแบบที่ถูกพูดถึงและได้รับความนิยมอย่างกว้างขวางในยุคปัจ...
คำถามที่พบบ่อย (FAQ)
คอร์ส Basic React Native with Expo เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน
ดูรายละเอียดกลุ่มเป้าหมายและพื้นฐานที่ต้องมีได้ในหัวข้อ "กลุ่มเป้าหมาย" และ "พื้นฐานที่ผู้เรียนต้องมี" บนหน้านี้ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449
คอร์ส Basic React Native with Expo ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง
ราคาปกติ 5,500 บาท (โปรโมชันปัจจุบันเหลือ 4,950 บาท) ใช้เวลาอบรม 12 ชั่วโมง ราคานี้รวมเอกสารประกอบการอบรม อาหารกลางวัน และอาหารว่างตลอดหลักสูตร
เรียนจบได้รับ Certificate หรือไม่
ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส
อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่
อบรมแบบ Onsite ที่สถาบันไอทีจีเนียส สาขาลาดพร้าววังหิน 68 กรุงเทพฯ และมีบริการจัดอบรมนอกสถานที่ (In-house Training) สำหรับองค์กร บางหลักสูตรมีเวอร์ชันเรียนออนไลน์ผ่าน GeniusHub ดูได้ที่เมนูคอร์สออนไลน์
ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่
มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน ดูรายละเอียดที่หน้า "เรียนซ้ำฟรี" หรือสอบถามทีมงาน
สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร
สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่ม "ขอใบเสนอราคา" สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius
