charla taller ionic + angularjs sysmana 2015
TRANSCRIPT
![Page 1: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/1.jpg)
Ionic + Angular JS
![Page 2: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/2.jpg)
Rafa Terán@RTeranToAlberto Gallego
@albgc_
GDG Córdoba
@GDGCordobaESP
Hi!We are GDG Córdoba...
![Page 3: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/3.jpg)
A hybrid app!
![Page 4: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/4.jpg)
● Single-Page Apps Javascript
Framework
● MVC architecture for client app
● Dependency Injection
● Directives
● Magic Data Binding
● Templates
Angular JS
![Page 5: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/5.jpg)
● Mobile Apps Framework
● UI Layers on top of AngularJS
● UI Components = AngularJS
Directives
● UI Mobile
● Super Cordova CLI
Ionic
![Page 6: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/6.jpg)
● Hardware accelerated
animations
● Minimal DOM Manipulation
● Zero jQuery
Performance
![Page 7: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/7.jpg)
● Modeled off of native
SDKs
● Built to work with
Cordova
Native Like
![Page 8: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/8.jpg)
● Cohesive visual
system
● Clean and simple
● Easy to customize
Design
![Page 9: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/9.jpg)
![Page 10: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/10.jpg)
![Page 11: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/11.jpg)
Let’s Build an App
ionic start myApp blank
cd myApp
ionic platform android
ionic build android
![Page 12: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/12.jpg)
CODE TIME!
https://github.com/GDGCordoba/TODO_GDG_Cordoba.git
https://github.com/GDGCordoba/Blank_TODO_list.git
![Page 13: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/13.jpg)
Links of interest
http://learn.ionicframework.com
https://docs.angularjs.org/api/
http://ionicframework.com/docs/compo
nents
![Page 14: Charla taller Ionic + AngularJS Sysmana 2015](https://reader038.vdocuments.us/reader038/viewer/2022110314/55c8914dbb61eb30718b459e/html5/thumbnails/14.jpg)
Thank you!