lista de conteudos sobre angularjs e ionic

contents.md

Introdução a Angular

• https://angular.io/
• https://blog.angular.io/?gi=7458c53f303
• https://angular.io/events
• https://angular.io/resources
• https://angular.io/features

Instalando o Node JS

• https://www.brunobrito.net.br/estruturando-components-angular/

Módulos

• https://angular.io/guide/architecture-modules

Componentes

• https://angular.io/guide/architecture-components

Bootstrapping

• https://angular.io/guide/bootstrapping

Diretivas

• https://angular.io/guide/dynamic-component-loader
• https://angular.io/guide/structural-directives
• https://angular.io/guide/attribute-directives

Modelos

• https://angular.io/guide/architecture-modules

Serviços

• https://angular.io/guide/architecture-services

Rotas

• https://angular.io/tutorial/toh-pt5

Pipes

• https://angular.io/guide/pipes

Utilizando o bower

• Não seria melhor usar o npm mesmo ou yarn?

Trabalhando com TypeScript

• https://blog.tecsinapse.com.br/devo-ou-n%C3%A3o-usar-typescript-ecd0f865b53
• https://github.com/Microsoft/TypeScript
• https://www.typescriptlang.org/docs/tutorial.html
• https://www.typescriptlang.org/docs/handbook/basic-types.html
• https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md
• https://www.typescriptlang.org/

Variáveis

• https://www.typescriptlang.org/docs/handbook/variable-declarations.html

Classes

• https://www.typescriptlang.org/docs/handbook/classes.html

Funções

• https://www.typescriptlang.org/docs/handbook/functions.html

Promisses

• https://dzone.com/articles/angular-observables-and-promises-how-to-use-them

Templates

• https://angular.io/guide/template-syntax

Desenvolvendo em Angular

• https://www.altexsoft.com/blog/engineering/the-good-and-the-bad-of-angular-development/

Persistindo dados

• https://stackoverflow.com/a/42020639/3298300

Consumindo dados da nuvem e servidores RESTful

Trabalhando com eventos

Utilizando plugins e adicionando módulos

Exemplos de plugins

• https://github.com/card-io/card.io-Cordova-Plugin

Criando um sistema de gestão de tarefas

• https://www.sitepoint.com/ultimate-angular-cli-reference/

Consumindo dados da nuvem e exibindo em listas

• https://angular.io/tutorial/toh-pt2

Trabalhando com listas e cards

• https://material.angular.io/components/card/overview
• https://getbootstrap.com/docs/4.0/components/card/

Consumindo webservices e APIs RESTful

• https://medium.com/@dinyangetoh/how-to-build-simple-restful-api-with-nodejs-expressjs-and-mongodb-99348012925d

Interceptando requisições HTTP

• esta parte vamos entrar no service e mostrar como alterar uma requição http?

Retornando JSON estático

• como interceptar requisições e retornar dados estáticos

Trabalhando com formulários

• https://angular.io/guide/forms-overview
• https://angular.io/guide/dynamic-form

Validação de formulários

• https://angular.io/guide/forms-overview

Máscaras e validação customizada

• https://www.npmjs.com/package/ngx-mask

Exibição de mensagens de erro automatizadas

• https://angular.io/guide/form-validation

Enviando dados para o servidor

• api
• nodejs
• express
• mongo

Automatização de tarefas

Minificando arquivos

• https://stackoverflow.com/a/51657321/3298300

Trabalhando com o gulp e automatização de tarefas

• https://gulpjs.com/docs/en/getting-started/quick-start
• https://gulpjs.com/docs/en/getting-started/creating-tasks

Introdução ao Ionic

• https://ionicframework.com/
• https://medium.com/codigorefinado/oque-%C3%A9-o-ionic-4f8c7b94c51b
• https://ionicframework.com/docs/Introdução

Instalando Ionic

• https://ionicframework.com/getting-started#cli
• https://ionicframework.com/docs/installation/environment
• https://ionicframework.com/docs/installation/cli

Instalando Cordova

• https://cordova.apache.org/#getstarted

Instalando ambiente Android

• https://ionicframework.com/docs/installation/android
• https://developer.android.com/studio/install?hl=pt-br

Criando nosso primeiro aplicativo

• https://ionicframework.com/docs/developer-resources/guides

Ionic cli

• https://ionicframework.com/docs/cli

Criando o projeto utilizando starter templates

• https://ionicframework.com/docs/cli/configuration#adding-an-app

Utilizando menu lateral

• https://ionicframework.com/docs/api/menu

Gerando componentes através do Ionic CLI

• https://ionicframework.com/docs/cli/commands/generate/

Trabalhando com a navbar (action bar) e títulos da página

• https://ionicframework.com/docs/api/toolbar/

Trabalhando com ícones

Tem que ver se esta funcionando isso no ionic 4;

• https://ionicframework.com/docs/v3/2.1.0/api/components/icon/Icon/

Reutilizando código

Baixando módulos e plugins

• ionic cordova add plugin ...

• ionic cordova help ...

Como compartilhar dados entre controladores e telas

• https://www.gajotres.net/ionic-2-sharing-data-between-pagescomponents/

Rodando

• https://ionicframework.com/docs/building/running/

Rodando e testando o aplicativo no navegador

• ionic serve

Rodando e testando o aplicativo no emulador

• abrir o android studio e abrir o emulador desejado
• ionic run android
• -l (livereload)
• ou abrir o projeto diretamente no android studio após dar ionic build android

Rodando e testando o aplicativo no celular

• Colocar o celular android em modo desenvolvedor
• https://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/10/como-ativar-o-modo-desenvolvedor-no-android.html
• Após isso conectar o celular por meio da porta USB no computador
• ver se o celular aparece na lista de emuladores
• ionic run android

Criando um aplicativo que consome dados da nuvem

• services, components e ionic components

Trabalhando com listas e cards

• https://ionicframework.com/docs/api/card
• https://ionicframework.com/docs/native/card-io/

Consumindo webservices e APIs RESTful

• https://forum.ionicframework.com/t/call-webservice-in-ionic-using-http/100954

Interceptando requisições HTTP

A tela de "Carregando" e o modal de tentar novamente

• https://ionicframework.com/docs/api/spinner/
• https://ionicframework.com/docs/api/loading

Retornando JSON estático (como interceptar requisições e retornar dados estáticos)

• eu nao entendi essa ... como seria isso?

Trabalhando com formulários

• https://ionicframework.com/docs/v3/developer-resources/forms/

Validação de formulários

• https://www.joshmorony.com/advanced-forms-validation-in-ionic-2/

Máscaras e validação customizada

• https://www.joshmorony.com/improve-mobile-form-ux-with-input-masks/

Exibição de mensagens de erro automatizadas

• https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic

Enviando dados para o servidor

• https://ionicframework.com/docs/native/http/

Trabalhando com ícones e splash screen

• https://ionicframework.com/docs/native/splash-screen/

Subindo para a loja

Gerando o aplicativo iOS

ionic cordova build ios

Gerando o aplicativo Android

ionic cordova build android

Como funciona o Google Play

Como funciona a App Store

Subindo o aplicativo Android para o Google Play e subindo o aplicativo iOS para a App Store

• https://ionicframework.com/docs/v1/guide/publishing.html