Downloaded 15 times
![Globalcode – Open4education
Iniciando a aplicação
$ ionic start [nomeDoApp] blank --v2 --ts
$ cd [nomeDoApp]
$ ionic serve
$ ionic serve --lab](https://image.slidesharecdn.com/palestratdc2016-161007013529/75/Palestra-Ionic-Framework-2-O-que-vem-por-ai-TDC-2016-53-2048.jpg)
![Globalcode – Open4education
Ionic Generate
Cria páginas para sua aplicação (html, scss e ts)
$ ionic g page [nomeDaPágina]](https://image.slidesharecdn.com/palestratdc2016-161007013529/75/Palestra-Ionic-Framework-2-O-que-vem-por-ai-TDC-2016-55-2048.jpg)
More Related Content
Palestra "Ionic Framework 2 - O que vem por aí?" TDC 2016
- 1. Globalcode – Open4education IonicFramework 2 - O que vem por aí? Tatiane Aguirres e Márcio Brufatto Trilha Mobile
- 2. Globalcode – Open4education TatianeAguirres Márcio Brufatto @tatianeaguirres aguirres.tati@gmail.com @mbrufatto mhbrufatto@gmail.com
- 3.
- 4. Globalcode – Open4education Oque mudou da V1 para a V2?
- 5. Globalcode – Open4education Oque mudou da V1 para a V2? TUDO
- 6. Globalcode – Open4education Oque mudou da V1 para a V2? TUDOQuase...
- 7.
- 8.
- 9.
- 10.
- 11. Globalcode – Open4education Componentesnovos Action Sheets
- 12. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts
- 13. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts
- 14. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts Confirmation Alerts
- 15. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts Confirmation Alerts Radio Alerts
- 16. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts Confirmation Alerts Radio Alerts Checkbox Alerts
- 17. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts Confirmation Alerts Radio Alerts Checkbox Alerts Badges
- 18. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts Confirmation Alerts Radio Alerts Checkbox Alerts Badges Card Background Images
- 19. Globalcode – Open4education Componentesnovos Action Sheets Alerts Basic Alerts Prompt Alerts Confirmation Alerts Radio Alerts Checkbox Alerts Badges Card Background Images DateTime
- 20. Globalcode – Open4education Componentesnovos FABs
- 21. Globalcode – Open4education Componentesnovos FABs Loading
- 22. Globalcode – Open4education Componentesnovos FABs Loading Modals
- 23. Globalcode – Open4education Componentesnovos FABs Loading Modals Popover
- 24. Globalcode – Open4education Componentesnovos FABs Loading Modals Popover Searchbar
- 25. Globalcode – Open4education Componentesnovos FABs Loading Modals Popover Searchbar Segment
- 26. Globalcode – Open4education Componentesnovos FABs Loading Modals Popover Searchbar Segment Slides
- 27. Globalcode – Open4education Componentesnovos FABs Loading Modals Popover Searchbar Segment Slides Toast
- 28. Globalcode – Open4education Componentesnovos FABs Loading Modals Popover Searchbar Segment Slides Toast Icons http://ionicframework.com/docs/v2/ionicons/
- 29. Globalcode – Open4education Componentesnovos Gestures tap
- 30. Globalcode – Open4education Componentesnovos Gestures tap press
- 31. Globalcode – Open4education Componentesnovos Gestures tap press pan
- 32. Globalcode – Open4education Componentesnovos Gestures tap press pan swipe
- 33. Globalcode – Open4education Componentesnovos Gestures tap press pan swipe rotate
- 34. Globalcode – Open4education Componentesnovos Gestures tap press pan swipe rotate pinch
- 35.
- 36. Globalcode – Open4education Angular2 Utiliza: Components Decorators Typescript
- 37. Globalcode – Open4education Angular2 Utiliza: Components Decorators Typescript Não utiliza mais: Controlers Scope
- 38. Globalcode – Open4education Angular2 Utiliza: Components Decorators Typescript Não utiliza mais: Controlers Scope Curso de Angular 2 gratuito em http://loiane.training
- 39. Globalcode – Open4education Angular2 Angular 1 app.js Angular 2 app.ts
- 40. Globalcode – Open4education Angular2 app.component.ts
- 41. Globalcode – Open4education Typescript Linguagem“tipada” Usa orientação a objetos Está presente no Angular 2 Compila para JavaScript Mais informações em: http://tableless.com.br/diga-ola-ao-typescript-e-adeus- ao-javascript/
- 42. Globalcode – Open4education Testantoo Typescript http://www.typescriptlang.org/Playground
- 43.
- 44.
- 45. Globalcode – Open4education IonicNative Os plugins mais populares do Cordova/PhoneGap agora estão presentes na lib do Ionic 2: Ex: Geolocation, Camera, Push, Bluetooh, SQLite, Facebook, Calendar, Contacts, Google Maps, etc. Instalação: $ npm install ionic-native --save http://ionicframework.com/docs/v2/native/
- 46.
- 47. Globalcode – Open4education Instalandoe iniciando uma App
- 48.
- 49. Globalcode – Open4education InstalandoIonic e Cordova $ npm install -g ionic@beta $ npm install -g cordova $ npm list -g --depth=0
- 50. Globalcode – Open4education Dica:utilize Atom Editor de texto desenvolvido pelo GitHub https://atom.io/ Package: Ionic Preview https://atom.io/packages/ionic-preview Package: Atom TypeScript https://atom.io/packages/atom-typescript
- 51.
- 52. Globalcode – Open4education AtomTypeScript
- 53. Globalcode – Open4education Iniciandoa aplicação $ ionic start [nomeDoApp] blank --v2 --ts $ cd [nomeDoApp] $ ionic serve $ ionic serve --lab
- 54. Globalcode – Open4education Visualizandoa aplicação
- 55. Globalcode – Open4education IonicGenerate Cria páginas para sua aplicação (html, scss e ts) $ ionic g page [nomeDaPágina]
- 56.