Chapter 13Mobile App
Android & iOS
Mobile App
Android
C/C++
JavaScript
Kotlin
iOS
Objective- C
Swift
Hybrid
Cordova (HTML/CSS/Javascript)
React Native
Xamarin (C#)
Expo
ปจจยทตองพจารณาในการเลอกเครองมอทใชพฒนาโมบายแอป
• ลกษณะของแอป เชน เกม ประมวลผลภาพ/วดโอ อานเขยนฐานขอมลเนน GUI สวยงาม ตนทนต าแตตองการทง Android และ iOS
• ความยากงายในการตดตง ถายากเกนไปกไมเหมาะทจะใชสอน• แอปของ iOS ตองมเครอง Mac ถงจะท าได• ทกษะของผพฒนา เชน มทกษะในการท าเวบ (HTML + CSS +
JavaScript) เปนทนเดมอยแลว หรอเขยนโปรแกรมดวยภาษา Javaหรอภาษา C# ได
Expo
• เหมาะกบคนทเขยนเวบดวย React อยแลว• ตดตงงายและเรว ไมเสยเวลานาน• ท าแอปไดทง Android และ iOS• ไมตองมเครอง Mac กท าได แตตองม iPhone/iPad ไวทดสอบ
เปรยบเทยบ React Native กบ Expo
Hardware Requirements
หา IP address
192.168.43.226
WiFi Access Point / Routerจะแชร WiFi Hotspot จากมอถอกไดChula WiFi ไมแนใจ มคนบอกวาไมได
Android หรอ iOS กได ตดตงแอปชอ Expo
Web API
Program.cs
Web Browser
dotnet run
dotnet new webapi -o web-api
cd web-api
แก Program.cs
dotnet run
ทดสอบบน web browser
Expo
npm install --global expo-cliexpo init my-app
cd my-app
App.js
ตอง npm install axios ดวย
npm start
โปรแกรมจะโหลด api อยตลอดเวลา
EP.1 - ความลบของ useEffect ทคณอาจยงไมรhttps://www.youtube.com/watch?v=3HCoVu1FYHk
EP.2 - ท าความเขา useEffect ตงแตเรมตนhttps://www.youtube.com/watch?v=-zEW9tlDmdM
EP.3 - ท าความเขา useEffect ตงแตเรมตน (Part 2)https://www.youtube.com/watch?v=viwzlu7Qf6c
EP.4 - Typescript in React 101https://www.youtube.com/watch?v=OlcaCks-GlE
EP.5 - Typescript in React 101 (Part 2)https://www.youtube.com/watch?v=1WEmiCgZu64
EP.6 - React Anti-Patternhttps://www.youtube.com/watch?v=vStERJGSuCY
EP.7 - React Testing Library 101https://www.youtube.com/watch?v=ve_8ci_WbrM
EP.8 - Project Structure in Reacthttps://www.youtube.com/watch?v=cqIcPfXngqo
EP.9 - React Case Study (Authentication)https://www.youtube.com/watch?v=Y89y890vqwU
EP.10 - รวว Material-UI + Tailwindcss (ของดมอยจรง)https://www.youtube.com/watch?v=4qgGOq8mS4E