Finalizando o Portfólio Web com React

No artigo de hoje, vamos finalizar o portfólio web que estamos criando com React. Na série de artigos React Tutorial, apresentei os passos iniciais no desenvolvimento Web, com a biblioteca JavaScript React. Para exemplo dos artigos, criamos um portfólio web que está disponível em meu GitHub: https://github.com/andersonirias/portifolio. O projeto final está online em: https://irias.com.br/resume/. Agora para finalizar o projeto, vamos utilizar o React Hooks para apresentar o conteúdo de forma dinâmica.

Continue lendo “Finalizando o Portfólio Web com React”

Como utilizar o localStorage e sessionStorage com JavaScript

No artigo de hoje, veremos como utilizar duas funcionalidades bem úteis no desenvolvimento Web com JavaScript, o localStorage e sessionStorage. Ambas servem para o armazenamento de dados no navegador, mas possuem algumas diferenças entre si. Vamos ver aqui o funcionamento e uso das duas.

Continue lendo “Como utilizar o localStorage e sessionStorage com JavaScript”

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”

Código Limpo – 7 dicas na criação de funções

No desenvolvimento de sistemas, é comum criarmos funções em nossos códigos. Função é um trecho de código que realiza alguma operação específica, ela pode ser utilizada várias vezes em qualquer lugar do sistema. Funções trazem algumas vantagens no desenvolvimento de sistemas como:

  • Facilita o desenvolvimento. 
  • Organização do sistema. 
  • Reaproveitamento de código.

Neste artigo vou apresentar 7 dicas para a utilização de funções que aprendi com a leitura do livro Código Limpo.

Continue lendo “Código Limpo – 7 dicas na criação de funções”

Docker – Tutorial Dockerfile

Para quem caiu de paraquedas neste artigo e não sabe o que é Docker, no artigo O que é Docker? Virtualização e Container 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 – Tutorial Dockerfile”