Como criar formulários do tipo Reactive Forms com Angular

Reactive Forms Reactive Forms é uma das duas maneiras de criar formulários com o Angular.Nesse tutorial você vai aprender Criar um formulário com um componente Usar o formControlName para criar o two-way data bindings para ler e escrever nos inputs na tela Como limpar os campos na tela após submeter o formulário Pré-requisitos Esse tutorial …

Como criar formulários do tipo Reactive Forms com Angular Leia mais »

Como criar formulários do tipo Template-driven Forms com Angular

  Template-driven forms Template-driven forms é uma das duas maneiras de criar formulários com o Angular. Nesse tutorial você vai aprender Criar um formulário com um componente Usar o ngModel para criar o two-way data bindings para ler e escrever nos inputs na tela Como limpar os campos na tela após submeter o formulário …

Como criar formulários do tipo Template-driven Forms com Angular Leia mais »

Como criar CRUD com Angular e Firebase Realtime Database – Em alguns simples passos

  Nessa vídeo aula eu mostro como criar um CRUD (CRUD significa, em inglês, Create, Read, Update e Delete e em português é Incluir, Alterar, Excluir e Consultar) com Angular e Firebase Realtime Database. O que é o Firebase Realtime Database O Firebase Realtime Database é um banco de dados NoSQL hospedado na nuvem. …

Como criar CRUD com Angular e Firebase Realtime Database – Em alguns simples passos Leia mais »

2 maneiras simples de instalar o Bootstrap em um projeto Angular

O que é o Bootstrap O Bootstrap é um framework css para criar um front-end responsivo para qualquer tamanho de tela. Conteúdo de exemplo Troque o conteúdo do arquivo app.component.html pelo conteúdo abaixo. Esse é só um teste para você ver o resultado conforme eu mostrei no vídeo. Nesse arquivo tem um exemplo de 2 …

2 maneiras simples de instalar o Bootstrap em um projeto Angular Leia mais »

Como tirar fotos com Ionic de maneira simples

 Nessa aula eu vou te mostrar como tirar fotos com o Ionic de maneira simples. Esse tutorial está utilizando as seguintes versões das dependências Ionic: 3.19.0 Criando uma aplicação de exemplo O passo a passo abaixo é o mesmo mostrado no vídeo. Passo 1: Criar o aplicativo Passo 2: Adicionar as plataformas do Android/iOS …

Como tirar fotos com Ionic de maneira simples Leia mais »

4 exemplos de utilização do Google Maps/Geolocalização com Ionic

 Nessa aula eu vou te mostrar 4 exemplos de utilização do Google Maps/Geolocalização com o Ionic. Você vai aprender: Exibir mapas estáticos Exibir mapas dinâmicos Recuperar a localização do usuário e exibir no mapa Traçar rotas entre dois pontos distintos   Esse tutorial está utilizando as seguintes versões das dependências: Ionic: 3.19.0   O …

4 exemplos de utilização do Google Maps/Geolocalização com Ionic Leia mais »

Como criar um CRUD com Ionic e Firebase – Em alguns simples passos

Nessa vídeo aula eu mostro como criar um CRUD (CRUD significa, em inglês, Create, Read, Update e Delete e em português é Incluir, Alterar, Excluir e Consultar) com Ionic e Firebase Realtime Database usando a nova versão do AngularFire2 (5.0.0).  Mostro também diferentes maneiras de salvar um objeto e de fazer algumas queries simples.   Esse …

Como criar um CRUD com Ionic e Firebase – Em alguns simples passos Leia mais »

Consumindo API REST com Ionic – O guia absolutamente completo

Nessa vídeo aula eu vou mostrar como fazer requisições HTTP a uma API REST. Esse exemplo é valido tanto para aplicações feitas com Angular e Ionic. E também como paginar os resultados utilizando o InfiniteScroll.   O que é API REST REST significa Representational State Transfer, em português Transferência de Estado Representacional e é um conjunto …

Consumindo API REST com Ionic – O guia absolutamente completo Leia mais »