Erfolgsfördernde Fähigkeiten

In dieser Anleitung werden die wichtigsten technischen Fähigkeiten behandelt, die für eine erfolgreiche Entwicklung mit dem PWA Kit erforderlich sind.

Im Allgemeinen sollten PWA Kit-Entwickler mit den folgenden Aktionen vertraut sein:

  • Erstellung universeller React.js-Anwendungen
  • Schreiben von Code in ES6 JavaScript
  • Anwendung von Stilen auf UI-Komponenten mit CSS
  • Umgang mit RESTful APIs wie der Salesforce Commerce API
  • Entwicklung von Webanwendungen mit Node.js und Express.js
  • Anwendung von npm für die Verwaltung von Paketen und das Ausführen von Skripten

Wenn dies auf Sie zutrifft, können Sie sofort loslegen! Im Folgenden gehen wir ausführlicher auf die verschiedenen Fähigkeiten ein, die für die Erstellung einer Storefront-Anwendung mit dem PWA Kit erforderlich sind. Es macht nichts, wenn Sie nicht auf jedem Gebiet Experte sind. Während Ihrer Arbeit mit dem PWA Kit haben Sie jede Menge Gelegenheiten, neue und sehr gefragte Fähigkeiten zu erlernen.

Eine PWA Kit App wird in modernem JavaScript geschrieben. Selbst CSS verwendet JavaScript!

Eine Headless Commerce-Anwendung stellt häufig Netzwerkanfragen, deshalb ist die Kenntnis von fetch() unerlässlich. Wir empfehlen die Verwendung einer universellen fetch-Bibliothek (cross-fetch zum Beispiel), die sowohl in einem Browser als auch einer Node.js-Umgebung funktioniert. Um eine optimale Leistung zu erzielen, müssen Sie in der Lage sein, asynchronen Code mit Promises (Versprechen) und async und await zu schreiben.

React ist die Grundlage aller PWA Kit Apps. Die offizielle React-Dokumentation ermöglicht Ihnen einen sehr guten Einstieg. Sie ist so hilfreich, dass wir Ihnen empfehlen, sie von vorne bis hinten zu lesen! Bei einem gezielteren Ansatz für das Erlernen von React sollten Sie sich auf die Komponenten, Props, den Rendering-Lebenszyklus und die Zustandsverwaltung konzentrieren, einschließlich neuer Konzepte wie Hooks, die in React 16.8 eingeführt wurden.

Ihre App bezieht alle benötigten Commerce-Daten mithilfe von APIs von der Salesforce Commerce Cloud. Sie sollten allgemein mit RESTful APIs und vor allem mit der B2C Commerce API und der Open Commerce API (OCAPI) vertraut sein.

Je nach den Details Ihres Projekts sind zusätzliche Kenntnisse und Fähigkeiten in den folgenden Bereichen von Vorteil:

  • Architekturprinzipien für Einzelseitenanwendungen und das Backend-for-Frontend-Muster
  • Webseiten-Leistungstests mit Lighthouse und WebPageTest
  • Die PWA-Checkliste
  • Interaktion mit APIs mithilfe von Tools wie cURL und Postman
  • HTTP-Vernetzung und -Caching
  • Web Analytics
  • Suchmaschinenoptimierung
  • Konfiguration von Build-Tools wie webpack.
  • Durchführung von DNS-Änderungen und -Wechsel
  • Anwendung von JavaScript-Bibliotheken von Drittanbietern zur Verbesserung der Website-Funktionalität
  • Layout-Techniken für Responsive Webdesign unter Verwendung von Medienabfragen, Flexbox und Rastern