อาจารย์สามิตร โกยมBasic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)
สอนการออกแบบเว็บไซต์ด้วยภาษา HTML และ CSS สำหรับผู้เริ่มต้น ที่ยังไม่มีความรู้มาก่อนเลย...
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 เป็นหนึ่งในเครื่องมือการออกแบบที่ถูกพูดถึงและได้รับความนิยมอย่างกว้างขวางในยุคปัจ...
อัพเดทข้อมูลเมื่อ
05/06/2025 14:28:56
