Como validar Email e Senha em JavaScript

O endereço de email além de ser utilizado para a comunicação, em vários  sites, aplicativos mobile e softwares desktop, também se utiliza o email para o cadastro e login de usuários. Um endereço de email é composto em sua primeira parte de um nome, com letras de (a – z), números de (0 – 9) e pontos (.). Na maioria dos provedores de email que pesquisei, eles seguem este padrão não permitindo espaços e nem caracteres especiais na primeira parte do email.

Continue lendo “Como validar Email e Senha em JavaScript”

React Native + Redux passo a passo na prática

No sexto artigo da nossa série de artigos sobre React Native, vamos adicionar o Redux para gerenciar o estado do nosso aplicativo. Relembrando, estamos desenvolvendo um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. No artigo anterior Consumindo dados de uma API REST com React Native, nós vimos como consumir dados de uma API REST e os exibir no aplicativo. Neste artigo vamos ver como adicionar o Redux em nosso aplicativo React Native, para gerenciar o estado de nossa aplicação. Veja a aplicação já disponível em meu Git Hub para acompanhar melhor o artigo. https://github.com/andersonirias/react-native-tutorial.

Continue lendo “React Native + Redux passo a passo na prática”

Consumindo dados de uma API REST com React Native

Hoje no quinto artigo da nossa série de artigos sobre React Native, vamos realizar a chamada em nossa API para recuperar a lista de produtos em oferta. Relembrando, estamos desenvolvendo um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. No artigo anterior Como criar uma lista de produtos com React Native, nós vimos como criar a UI da lista de produtos. Neste artigo vamos ver como recuperar a lista de produtos pela API, e como inserir estes produtos na interface criada.

Continue lendo “Consumindo dados de uma API REST com React Native”

Como criar uma lista de produtos com React Native

Estamos no quarto artigo da nossa série de artigos sobre React Native. Neste artigo vamos finalizar a nossa UI (Interface do Usuário), criando o card é listagem para exibirmos os produtos que estão em oferta. Relembrando estamos desenvolvendo um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. Veja o terceiro artigo da série onde criamos a primeira parte da UI. Criando o primeiro componente com React Native.

Continue lendo “Como criar uma lista de produtos com React Native”

Criando o primeiro componente com React Native

Continuando nossa série de artigos sobre React Native, estamos no terceiro artigo. Vamos agora desenvolver os primeiros componentes do nosso aplicativo. Nesta série de artigos, vamos desenvolver do zero um aplicativo Android com React Native. Vamos desenvolver um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. Para quem gostaria de saber mais sobre APIs sugiro o artigo: API HTTP+REST – Conceito e exemplo em Node.js.

Continue lendo “Criando o primeiro componente com React Native”

Iniciando o desenvolvimento de um App Android com React Native

Neste artigo vamos iniciar um projeto Android utilizando o React Native no Linux. Neste artigo não vou apresentar como configurar o ambiente de desenvolvimento. Caso não tenha o ambiente configurado, veja no artigo Instalando e Configurando o React Native no Linux como realizar passo a passo a configuração do ambiente de desenvolvimento React Native no Linux.

Continue lendo “Iniciando o desenvolvimento de um App Android com React Native”

Instalando e Configurando o Ambiente de desenvolvimento React Native

Neste artigo vou apresentar como instalar e configurar o ambiente de um projeto com React Native no Linux. O React Native é um framework JavaScript para realizar o desenvolvimento de aplicativos nativos Android e IOS utilizando o JavaScript. Para configurar um projeto inicial vamos precisar:

  • Node.js
  • npm
  • Java
  • QEMU KVM
  • Android Studio
  • React Native CLI
Continue lendo “Instalando e Configurando o Ambiente de desenvolvimento React Native”

Docker na prática

Para quem caiu de paraquedas neste artigo e não sabe o que é Docker, no artigo O que é Docker? eu faço uma básica explicação teórica sobre o Docker. Agora vamos ver na prática como realizar o deploy, e rodar uma aplicação em Node.js utilizando o Docker.

Continue lendo “Docker na prática”

Promise em Node.js

Promise é o objeto que representa a conclusão final (ou falha) de uma operação assíncrona e seu valor resultante.

Um código ser síncrono ou assíncrono se refere ao seu fluxo de execução. Quando as operações do código, executam na ordem em que foram escritas, sempre aguardando o termino de uma para a execução da próxima temos a execução síncrona. Quando as operações do código, executam sem aguardar o termino da operação anterior temos a execução assíncrona.

Continue lendo “Promise em Node.js”

EcmaScript 6 (ES6) no Node.js com Babel

ECMAScript ou ES é uma especificação de linguagem de script padronizada pela Ecma International em ECMA-262 e ISO / IEC 16262. Ele foi criado para padronizar JavaScript.

Node.js é uma plataforma para execução de JavaScript ao lado do servidor, que foi criado no mecanismo JavaScript V8 do Chrome .

O Babel é um compilador de JavaScript. Vamos utilizar o Babel para transpilar o código JavaScript escrito com a especificação ECMAScript, para que seja compatível com especificações anteriores da linguagem.

Continue lendo “EcmaScript 6 (ES6) no Node.js com Babel”