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 !

JavaScript

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.

Ressources JavaScript recommandées

Cours en ligne : Le JavaScript moderne à partir du début
Cours en ligne : Concurrence JavaScript
MDN : API Fetch - API Web
Aide-mémoire sur fetch()
Le serveur Web Express.js.
Comment déboguer une application Node.js
Gestion des paquets npm
Utilisation des npm-run-scripts

React.js

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.

Ressources React.js recommandées

Cours en ligne : React moderne
Composants et Props – React
Gestion des états
État et Synchronisation avec les effets
Contexte
Limites des erreurs
Hooks : Démarrage rapide, Tutoriel et Vue d’ensemble des références
Rendu côté serveur
Hydratation
Débogage avec React DevTools
Des extensions React comme react-router et react-helmet.

API

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.

Ressources API recommandées

Suivre une formation

Formation dispensée par un instructeur : Développer une boutique composable B2C

Connaissances et compétences supplémentaires

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