MaGIC Academy: Intro to Hybrid Mobile App Development using Ionic Framework



In this hands-on workshop, participants will be guided to create a hybrid mobile app using the Ionic Framework. At the end of the workshop, participants will be able to create interactive, native-like mobile apps and access mobile hardware capabilities such as Camera and Geolocation. Participants should please bring along laptops and an Android v4.4+ phone with camera.

Key Learnings

1) Creating a mobile app using the Ionic Framework
2) Accessing mobile hardware capabilities such as Camera and Geolocation
3) Compiling, installing and debugging the mobile app on an Android phone

Target Audience

Recommended prior knowledge :
- Web / Mobile Developers with some Javascript background
- Familiarity with AngularJS or other Javascript Frameworks

Speaker Description

Zulfa Juniadi Zulkifli is a fullstack developer and has 9 years of related professional experience. At the back-end, Zulfa does PHP on Laravel, Codeigniter or Slim. For the front-end , he does AngularJS and BackboneJS. Zulfa also builds mobile apps using the Ionic Framework. He is also very active in the Jomweb Group where he enjoys contributing time, effort and knowledge . Zulfa now works at Sands Consulting Sdn Bhd and focuses most of his post-office hours on his startup, dropit.my.

Useful references / Pre-Reading

1) http://ionicframework.com/docs/guide/installation.html - Participants are required to install ionic and all its dependencies prior to the workshop

Brief Agenda

0900 - Breakfast
0915 - Workshop Briefing
0930 - Building Your Mobile App
1300 - Lunch and Prayer Break
1400 - Compiling, Installing and Debugging Your Mobile App
1700 - Feedback and End

Important Reminder

  1. Dress Code : Smart Casual. Strictly NO Slippers, NO round-neck shirts, NO short pants
  2. Bring your own laptop


1) Install nodejs:

2) Install android sdk, cordova & ionic:
Windows users please install Java JDK, Apache Ant and Android SDK as per described in the below section:

3) Create an account on ionic creator:

4) A text editor, I'll use sublime text during the workshop:

5) Google chrome

Event Timeline
  • The event description was updated. Diff 2016-04-08 06:59:34
More updates
Sat Apr 9, 2016
9:00 AM - 6:00 PM MYT
Add to Calendar
Standard 20.00 MYR
Standard 20.00 MYR
Venue Address
Microsoft Malaysia Office, Level 26-27, Menara 3 Petronas, Persiaran KLCC, Kuala Lumpur City Centre, 50088 Kuala Lumpur, Malaysia Malaysia
Malaysian Global Innovation & Creativity Centre