Ionic3

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

การติดตั้ง

  1. การติดตั้ง ionic
  2. การสร้าง และรันแอพ Ionic
  3. การรันแอพ ionic พร้อมๆกัน
  4. การเพิ่มและรันแพลตฟอร์ม
  5. การเพิ่มแพลตฟอร์ม Android
  6. Remote Debugging

Variable

  1. การใช้งานตัวแปร string
  2. การใช้งานตัวแปร string, number, any, Array
  3. การใช้งาน input ร่วมกับตัวแปร string (ngModel)
  4. ฟังก์ชันเกี่ยวกับสตริง String
  5. ตัวแปร object

User Interface

  1. Button
  2. การกำหนดหน้าแรกที่จะแสดง
  3. การใช้ template แทน templateUrl
  4. สร้าง button รองรับการ click
  5. การ Disable Button
  6. เปลี่ยน Theme และ Font
  7. การเปลี่ยน Color (Dynamic)
  8. การเปลี่ยน Theme (Dynamic Theming)
  9. สร้างหน้า Login – logout
  10. สร้าง event ที่เรียกใช้ร่วมกันได้
  11. วาดกราฟด้วย Chart.js
  12. การใช้งาน Select ทำคล้ายๆ Dropdownlist

ปฏิทิน (Calendar)

  1. ปัญหา Date ES5 vs ES2015 (ES6)
  2. การใช้งานตัวแปร Date
  3. แสดงอินพุท Date และ Time
  4. แสดงปฏิทิน
  5. แสดงปฏิทิน และเลือกวันที่ได้
  6. แสดงปฏิทิน และเลือกวันที่ได้ 2
  7. แสดง 1 สัปดาห์
  8. แสดงปฏิทิน และแสดงจุดสำหรับ Event ได้

tabs

  1. แก้ไข Page แบบ tabs
  2. กำหนดหน้า default ให้กับ tabs

เมนู (Menu)

  1. การสร้าง SideMenu (blank)
  2. การสร้าง SideMenu (tabs)
  3. Login-Logout แบบมี
  4. SideMenu
  5. สร้าง Submenu (แสดงอย่างเดียว ยังกดไม่ได้)
  6. สร้าง Submenu #2 (เมนูแยกเก็บเป็นไฟล์ json) ใช้งานได้ละ
  7. สร้าง Submenu #3 (เมนูไม่แยกเป็นไฟล์ json) ใช้งานได้ละ
  8. สร้าง Submenu (tabs, เมนูไม่แยกเป็นไฟล์ json)

Page and Modal

  1. คำสั่ง ionic g
  2. Alerts
  3. Action Sheets
  4. เปลี่ยนหน้าพร้อมส่งข้อมูล string ไปให้ด้วย NavController
  5. NavController: เปลี่ยนหน้าพร้อมส่งข้อมูล string ไปให้ และรับค่าสตริงกลับได้
  6. เปลี่ยนหน้าพร้อมส่งข้อมูลที่ผู้ใช้เลือกจาก list ไปให้ด้วย NavController *ngFor
  7. ใช้งาน Modal
  8. การเรียกใช้ Modal พร้อมส่งค่าไปให้
  9. การเรียกหน้าปฏิทิน ส่งค่าไป-กลับปฏิทินได้

Storage

  1. Storage แบบต่างๆ
  2. การใช้งาน localStorage
  3. การใช้งาน Storage
  4. การใช้งาน Storage แบบ Promise
  5. จำการ login ของผู้ใช้

Geolocation

  1. Geolocation
  2. คำนวณระยะทางระหว่างจุด 2 จุด (latitude-longitude points)
  3. Google Maps & Geolocation

การใช้งาน ion-list

  1. แสดง List สร้างตัวแปรแบบ any[] และแสดงออกลิสต์
  2. แสดง List แบบใช้ *ngif

Provider

  1. HTTP VS HTTPClient
  2. ใช้ Provider แสดง List
  3. การเรียกใช้ HTTP แบบ GET
  4. การเรียกใช้ HTTP ด้วย Provider
  5. อ่าน JSON และตรวจสอบค่า JSON ที่รับมา

HTTP

  1. การเรียกใช้ HTTP แบบ Native (GET)
  2. การเรียกใช้ HTTP แบบ Native (GET) แกะค่า JSON
  3. การเรียกใช้ HTTP แบบ Native (POST)

ionicframework

  1. IONICONS ไอคอนต่างๆที่ใช้ใน ionic
  2. Geolocation

Article

  1. IONIC PAGE LIFECYCLE EVENTS

Error

  1. ionic probleme No ‘Access-Control-Allow-Origin’