Dies ist das Repository für den Kurs „Gatsby lernen“ auf LinkedIn Learning. Der gesamte Kurs ist bei LinkedIn Learning erhältlich.
Gatsby ist eine moderne Version des statischen Website-Generators, der mit React gebaut wurde und GraphQL verwendet, um Informationen aus Datenquellen wie WordPress zu extrahieren. In diesem Kurs lernen Sie mit Morten Rand-Hendriksen und Florence Maurice, wie man dieses flexible JavaScript Framework verwendet, um leistungsorientierte Webseiten zu erstellen. Entdecken Sie, wie man Gatsby einrichtet, und verwenden Sie die Starterprojekte, um Ihre Seiten auszubauen. Finden Sie heraus, wie Sie mit Gatsby-Seiten, -Assets und -Komponenten arbeiten und Ihre Seiten mithilfe mehrerer CSS-Ansätze, wie statischen Standard-Stylesheets, Inline-Styles, CSS-Modulen, Styled Components und vielem mehr, gestalten. In diesem Kurs lernen Sie außerdem, wie Sie Gatsby mit Plug-ins erweitern, mittels GraphQL-Abfragen eine Verbindung zu Datenquellen herstellen, wie Sie mit Transformer-Plug-ins und Node.js-Skripten dynamisch Seiten erstellen und welche Schritte notwendig sind, damit Ihre Gatsby-Webseite live funktioniert.
Dieses Repository hat Branches für jedes der Videos im Kurs. Verwenden Sie das Branch-Pop-up-Menü in GitHub, um zu einem bestimmten Branch zu wechseln bzw. um bei einem spezifischen Kursstatus einzusteigen, oder fügen Sie /tree/BRANCH_NAME zum URL hinzu, um auf den gewünschten Branch zuzugreifen.
Branches sind passend zu den Videos des Kurses strukturiert. Die Namenskonvention lautet Kapitel#_Video#. Der Branchname 02_03 steht zum Beispiel für das dritte Video im zweiten Kapitel. Manche Branches haben einen Anfangsstatus und einen Endstatus. Diese sind mit den Buchstaben b für „beginning“ (Anfang) und e für „end“ (Ende) versehen. Der Branch mit b am Ende enthält den Code, der zu Beginn des Videos zu sehen ist, während der Branch mit e am Ende den Code enthält, der am Ende des Videos zu sehen ist. Der Master-Branch enthält den finalen Status des Codes.
- Um diese Übungsdateien verwenden zu können, muss Folgendes installiert sein:
- Klonen Sie dieses Repository mit dem Terminal (Mac), CMD (Windows) oder einem GUI-Tool wie SourceTree auf Ihren lokalen Computer.
- Navigieren Sie im Terminal zum Projektordner und führen Sie den Befehl
npm installaus. - Um mit der Entwicklung zu beginnen, führen Sie den Befehl
npx gatsby developaus.
