Ionic Framework

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

Como armazenar dados offline com Ionic Storage

Como armazenar dados offline com Ionic Storage

Nessa vídeo aula eu mostro como armazenar dados offline com o Ionic Storage.   O que é o Ionic Storage O Ionic Storage é uma maneira simples de armazenar dados no formato chave/valor seja em um PWA (Progressive Web App) ou em um aplicativo nativo. No aplicativo nativo será priorizado o uso do SQLite, para isso é necessário instalar o plugin cordova-sqlite-storage, e em um PWA a ordem de utilização será IndexedDB, WebSQL, e localstorage.   Referências Ionic Storage: http://ionicframework.com/docs/storage/ Ionic Datetime: http://ionicframework.com/docs/api/components/datetime/DateTime/   Gostou desse artigo? Aproveite Continue lendo

Como salvar imagens no Firebase Storage com Ionic 2

Como salvar imagens no Firebase Storage com Ionic 2

Nessa vídeo aula eu mostro o que é o Firebase Storage e como salvar imagens do seu telefone diretamente no Firebase Storage.   Clique no botão abaixo para ver o código fonte gerado nessa aula.   Quer saber como criar uma autenticação com Ionic 2 e Firebase? Aula 1: Como criar um login com e-mail e senha com Ionic 2 e Firebase Aula 2: Como criar um login com uma conta do Google com Ionic 2 e Firebase Aula 3: Como criar um login com uma Continue lendo

Como criar um CRUD com Ionic 2 e Firebase

Como criar um CRUD com Ionic 2 e Firebase

Esse post é valido somente para as versões mais antigas do AngularFile2, ou seja, antes da versão 5.0. Nova versão dese post na quarta feira 15/11/2017   Nessa vídeo aula eu mostro como criar um CRUD com Ionic 2 e Firebase. CRUD significa, em inglês, Create, Read, Update e Delete e em português é Incluir, Alterar, Excluir e Consultar.   Clique no botão abaixo para ver o código fonte gerado nessa aula.   Quer saber como criar uma autenticação com Ionic 2 e Firebase? Aula Continue lendo

Como criar um login com uma conta do Twitter com Ionic 2 e Firebase

Como criar um login com uma conta do Twitter com Ionic 2 e Firebase

Nessa vídeo aula eu mostro como criar um login com uma conta do Twitter com Ionic 2 e Firebase.   Clique no botão abaixo para ver o código fonte gerado nessa aula.   Outras formas de autenticação com Ionic e Firebase Aula 1: Como criar um login com e-mail e senha com Ionic 2 e Firebase Aula 2: Como criar um login com uma conta do Google com Ionic 2 e Firebase Aula 3: Como criar um login com uma conta do Facebook com Ionic 2 Continue lendo

Como criar um login com uma conta do Facebook com Ionic 2 e Firebase

Como criar um login com uma conta do Facebook com Ionic 2 e Firebase

Nessa vídeo aula eu mostro como criar um login com uma conta do Facebook com Ionic 2 e Firebase.   Clique no botão abaixo para ver o código fonte gerado nessa aula.   Outras formas de autenticação com Ionic e Firebase Aula 1: Como criar um login com e-mail e senha com Ionic 2 e Firebase Aula 2: Como criar um login com uma conta do Google com Ionic 2 e Firebase   Firebase Se você ainda não conhece o Firebase, da uma olhada nesse Continue lendo