Nasrul Hazim Bin Mohamad

Training: Mobile Apps Development with Ionic Framework – Batch 1

Apr
10

Registration Open Now!

Please register at Mobile Apps Development with Ionic Framework

Course Details

Date: 24th April 2016

Location: http://bit.ly/cc-training-location

Fee: RM 100

Syllabus Details

Introduction

Level 0
Installation
– NodeJS: https://nodejs.org/en/ (need to be done before coming to the class)
– Ionic: Just run step 1 at http://ionicframework.com/getting-started/ (need to be done before coming to the class)

Level 1
Ionic Creator
– Sign Up (need to be done before coming to the class)
– Creating Project
– Export Project

Level 2
Development
– Using Google Chrome Developer Tools
– app.js
– route.js
– controller.js
– Templates

Level 3
– ngCordova (Geo Location & Camera)
– services.js (Factory & Service)

Level 4
– Preview App on Device using Ionic View app (need to be done before coming to the class)

Ionic: Installation on Windows

Dec
19

ionic-logo-blog-767x355

  1. Install latest JDK
  2. Install Apache Ant
  3. Install Android Standalone SDK – I’m choosing the latest one(as per today) – installer_r24.4.1.exe
  4. Install Android SDK Packages
    • Tools – choose Android SDK Tools, Android SDK Platform-Tools and Android SDK Build-Tools
    • Android x.x – Choose SDK Platform, ARM EARBI v7a System Image
    • Extras – Android Support Repository, Android Support Library, Google Repository, Google Play Services
  5. Install Cordova npm install -g cordova
  6. Install Ionic npm install -g ionic
  7. Create new ionic project ionic start todo blank
  8. Go into project folder & verify project file structure – cd todo && ls -la
  9. Add Platform ionic platform add [ios|android]
  10. Enable Phone’s Debugging Mode: Open Phone’s Settings > About Phone > Tap Build No few times until Developer options enabled. Go to Settings > Developer options > USB Debugging – turn it on.
  11. Build App for Platform – Please make sure to connect your phone with laptop via USB before proceed following commands
    • ionic build [ios|android]
    • ionic run [emulate ios|android]
  12. Generate icons and splash screens for all devices and device sizes with a single command.
    ionic resources

If having issue with time out(like screen shot below), please refer here

Screenshot_8