การสร้างโมบายแอพพลิเคชั่นด้วย Ionic Framework 3 เพื่อใช้งานจริง (Build Mobile App with Ionic Framework 3 for real world)
ผู้เข้ารับการอบรมต้องจ่ายค่าลงทะเบียน เพื่อเป็นค่าตอบแทนวิทยากรและทีมงาน ค่าเอกสาร ค่าอาหารกลางวันและอาหารว่าง (เช้า-บ่าย) จำนวน 3 วัน เป็นจำนวนเงินท่านละ 3,000 บาท ทั้งนี้ผู้เข้ารับการอบรมที่เป็นข้าราชการสามารถเข้าร่วมอบรมได้โดยไม่ถือเป็นวันลา และมีสิทธิ์เบิกจ่ายในการฝึกอบรมนี้ได้ตามระเบียบกระทรวงการคลัง
นักวิชาการคอมพิวเตอร์ ภาควิชาคณิตศาสตร์ สถิติและคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวิทยาลัยอุบลราชธานี และคณะ
ประวัติวิทยากรวัน/เวลา | เนื้อหา |
---|---|
วันที่ 1 | |
09.00 – 10.30 น. | แนะนำการติดตั้ง Node.js ,npm , และ VS Code (Extension ที่จำเป็น)
แนะนำการติดตั้ง Ionic Framework 3 และเครื่องมือต่างๆ เช่น การรันผ่าน USB, Emulator เป็นต้น การสร้าง และจัดการโปรเจค การรัน App เรียนรู้การใช้งานคำสั่ง Ionic CLI |
10.30 – 10.45 น. | พักรับประทานอาหารว่าง |
10.45-12.00 น. | พื้นฐาน JavaScript ES 6, Angular 4 และ Type Script สำหรับ Ionic 3
แนะนำ Hybrid Mobile Application แนะนำ Ionic Framework 3 เบื้องต้น |
12.00 – 13.00 น. | พักรับประทานอาหารกลางวัน |
13.00 – 14.30 น. | การจัดการ Pages
ทำความเข้าใจกับ Navigation Stack เรียนรู้พื้นฐาน Navigation การรับส่งข้อมูลระหว่าง Pages |
14.30 – 14.45 น. | พักรับประทานอาหารว่าง |
14.45 – 17.00 น. | พื้นฐาน และการใช้งาน Ionic Components
เรียนรู้การใช้งาน List, Search Bar, Cards, Alerts, Toasts, Refresher และ Slides เรียนรู้ และใช้งาน Http service เรียกใช้ APIs ในรูปแบบต่างๆ |
วันที่ 2 | |
09.00 – 10.30 น. | การเรียกใช้งาน APIs (Backend) ด้วย Angular Services
การสร้าง Http Service และ Providers เรียนรู้ Lifecycle Events |
10.30 – 10.45 น. | พักรับประทานอาหารว่าง |
10.45 - 12.00 น. | เรียนรู้ และใช้งาน Ionic 3 Components ขั้นสูง |
12.00 – 13.00 น. | พักรับประทานอาหารกลางวัน |
13.00 – 14.30 น. | การส่งข้อมูลไปที่ Server หรือ APIs (insert, update, delete)
การใช้งาน Dialog และ Loading |
14.30 – 14.45 น. | พักรับประทานอาหารว่าง |
14.45 – 17.00 น. | การสร้างฟอร์ม Form , การรับข้อมูลจากผู้ใช้ด้วย (Form)
การตรวจสอบความถูกต้องของข้อมูล (Form Validation) การสร้างระบบล็อกอินด้วย Ionic 2 ร่วมกับการใช้ Events |
วันที่ 3 | |
09.00 – 10.30 น. | เรียนรู้ และใช้งาน Ionic Native เช่น Google Map และอื่นๆ
การใช้งาน Camera + อัปโหลดรูปภาพ , Local Notifications, Barcode Scanner, Social Sharing, In-App Browser, Call Number เป็นต้น |
10.30 – 10.45 น. | พักรับประทานอาหารว่าง |
10.45-12.00 น. | การเก็บข้อมูลแบบ Local ด้วย Ionic Storage (SQLite)
การจัดรูปแบบ และแสดงผลข้อมูลด้วย Pipes |
12.00 – 13.00 น. | พักรับประทานอาหารกลางวัน |
13.00 – 14.30 น. | การตกแต่ง templates และสไตล์ให้กับ App
การสร้างรายงานด้วย Charts |
14.30 – 14.45 น. | พักรับประทานอาหารว่าง |
14.45 – 17.00 น. | Workshop
เรียนรู้ขั้นตอนการเตรียมไอคอน, splash screen การ build app ทั้ง Android และ iOS การเตรียม App เพื่ออัพโหลดขึ้น Store |