Habilidades para o sucesso

Este guia aborda as principais habilidades técnicas necessárias para um desenvolvimento bem-sucedido com o PWA Kit.

Em termos gerais, os desenvolvedores do PWA Kit devem saber:

  • Criar aplicativos universais React.js.
  • Codificar em ES6 JavaScript.
  • Criar estilos de componentes de IU com CSS.
  • Trabalhar com RESTful APIs, como a Salesforce Commerce API.
  • Desenvolver aplicativos web com Node.js e Express.js.
  • Usar npm para gerenciar pacotes e executar scripts.

Se esse for seu caso, então você está pronto para começar! O que segue é um conjunto mais abrangente de habilidades necessárias para criar um aplicativo de loja (virtual) com o PWA Kit. Não se preocupe caso não seja um expert em cada uma delas. Trabalhar com o PWA Kit apresenta uma série de oportunidades de aprender de maneira divertida novas habilidades cuja demanda está em alta.

JavaScript 

Um app PWA Kit é codificado em JavaScript moderno. Ate mesmo seu CSS está escrito em JavaScript!

Um aplicativo de comércio headless faz solicitações frequentes de rede, então é essencial ter conhecimentos de fetch(). Recomendamos que você use uma biblioteca universal de busca (cross-fetch, por exemplo) que funcione tanto em um navegador quanto em um ambiente Node.js. Para um maior desempenho, você deve poder escrever código assíncrono com Promises e async and await.

Recursos sugeridos 

React.js 

React é a base de todos os aplicativos do PWA Kit. A documentação oficial do React é um excelente lugar para começar. É tão útil que recomendamos sua leitura completa. Para um enfoque mais segmentado ao aprendizado do React, tente se concentrar nos componentes, nos props, no ciclo de vida da renderização e no gerenciamento do estado, incluindo novos conceitos, como hooks (ganchos), apresentados no React 16.8.

Recursos sugeridos 

APIs 

Seu aplicativo obtêm todos os dados de comércio do Salesforce Commerce Cloud usando APIs. Familiarize-se com as RESTful APIs em geral e particularmente com a B2C Commerce API e o Open Commerce API (OCAPI).

Recursos sugeridos 

Outros conhecimentos e habilidades 

Dependendo dos detalhes de seu projeto, contar com conhecimento e habilidades nas áreas a seguir é uma vantagem extra:

  • Princípios de arquitetura para aplicativos de uma única página e o padrão back-end para front-end
  • Testes de desempenho da página web usando Lighthouse and WebPageTest
  • Lista de verificação do PWA
  • Como interagir com APIs usando ferramentas como cURL e Postman
  • Rede e cache HTTP
  • Ferramentas analíticas da web
  • Otimização de mecanismo de pesquisa
  • Como configurar ferramentas de build como webpack
  • Como fazer mudanças de DNSD e realizar transições
  • Como trabalhar com bibliotecas JavaScript de terceiros para melhorar a funcionalidade do site
  • Técnicas de layout do Responsive Web Design usando media queries, flexbox e grid