Ionic framework Certificate Comp TIA Classroom Trainer CTT

Ionic framework

Certificate Comp. TIA: Classroom Trainer) CTT+(, Project+, A+, Network +, Security+ ORACLE : Oracle Database 11 g Administrator Certified Associate ADOBE : Visual Communication using Adobe Photoshop® CS 6 NSTDA )สวทช): Information Technology Professionals Examination Council : ITPEC Microsoft : Microsoft Certified Trainer, Microsoft Certified Solution Exapert

การพฒนา Application on Mobile 1. Native App • Android จะใชภาษา Java และ tool ทใชเชน Studio , Eclipse Android

Install & Run 1. ตดตง Node. Js https: //nodejs. org/en/ ตรวจสอบการตดตง 2. ตดตง ionic framework เปด cmd พมพ 3. สรางโปรเจคใหม 4. ใน cmd พมพ 5. ตดตง Visual Studio Code https: //code. visualstudio. com/ 6. ตดตง android studio https: //developer. android. com/studio 7. ลองรนบน emulator ทมากบ ใน cmd พมพ เปด cmd พมพ npm -v npm install -g ionic start myapp blank (blank, tabs, sidemenu) ionic serve -i (-i คอเปด Browser แบบหนาจอมอถอได android studio ถา error licene ) (stop กด Ctrl+c)

Install & Run (ตอ ) 8. Java JDK https: //www. oracle. com/technetwork/javase/downloads/index-jsp 138363. html Check CMD>Javac

Install & Run (ตอ ) 9. ตงคา Enveronment Variable ใหกบ android sdk ทลง android studio ไว

Install Code Editor VS Code Install Extension ◦ Angular 6 and Type. Script/HTML VS Code Snippets ◦ Npm Intellisense ◦ Path Intellisense

IONIC 4 Companents https: //beta. ionicframework. com/docs/components#action-sheet Companents คอรปรางหนาตาแอพ ทจะปรบแตง UI ใหสวยงาม

Platform add ios/android ionic cordova platform [<action>] [<platform>] [options] ◦ ionic cordova platform add android ถาตองการยกเลก ◦ ionic cordova platform rm ios

Run ionic cmd>Ionic run android

IONIC DOCUMENT https: //ionicframework. co m/docs/intro