Gatsby - Grundlagen

Institut: HECKER CONSULTING
Bereich: Technik, EDV, Telekommunikation
Kurs merken
Anmelden

Kursbeschreibung

Gatsby und statische Website-Generatoren sind die Zukunft des Webs. Entdecken Sie, wie Sie dieses flexible JavaScript-Framework nutzen, um leistungsorientierte Websites zu erstellen.

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

Gatsby und statische Website-Generatoren sind die Zukunft des Webs. Entdecken Sie, wie Sie dieses flexible JavaScript-Framework nutzen, um leistungsorientierte Websites zu erstellen.

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 Da…
Website
https://www.hco.de
Datum
auf Anfrage
Uhrzeit
09:00
Dauer
ab 1 Tag nach Vereinbarung
Ort
Virtuelles Klassenzimmer, Live-Online-Seminar
E-Mail
info@hco.de
Kontakt
Peter Hecker
Straße
Erkrather Str. 401
PLZ
40231
Ort
Düsseldorf
Land
Deutschland
Bundesland
---
Tel
+49 211 542 480 40
Keine besonderen Anforderungen.
Zielgruppe
Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und eineGatsby - Beratung, Coaching, Workshop, Training suchen!
Kursnummer
613b518ccc430e2d6adc
Plätze
12

Diese Kurse könnten Sie auch interessieren ...

Uber Weiterbildungsvorschläge
Suchmaschinen-Marketing und Suchmaschinen-Optimierung (SEM/SEO) - Einführung Adobe InDesign Grundlagen Modul 5 - Gesundheit, Sicherheit, Dienstleistung (3a-3f) - C95/D95 Weiterbildung für Berufskraftfahrer:innen Modul 5 - Gesundheit, Sicherheit, Dienstleistung (3a-3f) - C95/D95 Weiterbildung für Berufskraftfahrer:innen 3D-Druck Workshop: Weihnachtsedition. Für Kinder (8-14 Jahre) Enter Bildbearbeitung Enter Excel Enter Word SEO & SEA - Suchmaschinenoptimierung & Suchmaschinenmarketing Excel für Controller Excel für Controller Excel für Selbsterlernte Excel für Selbsterlernte Excel für Selbsterlernte Power BI Desktop Grundlagen Power BI Desktop Grundlagen Power BI Desktop Grundlagen Power Query Grundlagen Power Query Grundlagen Full Stack Development: Java Technologies Full Stack Development: Java Technologies Full Stack Development: Java Technologies Full Stack Development: Java Technologies EC-Council Computer Hacking Forensic Investigator (CHFI) Blender - Grundlagen Adobe Figma - Aufbau Google Cloud Fundamentals: Core Infrastructure HPE Synergy Administration with HPE OneView OpsRamp Operations, Administration & Implementation Managing HPE GreenLake for Block Storage MP Drive Sales with Account Engagement Concepts and Facilities for HPE NonStop Systems IBM PowerVM: Implementing Virtualization Microsoft Dynamics 365 Business Central – VS Code AL Introduction (Part 2: Advanced) IBM Storage Protect 8.1.13 Advanced Administration, Tuning, and Troubleshooting Windows Server – Public Key Infrastructure Management & Security (PKI) EC-Council Certified Network Defender v3 Office Core Fit für das Büro Office Core Fit für das Büro Office ADVANCED Fit für den Job Office ADVANCED Fit für den Job Office 2019 Windows 10 Fit am PC Office 2019 Windows 10 Fit am PC Keine Angst vor dem PC + 50 Umschulung Office 2013 auf Office 2019 EDV Einführung 50+ Bürofachkraft Bürofachkraft Office CORE Office Core Fit für das Büro Office Core Fit für das Büro Office ADVANCED Fit für den Job Office ADVANCED Fit für den Job Office 2019 Windows 10 Fit am PC Office 2019 Windows 10 Fit am PC Keine Angst vor dem PC + 50 Umschulung Office 2013 auf Office 2019 EDV Einführung 50+ Bürofachkraft Bürofachkraft Office CORE Online: Excel Kurs – Datenanalyse mit Pivot Tabelle (PT-12-25) ISTQB® Certified Tester - Foundation Level v4.0 (CTFL) [DE] iSAQB® Certified Professional for Software Architecture - Foundation Level (CPSA-F) [DE] iSAQB® Certified Professional for Software Architecture - Foundation Level (CPSA-F) [EN] IREB® Certified Professional for Requirements Engineering - Foundation Level (CPRE-FL) [DE] Diplomlehrgang ArchiCAD & Lumion Diplomlehrgang ArchiCAD & 3D Druck Lehrgang ArchiCAD ArchiCAD - Grundlagen ArchiCAD - Grundlagen Diplomlehrgang Revit & Lumion Diplomlehrgang Revit & 3D Druck Lehrgang Revit Revit - Grundlagen Revit - Grundlagen Fusion 360 Lehrgang AutoCAD Diplomlehrgang AutoCAD, AutoLISP & KI AutoCAD - Grundlagen AutoCAD - Grundlagen Lehrgang SolidWorks SolidWorks - Grundlagen SolidWorks - Grundlagen Diplomlehrgang Rhinoceros 3D / V-Ray / Lumion Diplomlehrgang Rhinoceros 3D / 3D Druck Rhinoceros 3D / Lumion - Grundlagen Rhinoceros 3D / 3D Druck - Grundlagen Rhinoceros 3D - Grundlagen Diplomlehrgang SketchUp / V-Ray / Lumion Diplomlehrgang SketchUp / 3D Druck SketchUp / Lumion - Grundlagen SketchUp / 3D Druck - Grundlagen SketchUp - Grundlagen Diplomlehrgang 3DS Max / V-Ray / Lumion Diplomlehrgang 3DS Max / 3D Druck 3DS Max / Lumion - Grundlagen 3DS Max / 3D Druck - Grundlagen 3DS Max - Grundlagen Unreal Engine für Architektur Blender / Lumion - Grundlagen Blender / 3D Druck - Grundlagen Blender - Grundlagen Cinema 4D / Lumion - Grundlagen Cinema 4D / 3D Druck - Grundlagen Cinema 4D - Grundlagen Maya - Grundlagen Lehrgang Programmiersprache Python Programmiersprache Python - Grundlagen Programmiersprache Python - Grundlagen Programmiersprache Java - Grundlagen Programmiersprache Java - Grundlagen JavaScript - Grundlagen JavaScript - Grundlagen Programmiersprache C Programmiersprache C++ Programmiersprache C# HTML/CSS HTML/CSS MySQL MySQL Adobe Audition Audacity Diplomlehrgang Adobe Premiere Pro & After Effects Adobe Premiere Pro & After Effects - Grundlagen Adobe After Effects - Grundlagen Adobe Premiere Pro Avid Media Composer DaVinci Resolve Lehrgang WordPress WordPress - Grundlagen WordPress - Grundlagen Lehrgang UX/UI - Design mit Figma UX/UI - Design mit Figma - Kompaktkurs RhinoGold - Grundlagen RhinoGold - Grundlagen Diplomlehrgang Adobe Photoshop / InDesign / Illustrator Adobe Photoshop / InDesign / Illustrator - Grundlagen Adobe Photoshop / InDesign - Grundlagen Adobe Photoshop - Grundlagen Adobe Lightroom ChatGPT und künstliche Intelligenz in der Praxis (20 UE) Baumaschinenführerkurs Schaltberechtigung für elektrische Anlagen in Nieder- und Hochspannungsnetzen Schaltberechtigung für elektrische Anlagen in Nieder- und Hochspannungsnetzen Prüfung elektrischer Geräte und Elektrowerkzeuge Ausbildung Brandschutzwart:in Projektierung, Errichtung und Erweiterung von Hochspannungsanlagen NEU MIT VR! Hochvolt-Ausbildung HV-3 nach OVE Richtlinie R19 Fortbildung Brandschutzbeauftragte Fortbildung Brandschutzwart:innen Brandschutz bei Photovoltaik-Anlagen Power Query Fortgeschrittene Power Query Fortgeschrittene Microsoft Azure, Administering Azure SQL Solutions Microsoft Azure, Administering Azure SQL Solutions Ansible, Automation Ansible, Automation XML, Grundlagen XML, Grundlagen Windows Server, Hybrid Core Infrastructure Windows Server, Hybrid Core Infrastructure Windows 11 Client, Upgrading your Skills to Windows 11 Windows 11 Client, Upgrading your Skills to Windows 11 Microsoft Office 365, Workflows mit SharePoint und PowerAutomate Microsoft Office 365, Workflows mit SharePoint und PowerAutomate BricsCAD - 2D-Aufbau BricsCAD - 2D-Aufbau Kreative Bildgenerierung mit Künstlicher Intelligenz (KI) Kreative Bildgenerierung mit Künstlicher Intelligenz (KI) MS Excel - Expert (Bundle) MS Excel - Expert (Bundle) iSAQB® Certified Professional for Software Architecture - Foundation Level (CPSA-F) iSAQB® Certified Professional for Software Architecture - Foundation Level (English, CPSA-F) ISTQB Certified Tester - Advanced Level: Test Analyst (CTAL-TA) IREB Certified Professional for Requirements Engineering - Foundation Level (CPRE-FL) ISTQB Certified Tester - Foundation Level v4.0 (CTFL) Querying Data with Microsoft Transact-SQL Querying Data with Microsoft Transact-SQL Programmierung mit ASP.NET Web APIs Programmierung mit ASP.NET Web APIs Confluence (Cloud) für Administratoren Confluence (Cloud) für Administratoren EXIN Agile Scrum Foundation und Product Owner (Bundle) EXIN Agile Scrum Foundation und Product Owner (Bundle) EXIN Agile Scrum Foundation und Master (Bundle) EXIN Agile Scrum Foundation und Master (Bundle) MS Excel - Pivot-Tabellen und Power Pivot (Bundle) MS Excel - Pivot-Tabellen und Power Pivot (Bundle) AutoCAD - 3D-Konstruktion AutoCAD - 3D-Konstruktion EXIN Agile Scrum Foundation EXIN Agile Scrum Foundation AutoCAD - 2D-Aufbau AutoCAD - 2D-Aufbau Projektmanagement - Vertiefung Projektmanagement - Vertiefung MS PowerPoint - Basis MS PowerPoint - Basis MS Excel - Datenanalysen mit Excel-Dashboards und Pivot-Tabellen