Contents
www.typescriptlang.org – Documentation
Badges
Cards
Checkbox
https://blog.phaisarn.com/node/8847
https://www.freakyjolly.com/ionic-3-implement-image-viewer-for-photos-in-assets-folder/
https://www.freakyjolly.com/ionic-3-share-and-save-images-from-applications-assets-folder-to-device/
การอ่านข้อมูลของเครื่อง (Device)
Push notifications
Splash Screen
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/
https://ionicframework.com/docs/native/splash-screen/
https://ionicframework.com/docs/cli/cordova/resources/
การทำ Icons และ Splash Screens
การติดตั้ง
- การติดตั้ง Node.js
- การติดตั้ง ionic
- การสร้าง และรันแอพ Ionic
- การรันแอพ ionic พร้อมๆกัน
- การเพิ่มและรันแพลตฟอร์ม
- การเพิ่มแพลตฟอร์ม Android
- Remote Debugging
Variable
- การใช้งานตัวแปร string
- การใช้งานตัวแปร string, number, any, Array
- การใช้งาน input ร่วมกับตัวแปร string (ngModel)
- ฟังก์ชันเกี่ยวกับสตริง String
- ตัวแปร object
User Interface
- Button
- การกำหนดหน้าแรกที่จะแสดง
- การใช้ template แทน templateUrl
- สร้าง button รองรับการ click
- การ Disable Button
- เปลี่ยน Theme และ Font
- การเปลี่ยน Color (Dynamic)
- การเปลี่ยน Theme (Dynamic Theming)
- สร้างหน้า Login – logout
- สร้าง event ที่เรียกใช้ร่วมกันได้
- วาดกราฟด้วย Chart.js
- การใช้งาน Select ทำคล้ายๆ Dropdownlist
ปฏิทิน (Calendar)
- ปัญหา Date ES5 vs ES2015 (ES6)
- การใช้งานตัวแปร Date
- แสดงอินพุท Date และ Time
- แสดงปฏิทิน
- แสดงปฏิทิน และเลือกวันที่ได้
- แสดงปฏิทิน และเลือกวันที่ได้ 2
- แสดง 1 สัปดาห์
- แสดงปฏิทิน และแสดงจุดสำหรับ Event ได้
tabs
เมนู (Menu)
- การสร้าง SideMenu (blank)
- การสร้าง SideMenu (tabs)
- Login-Logout แบบมี
- SideMenu
- สร้าง Submenu (แสดงอย่างเดียว ยังกดไม่ได้)
- สร้าง Submenu #2 (เมนูแยกเก็บเป็นไฟล์ json) ใช้งานได้ละ
- สร้าง Submenu #3 (เมนูไม่แยกเป็นไฟล์ json) ใช้งานได้ละ
- สร้าง Submenu (tabs, เมนูไม่แยกเป็นไฟล์ json)
Page and Modal
- คำสั่ง ionic g
- Alerts
- Action Sheets
- เปลี่ยนหน้าพร้อมส่งข้อมูล string ไปให้ด้วย NavController
- NavController: เปลี่ยนหน้าพร้อมส่งข้อมูล string ไปให้ และรับค่าสตริงกลับได้
- เปลี่ยนหน้าพร้อมส่งข้อมูลที่ผู้ใช้เลือกจาก list ไปให้ด้วย NavController
*ngFor
- ใช้งาน Modal
- การเรียกใช้ Modal พร้อมส่งค่าไปให้
- การเรียกหน้าปฏิทิน ส่งค่าไป-กลับปฏิทินได้
Storage
- Storage แบบต่างๆ
- การใช้งาน localStorage
- การใช้งาน Storage
- การใช้งาน Storage แบบ Promise
- จำการ login ของผู้ใช้
Geolocation
การใช้งาน ion-list
- แสดง List สร้างตัวแปรแบบ
any[]
และแสดงออกลิสต์ - แสดง List แบบใช้ *ngif
Provider
- HTTP VS HTTPClient
- ใช้ Provider แสดง List
- การเรียกใช้ HTTP แบบ GET
- การเรียกใช้ HTTP ด้วย Provider
- อ่าน JSON และตรวจสอบค่า JSON ที่รับมา
HTTP
- การเรียกใช้ HTTP แบบ Native (GET)
- การเรียกใช้ HTTP แบบ Native (GET) แกะค่า JSON
- การเรียกใช้ HTTP แบบ Native (POST)
ionicframework
- IONICONS ไอคอนต่างๆที่ใช้ใน ionic
- Geolocation