Carga horária: 40hs
Objetivo
Habilitar o profissional a trabalhar programando para duas plataformas de Mobile, tanto para Android como Para Apple.
Preparando ou para ser um empreendedor ou para ser um grande profissional que produz app segurs, sofisticadas e com designer top.
Introduzir o desenvolvimento de aplicativos Híbridos para Android e IOS utilizando o IONIC 4, Typescript, Angular 8, MEAN Fullstack (Mongodb, ExpressJs, Angular, Node).
Pré-requisito: Programar em alguma linguagem para web
Ionic 4
· Aplicações híbridas ou nativas
· Introdução sobre Ionic
· Instalação do Node JS
· Configuração do ambiente JDK
· Typescript
· Json
· Rodando o app no simulador de android
· Rodando o app no simulador do Iphone
· Cordova
· Android SDK Tools
· Ferramentas necessárias
· Configurando nosso ambiente
· Criando projeto Ionic com JS puro
· Criando projeto Ionic com Angular
· Conhecendo o Ionic Cli
· Criando novo projeto, entendendo os menus
· Arrow Functions
· Decorators
· Constructor, Getters, Setters
· Introdução a Interfaces e Heranças
· Lists
· Enums
· Components
· Events & Notify
· Ionic-CLI para criação do projeto
· Generators
· Components
· Fontes do projeto
· Quanto ganha um desenvolvedor Ionic?
· Aplicações híbridas ou nativas
· Introdução sobre Ionic
· Instalação do Node JS
· Configuração do ambiente JDK
· Json
· Rodando o app no simulador de android
· Cordova
· Android SDK Tools
· Webcomponents& Two-way-data-binding
· ngModel, ngFor, ngIf, ngStyle, ngClass, ngSwitch
· Introdução a plugins (Cordova) – Câmera, GPS, Acelerômetro, etc
· Introdução a temas com CSS , SASS
· Estrutura do projeto IONIC
· package.json, npm, config.xml
Componentes Visuais
· Criando pagina de Instalação
· Criando paginas de Layout
· Falando sobre Header e Footer
· Falando sobre Tabs
· Tabs atualizada!
· Falando sobre menu
· Falando sobre Split Pane
· Aula sobre Grids
· Css Utilities
· Criando pagina Componentes
· Componente – Action Sheet
· Componente – Alert
· Componente badges
· Componente – Button
· Componente – Card
· Componente – CheckBox
· Componente – Radio
· Componente DateTime
· Componente Fab
· Componente Input
· Componente Lista
· Componente Loading
· Componente Modal
· Componente Range
· Componente Select
· Component SearchBar
Slide
· Componente Spinner
· Componente Toast
· Componente InfiniteScroll
· Componente Popover
· Componente Refresher
· Componente SearchBar
· Componente Toggle
· Grids
· Icons
· Introdução a emulação de dispositivos, deploy e debug
· Introdução a RESTful API com Mongo, ExpressJS, Angular e Nodejs (MEAN Fullstack)
· Introdução a publicação na Playstore
· Como monetizar o seu app
· Criando e utilizando services e providers Criando e utilizando services no Ionic
Acessando API Externa
· API – Realizando requisições Http
· Observable e Promise
· RESTful Services