Felipe Franco

Olá, meu nome é Felipe, sou graduado em Sistemas de Informação e MBA em Gerência de Projetos de TI. Trabalho com desenvolvimento de software desde 2009 e atualmente trabalho como desenvolvedor na Thomson Reuters, uma das maiores empresas do mundo.

Se eu puder te ajudar em alguma coisa, sinta-se à vontade para entrar em contato.

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.

Como tirar fotos com Ionic de maneira simples

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 Passo 3: Instalar o plugin da câmera do Ionic Native Passo 4: Alterar a página Home   Passo 1: Criar o aplicativo   Referências Ionic Native – Câmera: https://ionicframework.com/docs/native/camera/   Gostou Continue lendo

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

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 que é o Google Maps O Google Maps é um serviço de mapas do Google onde é possível buscar endereços, lugares e traçar rotas.   O que é Geolocalização Basicamente Continue lendo

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

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 tutorial está utilizando as seguintes versões das dependências: Ionic: 3.18.0 AngularFirebase2: 5.0.0-rc.3 Firebase: 4.6.2   O que é o Firebase Realtime database O Firebase Realtime Database é um banco de Continue lendo

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

Como fazer um CRUD com SQLite no Ionic

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 de dados mais utilizado no mundo.   Criando uma aplicação de exemplo No vídeo acima e mostro como criar um app para salvar produtos utilizando o SQLite. O passo a Continue lendo