Les compétences pour réussir

Ce guide couvre les compétences techniques clés pour un développement réussi avec PWA Kit.

De manière générale, les développeurs PWA Kit doivent maîtriser les compétences suivantes :

  • Créer des applications React.js universelles.
  • Coder en JavaScript ES6.
  • Styliser les composants de l'interface utilisateur avec CSS.
  • Travailler avec des API RESTful comme Salesforce Commerce API.
  • Développer des applications Web avec Node.js et Express.js.
  • Utiliser npm pour gérer les paquets et exécuter des scripts.

Si c'est votre cas, alors vous êtes prêt à vous lancer ! Ce qui suit est un inventaire plus complet des compétences utilisées pour créer une application de boutique avec PWA Kit. Ne vous inquiétez pas si vous n'êtes pas expert dans chacun de ces domaines. Travailler avec PWA Kit offre de nombreuses occasions de s'amuser en acquérant de nouvelles compétences très demandées !

Une application PWA Kit est codée en JavaScript moderne. Même votre CSS est écrit en JavaScript !

Une application de commerce headless effectue de fréquentes requests réseau ; la connaissance de fetch() est donc cruciale. Nous vous recommandons d'utiliser une bibliothèque fetch universelle (cross-fetch, par exemple) qui fonctionne à la fois dans un navigateur et dans un environnement Node.js. Pour des performances maximales, vous devez être capable d'écrire du code asynchrone avec des Promises et async and await.

React est la base de toutes les applications PWA Kit. La documentation officielle de React est un excellent point de départ. Elle est tellement utile que nous vous recommandons de la lire en entier ! Pour une approche plus ciblée de l'apprentissage de React, essayez de vous concentrer sur les composants, les props, le cycle de vide du rendu et la gestion des états, ainsi que les nouveaux concepts comme les hooks qui ont été introduits dans React 16.8.

Votre application reçoit toutes ses données commerciales de Salesforce Commerce Cloud grâce à des API. Vous devez connaître les API RESTful en général et les B2C Commerce API et Open Commerce API (OCAPI) en particulier.

Selon les détails de votre projet, des connaissances et des compétences supplémentaires dans les domaines suivants seront un atout :

  • Principes architecturaux pour les applications à page unique et le schéma « backend-for-frontend »
  • Test de performance des pages Web à l'aide de Lighthouse et WebPageTest
  • La liste de contrôle de PWA
  • Interaction avec les API grâce à des outils comme cURL et Postman
  • Réseau et mise en cache HTTP
  • Outils d’analyse Web
  • Optimisation du moteur de recherche
  • Configuration des outils de build comme webpack.
  • Effectuer des changements de DNS et des transferts
  • Utilisation de bibliothèques JavaScript tierces pour améliorer les fonctionnalités du site
  • Techniques de mise en page Web responsive en utilisant des requêtes media, flexbox et grid