Fábrica de Código

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 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 […]

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 […]

Simulando uma API REST com JSON Server de maneira simples

 O que é o JSON Server Ter uma API pronta para começar o desenvolvimento do front-end da sua aplicação as vezes pode ser um problema. Com isso te apresento o JSON Server. JSON Server é uma biblioteca capaz de criar uma API Fake em 30 segundos e sem precisar escrever nenhuma linha de código.

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 […]

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 […]

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 […]

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 […]

Como fazer um CRUD com SQLite no Ionic

Nessa vídeo aula eu mostro como incluir, alterar, excluir e consultar dados no SQLite com Ionic.   O que é o SQLite Segundo o próprio site do SQLite, O SQLite é um motor de banco de dados SQL autônomo, de alta confiabilidade, incorporado, completo e de domínio público. O SQLite é o mecanismo de banco […]