Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
Web Mobile
Presentation HTML HTML5
Styling CSS CSS3
Logic PHP, Perl, Python, Ruby, Java, C,
C++, Javascript
PHP, Objective...
1. Build Mobile App
2. Test App on Browser
3. Test App on IOS Simulator
4. Test App on Android Phone
5. Access Devices API...
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
JGa...
 Start a project from command line
 ionic start myApp blank
 ionic start myApp tabs
 ionic start myApp sidemenu
JGari....
 Run your project from command line
 cd myApp
 ionic serve
 Test look and feel for both IOS and Android
 ionic serve ...
 Run your project from command line
 cd myApp
 ionic platform add ios
 ionic build ios
 ionic emulate ios
 Run on de...
 Add better navigation provided by Ionic
 http://ionicframework.com/docs/components/
 Tap into the device’s APIs (camer...
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.apach...
Introduction to Mobile Development for IOS and Android Apps with Ionic
Upcoming SlideShare
Loading in …5
×

Introduction to Mobile Development for IOS and Android Apps with Ionic

Introduction to Mobile Development for IOS and Android Apps with Ionic

Description:

We all know that Mobile Development is the big talk of the moment, but getting started brings more questions than answers. Questions such as: Where do you start? What platforms do you target? and/or Do you have to learn COCOA, JAVA, HTML5, CSS3 and all those technologies that you may not know much about?


The good news is that you can relax for now, because there is a new and exciting way to do it all in simple ways. We’ll leverage the powerful, convenience and ease of use of the well known framework called Ionic. Ionic is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. In this workshop you will learn the following in a few short minutes… Oh and actually be productive from day one:

How to properly setup your machine to do mobile development

How to design and build a single application that runs perfectly on: mobile web browsers, iPhone (native app), iPad(native app) and Android(native app).

How to transfer your application to an actual iPhone and/or iPad

How to transfer your application to an actual Android phone

How to leverage AngularJs for powerful operations

How to integrate PhoneGap/Cordova plugins to extend your application

After going through the basic concepts of designing, building and deploying a mobile app with Ionic, you will have the opportunity to start your own project. This session will allow you to practice with a realistic pre-existing mobile app or create your own mobile app using the concepts learned from the presentation.


About the Presenter:

Jorge Garifuna is a Professional Software Developer and Consultant with over 20 years of industry experience. His portfolio of technologies include but are not limited to various programming languages, Web 2.0, a diverse number of Frameworks, countless of databases and the latest and greatest in Mobile for popular platforms such as IOS, Android and BlackBerry, among many.


Over the years, Jorge has successfully Designed, Developed and Deployed (DDD) software in the areas of E-Commerce, Project Management, Content Management Systems (CMS), Enterprise Resource Planning (ERP) and Customer Relationship Management (CRM) to name a few. His technologies have been used, by many consumers, employees and businesses, some of which have grown to multi-million dollar businesses.


Jorge prides himself as a happy contributor to various Open Source Projects, including the ATK Framework and vTiger CRM to name a few. He has also given various presentations in the topics of: Joomla CMS; ATK Framework; Wordpress; ELGG Social Network Framework; Integration of Linux, Apache, MySQL, SQLite with Mkahawa Cyber Manager and PHP; and Mobile Development for Web, IOS Native and Android Native.

More details of Jorge’s professional qualifications can be found at: http://jgari.com/resume

  • Be the first to comment

Introduction to Mobile Development for IOS and Android Apps with Ionic

  1. 1. By Jorge Garifuna ProfessionalWeb Developer info@GariDigital.com 213-915-4402 JGari.com/resume Twitter: @jgarifuna
  2. 2. idabiña? JGari.com/resume
  3. 3. maga-dien-tina! JGari.com/resume
  4. 4. idabiña?  How are you? maga-dien-tina!  I am fine! JGari.com/resume
  5. 5.  Show you how easy it is to start mobile development  Illustrate how to test on a physical device JGari.com/resume
  6. 6. • Very Expensive • Time Consuming • Maintenance Nightmare JGari.com/resume
  7. 7. • Leverage Existing Skills • Get to Market Sooner • Reach More Users JGari.com/resume Cordova
  8. 8. JGari.com/resume 1. Style 2. Script 3. API Access & Multi- platform packager Cordova
  9. 9. The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5
  10. 10. HTML enhanced for web apps! Controversial Translation: JavaScript framework like JQuery
  11. 11. 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
  12. 12. 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
  13. 13. 1. SketchyPad/iMockups for wireframing 2. Netbeans 3. Ionic 4. PhoneGap 5. IOS Simulator 6. Android Phone JGari.com/resume
  14. 14. JGari.com/resume
  15. 15. JGari.com/resume
  16. 16. JGari.com/resume
  17. 17. JGari.com/resumeSMS your name & email to: 213-985-4413
  18. 18. JGari.com/resume
  19. 19. JGari.com/resume
  20. 20. JGari.com/resume
  21. 21. JGari.com/resume
  22. 22.  Install NodeJs  Visit: https://nodejs.org  Install Cordova & Ionic from commad line  npm install -g cordova ionic JGari.com/resume
  23. 23.  Start a project from command line  ionic start myApp blank  ionic start myApp tabs  ionic start myApp sidemenu JGari.com/resume
  24. 24.  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
  25. 25.  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
  26. 26.  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
  27. 27. JGari.com/resume
  28. 28. JGari.com/resume
  29. 29.  May the demo gods be with us JGari.com/resume
  30. 30.  Jorge Garifuna ▪info@GariDigital.com ▪@jgarifuna JGari.com/resume
  31. 31. 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

    Be the first to comment

    Login to see the comments

  • kumarthanga33

    Jul. 8, 2015

Introduction to Mobile Development for IOS and Android Apps with Ionic Description: We all know that Mobile Development is the big talk of the moment, but getting started brings more questions than answers. Questions such as: Where do you start? What platforms do you target? and/or Do you have to learn COCOA, JAVA, HTML5, CSS3 and all those technologies that you may not know much about? The good news is that you can relax for now, because there is a new and exciting way to do it all in simple ways. We’ll leverage the powerful, convenience and ease of use of the well known framework called Ionic. Ionic is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. In this workshop you will learn the following in a few short minutes… Oh and actually be productive from day one: How to properly setup your machine to do mobile development How to design and build a single application that runs perfectly on: mobile web browsers, iPhone (native app), iPad(native app) and Android(native app). How to transfer your application to an actual iPhone and/or iPad How to transfer your application to an actual Android phone How to leverage AngularJs for powerful operations How to integrate PhoneGap/Cordova plugins to extend your application After going through the basic concepts of designing, building and deploying a mobile app with Ionic, you will have the opportunity to start your own project. This session will allow you to practice with a realistic pre-existing mobile app or create your own mobile app using the concepts learned from the presentation. About the Presenter: Jorge Garifuna is a Professional Software Developer and Consultant with over 20 years of industry experience. His portfolio of technologies include but are not limited to various programming languages, Web 2.0, a diverse number of Frameworks, countless of databases and the latest and greatest in Mobile for popular platforms such as IOS, Android and BlackBerry, among many. Over the years, Jorge has successfully Designed, Developed and Deployed (DDD) software in the areas of E-Commerce, Project Management, Content Management Systems (CMS), Enterprise Resource Planning (ERP) and Customer Relationship Management (CRM) to name a few. His technologies have been used, by many consumers, employees and businesses, some of which have grown to multi-million dollar businesses. Jorge prides himself as a happy contributor to various Open Source Projects, including the ATK Framework and vTiger CRM to name a few. He has also given various presentations in the topics of: Joomla CMS; ATK Framework; Wordpress; ELGG Social Network Framework; Integration of Linux, Apache, MySQL, SQLite with Mkahawa Cyber Manager and PHP; and Mobile Development for Web, IOS Native and Android Native. More details of Jorge’s professional qualifications can be found at: http://jgari.com/resume

Views

Total views

1,069

On Slideshare

0

From embeds

0

Number of embeds

23

Actions

Downloads

30

Shares

0

Comments

0

Likes

1

×