Casa do Código - Livros e Tecnologia

  • Programação
  • Lógica
  • Java
  • .NET
  • PHP
  • Games
  • OO
  • Funcional
  • Python
  • Outros
  • Todos
  • Mobile
  • iOS
  • Android
  • Multiplataforma
  • Outros
  • Todos
  • Front-end
  • HTML e CSS
  • JavaScript
  • Outros
  • Todos
  • Infraestrutura
  • Web
  • Dados
  • Outros
  • Todos
  • Business
  • Startups
  • Marketing Digital
  • Gestão
  • Agile
  • Outros
  • Todos
  • Design & UX
  • Você tem 0 itens na sacola 0 Abrir navegação por categorias e busca Ir para ao topo da página

    Use o código e tenha 10% de desconto!

    Progressive Web Apps Construa aplicações progressivas com React

    Guilherme Pontes
    Livro de Progressive Web Apps

    *Você terá acesso às futuras atualizações do livro.

    Prefácio

    Neste momento, é muito importante alinharmos as expectativas: este livro trata da construção de uma aplicação progressiva com React, um framework JavaScript para front-end. A versão final da aplicação possui quatro telas. Como os conceitos e componentes do React são reaproveitáveis, não será necessário discursar minuciosamente sobre todas as telas. O objetivo é construir a primeira ressaltando todos os detalhes e conceitos necessários.

    Entretanto, não vamos apenas construí-la. Vamos fundamentá-la e evoluí-la juntos, olhando de perto cada tecnologia adotada, destacando suas vantagens e desvantagens. No final, você terá um exemplo de Progressive Web App (ou simplesmente PWA) funcional e bem codificado. 

    Avançaremos gradativamente nos conceitos, cobrindo todo aparato primário ou acessório. Iniciaremos com uma introdução ao mundo das PWAs, a nova fronteira das aplicações web contemporâneas. Seguiremos com fundamentos dos frameworks React, Pure.css e do servidor Nginx. Por seguinte, faremos a configuração do ambiente e a codificação em si, destacando todos os passos da construção da aplicação. 

    De forma sucinta, veja na imagem a seguir os temas que serão abordados.

    Sempre haverá um estudo minucioso dos frameworks. Abordaremos como implementá-los de forma coerente com as boas práticas de desenvolvimento de software. Na conclusão, estudaremos como publicar nossa aplicação em ambiente de produção e como validá-la, sempre segundo as boas práticas. 

    Público-alvo e pré-requisitos

    Este livro é para desenvolvedores front-end com pouca experiência em HTML e JavaScript. Experiência em ECMAScript 6 (sexta edição do JavaScript) é desejável, mas eventualmente trataremos do assunto com mais profundidade quando a sintaxe exigir. Conhecimento prévio em CSS não será necessário, pois os tópicos de estilização abordados terão os devidos esclarecimentos. 

    As boas práticas de um projeto React implicam necessariamente no uso da sintaxe JSX, mas não é necessário nenhum conhecimento prévio sobre ela. Faz parte do escopo deste livro tratá-la de forma suficiente para que você possa exercitar os códigos apresentados.

    Como haverá tópicos associados à programação orientada a objetos, é preciso algum conhecimento sobre esse paradigma, tais como classes, atributos, herança e objetos. Esse pré-requisito é perfeitamente sanado por conhecimentos básicos em linguagens orientadas a objetos, como Java ou C#.

    O objetivo principal desta obra é construir uma aplicação progressiva. Nenhum conhecimento prévio sobre o que são ou como construí-las será necessário. Trataremos disso de forma preciosa, por assim dizer, atentando-nos a cada detalhe conceitual ou técnico necessário.

    Também faremos uso do Node.js, NPM, Webpack, Babel, Nginx, Pure.css e muitos outros frameworks e bibliotecas, acessórios à nossa aplicação. Se algum destes nomes lhe causar estranheza, não se preocupe! Falaremos sobre todos eles.

     

    Sumário

    • 1 Aplicações progressivas
      • 1.1 Requisitos de uma aplicação progressiva
      • 1.2 Criando nosso backlog
      • 1.3 Conclusão
    • 2 Fundamentos sobre frameworks e ferramentas
      • 2.1 Fundamentos sobre o React
      • 2.2 As principais engrenagens do React
      • 2.3 IDE de desenvolvimento
      • 2.4 Fundamentos sobre o Pure.css
      • 2.5 Fundamentos sobre o Nginx
      • 2.6 Conclusão
    • 3 Configurando o ambiente de desenvolvimento
      • 3.1 React no Browser
      • 3.2 Arquitetura React com Node.js
      • 3.3 Node.js e NPM
      • 3.4 Configuração manual do projeto
      • 3.5 Criando o projeto com create-react-app
      • 3.6 Conclusão
    • 4 Primeiros passos do desenvolvimento
      • 4.1 Definição dos componentes
      • 4.2 Construindo o componente App
      • 4.3 Criando o componente cabeçalho
      • 4.4 Criando o componente do novo usuário
      • 4.5 Criando o componente Label
      • 4.6 Reajustando o componente NovoUsuario
      • 4.7 Conclusão
    • 5 Componentes com estado e fluxo de eventos
      • 5.1 Estados dos componentes
      • 5.2 Criando o componente Input
      • 5.3 Criando o componente de seleção de gênero
      • 5.4 Conclusão
    • 6 Componentes complexos e domínio da aplicação
      • 6.1 O domínio da aplicação
      • 6.2 Criando o componente Button
      • 6.3 Ajustando o componente NovoUsuario
      • 6.4 Criando o componente ImageScroller
      • 6.5 Ajustando os componentes App e NovoUsuario
      • 6.6 Conclusão
    • 7 Codificando os requisitos progressivos
      • 7.1 Salvando os dados no navegador
      • 7.2 Salvando arquivos no navegador
      • 7.3 Requisitos com verificação manual
      • 7.4 Requisitos com verificação automática
      • 7.5 Conclusão
    • 8 Publicando a aplicação em produção
      • 8.1 Ambiente de produção
      • 8.2 Relatório do Lighthouse
      • 8.3 Conclusão
    • 9 Referências bibliográficas

    Dados do produto

    Número de páginas:
    443
    ISBN:
    978-85-94188-54-0
    Data publicação:
    04/2018
    Fórum de discussões

    Compartilhe!

    Compartilhe no Facebook Compartilhe no Twitter

    *Você terá acesso às futuras atualizações do livro.

    altLogoFooter

    Links da
    Casa do Código

    • Meus ebooks
    • Sobre a Casa do Código
    • Todos os livros
    • Nossas coleções
    • Quero escrever um livro ou fazer parceria
    • Perguntas Frequentes
    • Política de Privacidade
    • Fale conosco

    Nas redes sociais

    • /CasaDoCodigo
    • @casadocodigo
    • @casadocodigo

    Receba novidades e lançamentos

    Este site aceita Pix, Cartão de Crédito, Débito

    • pagarme
    • paypal

    Grupo Alura

    • Educação em Tecnologia

      • FIAP
      • Casa do Código
      • PM3 - Cursos de Produto
    • Mais Alura

      • Alura Start
      • Alura Língua
      • Alura Para Empresas
      • Alura LATAM
    • Comunidade

      • Tech Guide
      • 7 days of code
      • Hipsters ponto Jobs
    • Podcasts

      • Hipsters ponto Tech
      • Dev sem Fronteiras
      • Layers ponto Tech
      • Like a Boss
      • Scuba Dev