Webdesign

Durch Online-Workshops bei Udemy, habe ich mir nebenberuflich grundlegendende Fähigkeiten des Programmierens mit WordPress angeeignet. Diese Website dient als Testprojekt um das Gelernte anzuwenden. Insgesamt habe ich mich seit Juli 2023 ca 130 Stunden mit Webdesign befasst.

Auszug aus der App „Forest“ zum Erfassen von investierter Zeit.

Der Großteil der investierten Zeit steckt in dem Kurs Become a WordPress Developer: Unlocking Power With Code von Brad Schiff. Dieser war am besten bewertet und hat mich durch seinen Inhalt am ehesten angesprochen.

Das Ziel des Kurses ist ein eigenes, individuelles Theme zu erstellen, von einer leeren index.php Datei zu einer vollständigen Website mit diversen Funktionen. Als Schulungsobjekt wird eine Website für eine Universität erstellt. Im folgenden stelle ich die Kernelemente des Kurses stichpunktartig dar:

  • Das Erstellen des „Dev-Environments“
    – Installation von WordPress, Local und Visual Studio Code
    – Erstellen eines neuen Themes
  • Die ersten „Coding Steps“ in PHP
    PHP Funktionen
    PHP Arrays
  • Kennenlernen von spezifischem WordPress PHP
    WordPress „Loop“
    WordPress Funktionen
  • Erstellen von Seiten (und der Unterschied zu Posts)
    Parent und Children Pages
    – Navigation Menues
    – Child Page Links
  • Bearbeiten der Blog-Sektion
    – Darstellung der Blogposts
    – Filtern der Metadaten
    – Implementieren der Archiv-Seiten
    – Kennenlernen und Anwendung von Custom Queries
  • Arbeiten mit Custom Post Types und Custom Fields
    – Erstellen eines „Events“-Post Typs
    – Verwendung von Custom Fields um Termine/individuelle Zeiten darzustellen
  • Kreation von Beziehungen zwischen verschiedenen Post-Types
    – Erstellen eines „Programs“ Post-Types
    – Verbindung von Events und Programmen (z.B. „Mathe-Meeting“ mit dem Fach „Mathematik“)
    – Darstellen der Verbindungen auf der Website
  • Implementieren von Featured Images
    – Hochladen, Zuweisen, Schneiden, Darstellen
  • Vertiefung von individuellen Funktionen
    – Duplizierten Code durch allgemeine Funktionen eliminieren
    – Logische Struktur in komplexeren Codes behalten
  • Kennenlernen und Anwendung von JavaScript für eine Live-Suche
    – Programmieren von einem Pop-up Suchfeld
    Zeit-Management in JavaScript
    – Hinzufügen von einem „Spinner Icon“ / einer Animation während einer aktiven Suche
    – Anpassen von Suchergebnissen an Beziehungen
    – Manipulieren der WP Query zur Verbesserung der Performance
  • Kennenlernen und Arbeiten mit der REST API
    – Darstellen von Live Suchergebnissen in HTML über die REST API
    – Asynchrone und Synchrone Abfragen an die REST API
    – Erstellen einer eigenen REST API URL zur Verbesserung der Performance
    – Erstellen von individuellen JSON Daten