[Fapan] criando aplicações mobile híbridas com ionic framework
Apresentação ionic framework
20
ionic framework Apresentação
-
Upload
joel-garcia-jr -
Category
Technology
-
view
184 -
download
0
Transcript of Apresentação ionic framework
![Page 1: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/1.jpg)
ionic frameworkApresentação
![Page 2: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/2.jpg)
Joel Garcia Jr
facebook.com/joelgarciajr/
@joelgarciajr84joelgarciajr84
![Page 3: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/3.jpg)
![Page 4: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/4.jpg)
Tá, mas e daí?
![Page 5: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/5.jpg)
ionic frameworkÉ de comer ou de passar no cabelo?
SDK
![Page 6: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/6.jpg)
![Page 7: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/7.jpg)
![Page 8: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/8.jpg)
AngularJS é um
framework
JavaScript open-
source, mantido
pelo Google, que
auxilia na execução
de single-page
applications.
![Page 9: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/9.jpg)
CSS
Preprocessor
escrito em
Ruby
![Page 10: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/10.jpg)
Instalação
npm install -g cordova ionic
![Page 11: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/11.jpg)
CLI
![Page 12: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/12.jpg)
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate androidoutput: XCode Project output: APK ( Android Package)
![Page 13: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/13.jpg)
Perai, tem mais...
![Page 14: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/14.jpg)
ionic creator - Online
![Page 15: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/15.jpg)
ionic Lab - Desktop
![Page 16: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/16.jpg)
ionic view $ ionic upload
![Page 17: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/17.jpg)
Money.. money money ...
![Page 18: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/18.jpg)
Showcase
![Page 19: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/19.jpg)
Live Demo
![Page 20: Apresentação ionic framework](https://reader036.fdocument.pub/reader036/viewer/2022062310/58a2524b1a28abe8738b5f61/html5/thumbnails/20.jpg)
Dúvidas?