SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
By
Jorge Garifuna
ProfessionalWeb Developer
info@GariDigital.com
213-915-4402
JGari.com/resume
Twitter: @jgarifuna
idabiña?
JGari.com/resume
maga-dien-tina!
JGari.com/resume
idabiña?
 How are you?
maga-dien-tina!
 I am fine!
JGari.com/resume
 Show you how easy it is to start mobile
development
 Illustrate how to test on a physical device
JGari.com/resume
• Very Expensive
• Time Consuming
• Maintenance Nightmare
JGari.com/resume
• Leverage Existing Skills
• Get to Market Sooner
• Reach More Users
JGari.com/resume
Cordova
JGari.com/resume
1. Style 2. Script
3. API Access & Multi-
platform packager
Cordova
The beautiful, open source
front-end SDK for developing
hybrid mobile apps with
HTML5
HTML enhanced for web apps!
Controversial Translation: JavaScript framework like
JQuery
Introduction to Mobile Development for IOS and Android Apps with Ionic
Web Mobile
Presentation HTML HTML5
Styling CSS CSS3
Logic PHP, Perl, Python, Ruby, Java, C,
C++, Javascript
PHP, Objective-C, Java,
Javascript
Database MySQL, PostgreSQL SQLite
IDE NetBeans, Eclipse,
DreamWeaver, Sublime
Xcode, Netbeans, Eclipse,
DreamWeaver CS5.5+,
Sublime
Frameworks CakePHP, Symphony, ATK,
Jquery, Sencha EXT JS, Zend
Jquery Mobile, Sencha
Touch, Jo, PhoneGap,Ionic
Distribution Web Hosting Web Hosting, App Store,
Market
JGari.com/resume
1. Build Mobile App
2. Test App on Browser
3. Test App on IOS Simulator
4. Test App on Android Phone
5. Access Devices APIs
JGari.com/resume
1. SketchyPad/iMockups for wireframing
2. Netbeans
3. Ionic
4. PhoneGap
5. IOS Simulator
6. Android Phone
JGari.com/resume
JGari.com/resume
JGari.com/resume
JGari.com/resume
JGari.com/resumeSMS your name & email to: 213-985-4413
JGari.com/resume
JGari.com/resume
JGari.com/resume
JGari.com/resume
 Install NodeJs
 Visit: https://nodejs.org
 Install Cordova & Ionic from commad line
 npm install -g cordova ionic
JGari.com/resume
 Start a project from command line
 ionic start myApp blank
 ionic start myApp tabs
 ionic start myApp sidemenu
JGari.com/resume
 Run your project from command line
 cd myApp
 ionic serve
 Test look and feel for both IOS and Android
 ionic serve --lab
 More options at: http://ionicframework.com/docs/cli/run.html
JGari.com/resume
 Run your project from command line
 cd myApp
 ionic platform add ios
 ionic build ios
 ionic emulate ios
 Run on device (Plug device to computer)
 ionic run ios [options] (nice command: ionic run --help)
 ionic run android [options] (activate developer option, enable USB
debugger)
 Ionic run android –l –c -s
 More options at: http://ionicframework.com/docs/cli/run.html
JGari.com/resume
 Add better navigation provided by Ionic
 http://ionicframework.com/docs/components/
 Tap into the device’s APIs (camera, GPS) with
ngCordova
 http://ngcordova.com/docs/plugins/
JGari.com/resume
JGari.com/resume
JGari.com/resume
 May the demo gods be with us
JGari.com/resume
 Jorge Garifuna
▪info@GariDigital.com
▪@jgarifuna
JGari.com/resume
1. https://nodejs.org
2. http://ionicframework.com
3. https://angularjs.org
4. http://phonegap.com
5. http://cordova.apache.org
6. http://ngcordova.com
JGari.com/resume

Contenu connexe

Plus de jgarifuna

Intro to Quick Web Application Builder (QWAB)
Intro to Quick Web Application Builder (QWAB)Intro to Quick Web Application Builder (QWAB)
Intro to Quick Web Application Builder (QWAB)jgarifuna
 
A practical intro to web development with mongo db and nodejs when, why and ...
A practical intro to web development with mongo db and nodejs  when, why and ...A practical intro to web development with mongo db and nodejs  when, why and ...
A practical intro to web development with mongo db and nodejs when, why and ...jgarifuna
 
A practical intro to web development with mongo db and nodejs when, why and how
A practical intro to web development with mongo db and nodejs  when, why and howA practical intro to web development with mongo db and nodejs  when, why and how
A practical intro to web development with mongo db and nodejs when, why and howjgarifuna
 
Intro to mobile development with sencha touch
Intro to mobile development with sencha touchIntro to mobile development with sencha touch
Intro to mobile development with sencha touchjgarifuna
 
Intro to mobile development with sencha touch
Intro to mobile development with sencha touchIntro to mobile development with sencha touch
Intro to mobile development with sencha touchjgarifuna
 
Introduction to php
Introduction to phpIntroduction to php
Introduction to phpjgarifuna
 

Plus de jgarifuna (6)

Intro to Quick Web Application Builder (QWAB)
Intro to Quick Web Application Builder (QWAB)Intro to Quick Web Application Builder (QWAB)
Intro to Quick Web Application Builder (QWAB)
 
A practical intro to web development with mongo db and nodejs when, why and ...
A practical intro to web development with mongo db and nodejs  when, why and ...A practical intro to web development with mongo db and nodejs  when, why and ...
A practical intro to web development with mongo db and nodejs when, why and ...
 
A practical intro to web development with mongo db and nodejs when, why and how
A practical intro to web development with mongo db and nodejs  when, why and howA practical intro to web development with mongo db and nodejs  when, why and how
A practical intro to web development with mongo db and nodejs when, why and how
 
Intro to mobile development with sencha touch
Intro to mobile development with sencha touchIntro to mobile development with sencha touch
Intro to mobile development with sencha touch
 
Intro to mobile development with sencha touch
Intro to mobile development with sencha touchIntro to mobile development with sencha touch
Intro to mobile development with sencha touch
 
Introduction to php
Introduction to phpIntroduction to php
Introduction to php
 

Introduction to Mobile Development for IOS and Android Apps with Ionic