Ionic-3-version-basicFeed

Ionic-3-version-basicFeed

NO CONSOLE RODAR ionic start BasicFeeds tabs

PARA GERAR A NOVA PAGINA https://ionicframework.com/docs/cli/generate/ ionic generate page Feeds

COLOCAR OS CARDS. NO HTML DA PAGINA https://ionicframework.com/docs/components/#card-advanced-social

COLOCAR NO MENU INFERIOR NO C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts, COLOCAR "FeedsPageModule" DEPOIS EM C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.ts ADICIONA A TAB ADICIONA NO C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.html

ALTERA O ICONE

CRIA A VARIAVEL NO ts DA CONTROLLER E CHAMA NO HTML

FUNÇÃO NO TYPESCRIPT

CRIAR A PAGINA DE SLIDES ionic generate page Intro ADICIONA A PAGINA DE SLIDE NO C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts

COLOCA A PAGINA DE INTRO no C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.component.ts defini a pagina inicial do seu app

NO SLIDER COLOCA PARA O ULTIMO SLIDER CHAMAR O APP

MOSTRA A API https://developers.themoviedb.org/3/movies/get-latest-movie

FAZER LOGIN

ADICIONAR MODULO HTTP NO ARQUIVO C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts https://angular.io/api/http/HttpModule

CRIAR UM NOVO ARQUIVO PARA CONFIGURAR O HTTP ionic generate provider MovieProvider

Configura o novo provider no arquivo, no IMPORTS C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts

ADICIONA AS CONFIGURAÇÕES DE PROVIDER NO ts DA PAGINA DE FEEDS ADICIONANO CONTRUTOR

ARQUIVO DE CONFIGURAÇÕES

criar a pasta "config" dentro de providers

C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\providers\config\config.ts

Dentro dela deva gravar no localStorage as informações

Adicionamos o um novo "provider" em C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.component.ts, com as configurações

Adicionamos tambem o config no construtor da so app.component, C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.component.ts

ADICIONANDO NOVAS PAGINAS

roda o comando para criar novas paginas:

ionic generate page configuracoes
ionic generate page sobre
ionic generate page perfil
Adiciona as paginas no arquivo: C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts
Adiciona na pagina de C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.html
C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.ts
Colocamos o menu lateral na pagina de configuracoes
Colocamos a pagina perfil como ROOTPAGE da pagina de configurações

ADICIONANDO O LOADER NA PAGINA DE FEEDS

https://ionicframework.com/docs/components/#loading Vamos aplicar a nova controller no contrutor da pagina de FEEDS C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\feeds\feeds.ts
Criamos os metodos de abrir e fechar no arquivo C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\feeds\feeds.ts
Alteramos de "ionViewDidLoad" para "ionViewDidEnter"

ADICIONANDO O "REFRESHER" NA PAGINA DE FEEDS

https://ionicframework.com/docs/api/components/refresher/Refresher/
copiamos o html do ionc para a pagina C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\feeds\feeds.html
criamos o metodo "doRefresh" para usar o refresher.

ADICIONANDO NOVA PAGINA DE DETALHES DO FILME

Criamos nova pagina ionic generate page filmeDetalhes

Adicionamos a pagina ao C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts

Criamos um novo metodo no provider C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\providers\movie\movie.ts

Adicionamos o provider e o novo metodo ao arquivo de detalhes C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\filme-detalhes\filme-detalhes.ts

ADICIONANDO COMPONENTE DE INFINETE SCROOL

https://ionicframework.com/docs/api/components/infinite-scroll/InfiniteScroll/
Adicionamos o codigo HTML e o codigo ts.
C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\feeds\feeds.ts
Atualizamos os codigos para carregar filmes

ADICIONANDO NOVO PROVIDER ( CARTOLA FC ) PROBLEMA COM CORS NO IONIC

https://blog.ionicframework.com/handling-cors-issues-in-ionic/
https://api.cartolafc.globo.com/atletas/mercado
Adicionamos um novo provider ionic generate provider cartola
Adicionamos uma nova pagina ionic generate page atletas
ADICIONAMOS A PAGINA AO ARQUIVO DE C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts
ADICIONAMOS A PAGINA AO ARQUIVO DE C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.ts
ADICIONAMOS A PAGINA AO ARQUIVO DE C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.html
Adicionamos o novo provider a pagina C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\atletas\atletas.ts
Aplicamos configurações de "proxy" no arquivo C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\ionic.config.json
Aplicamos as alterações no arquivo C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\providers\cartola\cartola.ts

ADICIONANDO USO DE CAMERA PELO APP

Adicionamos uma nova pagina ionic generate page camera
ADICIONAMOS A PAGINA AO ARQUIVO DE C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\app\app.module.ts
ADICIONAMOS A PAGINA AO ARQUIVO DE C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.ts
ADICIONAMOS A PAGINA AO ARQUIVO DE C:\Users\JEAN-NOTE\Desktop\app\Ionic-3-version-basicFeed\BasicFeeds\src\pages\tabs\tabs.html
https://ionicframework.com/docs/native/camera/
ionic cordova plugin add cordova-plugin-camera
npm install --save @ionic-native/camera
Adicionamos a plataforma do browser no nosso APP, para que ele possa usar as configurações do nosso computador como um dispositivo
ionic cordova platform add browser
https://ionicframework.com/docs/cli/cordova/platform/
apos isso para usar o comando abaixo para rodar o app, forçando o para rodar no browser
ionic cordova run browser