Gatsby - Grundlagen

Methode
Dauer

Gatsby - Grundlagen

HECKER CONSULTING
Logo von HECKER CONSULTING

Tipp: Sie suchen eine Inhouse Schulung? Erhalten Sie von mehreren Anbietern unverbindliche Angebote!

Beschreibung

Das Web entwickelt sich ständig weiter: Gatsby ist eine moderne Variante eines statischen Website-Generators.

 

Gatsby basiert auf React und nutzt GraphQL, um Informationen aus Datenquellen wie WordPress zu extrahieren. Lernen Sie wie Sie dieses flexible JavaScript-Framework nutzen, um leistungsorientierte Websites zu erstellen.

Entdecken Sie, wie Sie Gatsby zum Laufen bringen und die Starter-Projekte nutzen, um schnell Ihre Websites zu erstellen. Erfahren Sie, wie Sie mit Gatsby-Seiten, -Assets und -Komponenten arbeiten und Ihre Websites mit verschiedenen CSS-Ansätzen gestalten: statische Standard-Stylesheets, Inline-Styles, CSS-Module, gestylte Komponenten und mehr.

Außerdem erfahren Sie, …

Gesamte Beschreibung lesen

Frequently asked questions

Es wurden noch keine FAQ hinterlegt. Falls Sie Fragen haben oder Unterstützung benötigen, kontaktieren Sie unseren Kundenservice. Wir helfen gerne weiter!

Noch nicht den perfekten Kurs gefunden? Verwandte Themen: Controlling, Englisch, Personalcontrolling, Einkaufscontrolling und Projektcontrolling.

Das Web entwickelt sich ständig weiter: Gatsby ist eine moderne Variante eines statischen Website-Generators.

 

Gatsby basiert auf React und nutzt GraphQL, um Informationen aus Datenquellen wie WordPress zu extrahieren. Lernen Sie wie Sie dieses flexible JavaScript-Framework nutzen, um leistungsorientierte Websites zu erstellen.

Entdecken Sie, wie Sie Gatsby zum Laufen bringen und die Starter-Projekte nutzen, um schnell Ihre Websites zu erstellen. Erfahren Sie, wie Sie mit Gatsby-Seiten, -Assets und -Komponenten arbeiten und Ihre Websites mit verschiedenen CSS-Ansätzen gestalten: statische Standard-Stylesheets, Inline-Styles, CSS-Module, gestylte Komponenten und mehr.

Außerdem erfahren Sie, wie Sie Gatsby mit Plugins erweitern, mit GraphQL-Abfragen eine Verbindung zu Datenquellen herstellen, mit Transformer-Plugins und Node.js-Skripten dynamisch Seiten erstellen und Ihre Gatsby-Site produktionsreif machen.

 

Die Ersteinrichtung von Gatsby

  • Modernisieren Sie das Web mit Gatsby
  • Gatsby - Ein Generator für statische Websites
  • Erste Einrichtung
  • Installation von Gatsby-Starter
  • Starten und Stoppen einer lokalen Gatsby-Site

Struktur einer Gatsby-Site

  • Von Grund auf neu beginnen
  • Erkunden Sie das Projekt
  • Grundlegende Gatsby-Prinzipien
  • Ändern des Site-Titels und Inhalte

Seiten, Komponenten und Stile in Gatsby

  • Statische Seiten
  • Statische Assets
  • Komponenten und ihre Verwendung
  • Die Layout-Komponente
  • CSS in Gatsby
  • CSS-Bausteine und modernes CSS
  • Erstellen einer Navigationskomponente

Plugins und Transformationen in Gatsby

  • Erweitern Sie Gatsby mit Plugins
  • Plugin-Optionen
  • Transformations-Plugins
  • Bilder zu einer Seite hinzufügen

Gatsby und Daten

  • Gatsby und GraphQL
  • Arten von GraphQL-Abfragen
  • Ein dynamisches Navigationsmenü erstellen

Dynamische Seiten in Gatsby

  • Daten in Seiten transformieren
  • Daten durch Transformatoren verfügbar machen
  • Transformierte Daten verarbeiten
  • Seiten aus Markdown-Dateien generieren
  • Paginierte Indexseiten erstellen
  • Paginierte Tag-Indizes hinzufügen

Inbetriebnahme einer Gatsby-Website

  • Erstellen der Produktionsseite
  • Hinzufügen von PWA- und Offline-Funktionen

 

Da wir uns mehr und mehr auf Online-Dienste verlassen, werden Leistung, Zugänglichkeit und fortschrittliche Funktionalität zu zentralen Anliegen von Webdesignern und -entwicklern. Die Herausforderung besteht darin, die richtigen Werkzeuge für diese Aufgabe zu finden. Die Werkzeuge, die es ermöglichen, fortschrittliche, moderne Websites mit fortschrittlichen, modernen Werkzeugen auf schnellstem Wege zu erstellen. Gatsby ist ein modernes Framework für den Aufbau leistungsfähiger statischer Websites mit React und GraphQL. Gatsby dient als wichtige Zwischenschicht zwischen der Erstellung einer reinen React-Anwendung und der Erstellung einer guten, altmodischen Website. Es nimmt das Beste aus CMS-Templates, Objektorientierung und Webstandards, fügt eine solide Prise moderner Werkzeuge und Automatisierung hinzu und ermöglicht es Ihnen, blitzschnelle, zugängliche und fortschrittliche statische Websites zu erstellen, die wartbar, erweiterbar und zukunftsorientiert sind.

 

Die Weiterbildung "Gatsby - Grundlagen" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!

 

Erstklassige Beratung, Coaching, Workshops und Training für Ihre IT-, Online- und Digitalisierungsthemen. Über 300 aktuelle IT-, Online-, Digital-Themen - Live-Online und Vor-Ort in Ihrem Hause, auf jeden Fall immer persönlich und individuell!

Sie erhalten von uns:

➜ Training & Coaching für Einzelpersonen
➜ Training & Workshops für Teams und Abteilungen
➜ Training-Komplett-Lösungen für Ihr Unternehmen

Sie finden bei uns:

AWS, Analytics + Business Intelligence (BI), Azure, Big Data + Data Science, Cloud-Computing, Collaboration, Datenbanken, DevOps, Digitale Strategie, Digitale Transformation, E-Commerce, E-Learning, Excel, Für Marketing, Für Verkauf + Vertrieb, IT & Software, Java, JavaScript, Künstliche Intelligenz (KI), Microsoft, Moodle, No-Code / Low-Code, Online Marketing, Online-Meeting, PHP, Power Platform, Programmiersprachen, Projektmanagement, Python, R, Robotic Process Automation (RPA), SEO, SQL, SQL Server, Scrum, Software Engineering, Tableau, Teams

Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 300 IT-, Online- und Digital-Beratungsleistungen.

Es wurden noch keine Bewertungen geschrieben.

    Schreiben Sie eine Bewertung

    Haben Sie Erfahrung mit diesem Kurs? Schreiben Sie jetzt eine Bewertung und helfen Sie Anderen dabei die richtige Weiterbildung zu wählen. Als Dankeschön spenden wir € 1,00 an Stiftung Edukans.

    Es wurden noch keine FAQ hinterlegt. Falls Sie Fragen haben oder Unterstützung benötigen, kontaktieren Sie unseren Kundenservice. Wir helfen gerne weiter!