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.

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.

• Curso online: Modern JavaScript From The Beginning (JavaScript moderno desde o início)
• Curso online: JavaScript Concurrency (Simultaneidade com JavaScript)
• MDN: Fetch API - Web APIs
• fetch(): referência rápida
• O servidor web Express.js
• Como depurar um aplicativo Node.js
• Como gerenciar npm packages
• Como usar npm-run-scripts

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.

• Curso online: Modern React
• Componentes e Props – React
• State Management
• Estado e Sincronização com efeitos
• Contexto
• Limites de erro
• Ganchos: Início rápido , Tutorial e Visão geral de referência
• Renderização do lado do servidor
• Hidratação
• Depuração com React DevTools
• Extensões do React, como react-router e react-helmet

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).

• Referência da Commerce API
• B2C Commerce Developer Sandbox Rest API

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