j
No Results
Search Tips:
- Please consider misspellings
- Try different search keywords
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
- 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.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
- 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
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
j