Vamos aprender a criar aplicações Web em ReactJS?

Pois é pessoal, tenho visto ultimamente que esta biblioteca para desenvolvimento Web tem chamado atenção de muitos desenvolvedores, devido a flexibilidade e praticidade que ela oferece.

É muito comum também a procura por profissionais que dominem esta biblioteca, que tem aumentado significativamente, visto que diversas empresas abraçaram significativamente o React (tanto é que hoje ela é usada por Empresa como Netflix, Airbnb, Walmart  e etc.). Diante desse cenário decidi escrever ESTE E-BOOK para ajudar vocês a entender a filosofia por trás do ReactJS assim também como desenvolver "User Interfaces - UI" por meio de componentes, tornando rica as possibilidades de construção de aplicações Web e como encarar esse nova "forma" de desenvolver com as principais linguagens da Web.

O conteúdo este E-BOOK é bastante didático, simples e fácil, facilitando a compreensão do conteúdo por parte do leitor.

Conteúdo programático (VERSÃO COMPLETA)

  1. Visão Geral do React
    1. O que é o React?
    2. Estrutura básica de um código em React
      1. Entendendo o código ReactJS e sua execução
    3. Vantagens de se utilizar React
    4. Alguns conceitos importantes que são vistos no React
  2. Criando nosso primeiro projeto Web com React
    1. Criando aplicações Web ReactJS com o NodeJS
      1. O que é o NodeJS?
      2. Efetuando o download e instalação do NodeJS
      3. O que é NPM?
      4. Instalando o create-react-app
      5. Criando nosso projeto usando create-react-app
      6. Visualizando a página no Browser (npm start)
      7. Conhecendo os arquivos principais do projeto
        1. Sobre o arquivo “package.json”
        2. A pasta “node_modules”
        3. O arquivo “index.js”
        4. O arquivo “App.js”
        5. O arquivo “index.html”
      8. Criando o “build” do nosso projeto (npm run build)
      9. Executando nosso projeto compilado (serve –s build)
    2. Criando aplicações Web ReactJS sem NodeJS e NPM
      1. Criando uma pasta para seu projeto manualmente
      2. Efetuando o download das bibliotecas do ReactJS
      3. Criando a página HTML manualmente
      4. Entendendo o código do componente criado
    3. Primeira demonstração: Criando com React uma página de Dicas de Culinária
      1. Primeiro modo: Sem o uso do Node
      2. Dividindo nossa aplicação em vários componentes
      3. Segundo modo: Usando o NodeJS
      4. Entendendo alguns trechos de código
  3. Trabalhando com propriedades em componentes
    1. O que são propriedades?
    2. Demonstrando o uso de propriedades na prática
  4. Aplicando estilos CSS em componentes individuais
    1. Criando um estilo incorporado ao componente (inline)
    2. Demonstrando o CSS inline na prática
    3. Criando CSS em arquivos de módulo
    4. Entendendo o código
  5. Trabalhando com eventos, métodos e states
    1. Trabalhando com método em componentes
    2. Trabalhando com eventos
    3. Usando métodos e eventos na prática
    4. Acessando o objeto "this' dentro dos métodos
    5. Métodos básicos do ciclo de vida de um componente
      1. O método constructor
      2. O método getDerivedStatefromProps
      3. O método render
      4. O método componentDidMount
    6. Trabalhando com states
      1. Demonstrando o uso de state na prática
      2. Entendendo a execução do código
    7. Criando jogo demonstrando o uso de eventos, métodos e state
      1. Sobre o jogo
      2. Desenvolvendo o jogo passo a passo
  6. Acessando elementos usando Refs
    1. O que é são Refs?
    2. Primeira demonstração usando Refs
    3. Dicas IMPORTANTES ao trabalhar com Refs
    4. Desenvolvendo uma aplicação de conversão de temperatura
    5. Encaminhamento de Refs
    6. Objetos de referência como propriedades
  7. Renderizando vários componentes
    1. Usando a função map
    2. Entendendo o código
    3. Criando uma página de solicitação de atendimento
    4. Criando uma página de cadastro de clientes
  8. Enviando dados com Ajax e formulários no ReactJS
    1. O que é Ajax?
    2. Como utilizar o AJAX dentro de uma página Web?
    3. Usando o Axios
    4. Criando uma página em ReactJS que envia dados através de formulários
      1. Executando o script de cadastro no NodeJS
      2. Desenvolvendo o código da página
      3. Testando o cadastro na página
  9. Trabalhando com Rotas no ReactJS (Router)
    1. Um pouco sobre navegação entre conteúdos
    2. Instalando o React Router
    3. Criando o menu de navegação
    4. Utilizando o React Router no componente
    5. Entendendo o código
    6. Criando Rota para páginas não existentes

Quer mais informações sobre materiais ?

Fechar Menu

Livro Algoritmos e Programação: Aprendendo Passo a PassoGostaria de uma amostra deste E-BOOK? Basta preencher os campos abaixo.

 

 

[AMOSTRA] - Apostila de Android - Programação Básica 9ª EdiçãoGostaria de uma amostra deste MATERIAL? Basta preencher os campos abaixo.

 

 

[AMOSTRA] - Livro Desenvolvimento de Jogos com Plataforma JavaGostaria de uma amostra deste E-BOOK? Basta preencher os campos abaixo.

 

Gostaria de uma amostra deste MATERIAL? Basta preencher os campos abaixo.

 

 

×
×

Carrinho