Como usar o Gravatar no seu app com AngularJS

Como usar o Gravatar no seu app com AngularJS

Nesse artigo você vai aprender como integrar seu app com o Gravatar para exibir Avatar dos usuários. Demo   O que é o Gravatar? Um Avatar é uma imagem que te representa online. É uma foto que aparece próximo ao seu nome e ao você interagir com sites ou blogs. O Gravatar é uma plataforma para criar avatar mundialmente conhecida (Globally Recognized Avatar). Nessa plataforma você faz o upload de uma foto e vincula ao seu e-mail e esta imagem é automaticamente exibida nos websites Continue lendo

Como validar formulários com Ionic Framework

Como validar formulários com Ionic Framework

Nesse artigo você vai ver uma forma fácil de validar formulários com Ionic Framework e Angular JS. Demo Regras para a validação Nesse exemplo vamos usar as regras de validação abaixo para cada campo do formulário. Campo “Nome”: Obrigatório e no mínimo 2 caracteres. Campo “E-mail: Obrigatório e um e-mail valido. Campo “Telefone”: Obrigatório e deve ter o formato “(99) 9999-9999” ou “(99) 99999-9999”. Campo “Altura”: Obrigatório e deve ter o valor mínimo 1. Campo “Nascimento”: Obrigatório e deve ter uma data valida.   Validar Continue lendo

5 dicas de como ser um bom programador

5 dicas de como ser um bom programador

Eu “faço programa” desde 2009 e de lá para cá escrevi e vi muito código e de tanto ver código bom, ruim, de fácil manutenção, difícil manutenção, entre outros, acabei identificando algumas coisas que me ajudaram a programar melhor. La nos primórdios, quando ainda tava engatinhando na programação, li um artigo que falava da diferença entre um cara que programa e um programador, e sim acredito muito nessa diferença. Como o próprio autor diz não basta escrever código para ser um programador. Com base nesse artigo e Continue lendo

Criando seu primeiro app com ngCordova e Ionic

Criando seu primeiro app com ngCordova e Ionic

Nesse tutorial vamos criar um app utilizando os plugins SQLite, Toast, Local notification e Badge da biblioteca ngCordova. O código fonte de exemplo está disponível no GitHub. O que é ngCordova? O ngCordova é um AngularJS wrapper desenvolvido para utilizar os plugins mais populares do Cordova com o Ionic Framework. Além das funcionalidades que serão apresentadas nesse tutorial, com essa biblioteca é possível tirar uma foto, acessar sua localização, entre outros. O ngCordova é open source e utiliza a licença MIT, ou seja, você pode utiliza-lo Continue lendo

Como utilizar IndexedDB em aplicativos web

Como utilizar IndexedDB em aplicativos web

O que é o IndexedDB O IndexedDB é uma api que permite armazenar dados localmente no navegador do usuário. Com ela você pode criar aplicativos que podem ser usados offline, fazer queries, ordenar registros e muito mais. Atualmente essa API é a melhor solução para aplicativos que precisam armazenar uma grande quantidade de dados localmente. Criando um banco de dados Para criar ou abrir uma conexão com o banco de dados é só executar o método open. O primeiro parâmetro é o nome do banco de dados e o Continue lendo

Como criar aplicativos com Ionic Framework

Como criar aplicativos com Ionic Framework

O que é Ionic Framework O Ionic é um framework free e open source totalmente otimizado para criar aplicativos híbridos com html5, css e javascript para iOS6+ e Android 4.0+ (embora funcione tambem para o 2.3). O Ionic foi criado com base no AngularJS e possui vários componentes e ferramentas que facilitam o desenvolvimento e não prejudicam a performance do seu aplicativo. Além disso o Ionic possui outras ferramentas que ajudam no desenvolvimento de aplicativos, como por exemplo as abaixo: Ionic Lab – uma IDE para você desenvolver seu Continue lendo

Adicionando autenticação do Google ao seu web app

Criando um Projeto e um Client id no Google Developer Console Antes de integrar seu app com qualquer produto do Google é necessário criar um projeto e um client ID no Google Developer Console. Para criar um projeto, basta seguir os passos abaixo 1 – Acessar a página do Google Developer Console 2 – Selecione ou crie um novo projeto clicando no botão “Criar projeto” Nota: Use o mesmo projeto para todas as versões do seu aplicativo, seja ele Web, Android, IOS. Cada um com Continue lendo