Angular

Como criar formulários do tipo Reactive Forms com Angular

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 foi feito utilizando o bootstrap para criação de uma interface mais amigável. Se você não sabe o que é o bootstrap, clique aqui para ver o tutorial. Continue lendo

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

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 Pré-requisitos Esse tutorial foi feito utilizando o Bootstrap para criação de uma interface mais amigável. Se você não sabe o que é o Bootstrap, clique aqui para ver o tutorial. Continue lendo

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

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. Com ele, você armazena e sincroniza dados entre os seus usuários em tempo real. Para saber mais você pode acessar diretamente a página do Firebase clicando aqui. Pré requisitos Ter Continue lendo

2 maneiras simples de instalar o Bootstrap em um projeto Angular

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 componentes e um formulário para que você possa ver a mudança ocorrendo. app.component.html A partir de agora você pode ver o resultado.   Referências Booststrap Node.js npm

Simulando uma API REST com JSON Server de maneira simples

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.

Consumindo API REST com Ionic – O guia absolutamente completo

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 arquiteturas mais moderno para construção de webservices.   Criando uma aplicação de exemplo Será criado uma aplicação onde eu vou mostrar como criar uma conta, efetuar um login e incluir/alterar/excluir/consultar Continue lendo

Primeiros passos com o Angular CLI

Primeiros passos com o Angular CLI

O que é o Angular CLI O Angular CLI é uma ferramenta open source desenvolvida pelo próprio time do Angular e é utilizado para facilitar a criação de componentes, classes, services e outros.   Pre-requisitos Para você conseguir executar os comandos, você vai precisar do Node 6.9.0 ou superior e o NPM 3 ou superior.   Usando o Angular CLI Comando para instalar   Referências Angular CLI: https://cli.angular.io/ Código fonte do Angular CLI: https://github.com/angular/angular-cli Documentação do Angular CLI: https://github.com/angular/angular-cli/wiki   Eu espero que esse vídeo tenha sido útil para você. Qualquer dúvida Continue lendo

Como criar um aplicativo com Firebase Realtime database e Angular

Como criar um aplicativo com Firebase Realtime database e Angular

Nesse artigo você vai aprender como criar seu primeiro aplicativo com o armazenamento de banco de dados com Firebase e Angular. Para saber mais sobre o Firebase acesse o site clicando aqui.   O que é o Firebase Realtime Database? O Firebase Realtime Database é um banco de dados online. Os dados são armazenados em formato JSON e sincronizados em tempo real com todos os clientes conectados independente da plataforma (Android, iOS, Web).     Realtime Database fornece uma linguagem de regras declarativas que permite Continue lendo