Vorschau und Testen Ihres Kurses

Bevor Sie Ihren Kurs einreichen, ist es wichtig, ihn lokal zu überprüfen und zu testen, um sicherzustellen, dass alles wie erwartet aussieht und funktioniert. In dieser Lektion werden wir den Prozess der Kursvorschau und gründlichen Tests durchgehen.

Starten Sie den lokalen Entwicklungsserver

1. Öffnen Sie Ihr Terminal und navigieren Sie zu Ihrem Projektverzeichnis.

2. Starten Sie den Entwicklungsserver:

   • Wenn Sie npm verwenden:

     npm start
     

   • Wenn Sie Docker verwenden:

     npm run docker:up
     

3. Sobald der Server läuft, öffnen Sie Ihren Webbrowser und gehen Sie zu:

   http://localhost:1313
   

Vorschau Ihres Kurses

1. Navigieren Sie zu Ihrer Kursseite:

   http://localhost:1313/en/courses/<Ihr-Kursname>
   

2. Überprüfen Sie die Kursübersichtsseite:

   • Stellen Sie sicher, dass alle Metadaten korrekt sind (Titel, Beschreibung, Tags usw.)
   • Überprüfen Sie, ob das Kursbild und das Video (sofern verfügbar) korrekt angezeigt werden
   • Verifizieren Sie, dass die Kursziele und -voraussetzungen korrekt aufgeführt sind

3. Navigieren Sie durch jede Lektion:

   • Klicken Sie auf die Schaltflächen “Kurs starten” oder “Nächste Lektion”, um durch Ihren Kurs zu navigieren
   • Stellen Sie sicher, dass die Reihenfolge der Lektionen korrekt ist

Testen Sie den Kursinhalt

Während Sie Ihren Kurs in der Vorschau anschauen, führen Sie die folgenden Tests durch:

1. Inhaltsanzeige:

   • Stellen Sie sicher, dass alle Markdown korrekt gerendert wird (Überschriften, Listen, Codeblöcke usw.)
   • Überprüfen Sie, ob alle Links funktionieren und auf die richtigen Ziele zeigen

2. Medienanzeige:

   • Stellen Sie sicher, dass alle Bilder korrekt und nicht verzerrt angezeigt werden
   • Testen Sie, ob Videos ordnungsgemäß abgespielt werden
   • Verifizieren Sie, dass herunterladbare Ressourcen zugänglich sind

3. Navigation:

   • Testen Sie alle Navigationselemente (Schaltflächen für vorherige/nächste Lektion, Kursübersicht)
   • Stellen Sie sicher, dass die Kursabschnitte korrekt organisiert sind

4. Responsivität:

   • Testen Sie Ihren Kurs auf verschiedenen Bildschirmgrößen (Sie können die Entwicklertools Ihres Browsers dafür verwenden)
   • Stellen Sie sicher, dass Inhalte und Medien responsiv sind und gut auf mobilen Geräten angezeigt werden

5. Zugänglichkeit:

   • Überprüfen Sie, ob alle Bilder angemessenen alternativen Text haben
   • Stellen Sie sicher, dass der Farbkontrast ausreichend für die Lesbarkeit ist

Korrekturen vornehmen

Wenn Sie während Ihrer Vorschau und Tests Probleme finden:

1. Stoppen Sie den Entwicklungsserver (Strg+C in Ihrem Terminal)
2. Nehmen Sie die notwendigen Korrekturen in Ihren Kursdateien vor
3. Starten Sie den Entwicklungsserver neu und testen Sie erneut

Übung: Vorschau und Testen Ihres Kurses

1. Starten Sie Ihren lokalen Entwicklungsserver
2. Überprüfen Sie Ihren gesamten Kurs und gehen Sie durch jede Lektion
3. Führen Sie alle oben aufgeführten Tests durch
4. Erstellen Sie eine Liste von Problemen, die Sie finden, und beheben Sie diese
5. Testen Sie erneut, um sicherzustellen, dass alle Korrekturen erfolgreich waren

In der nächsten Lektion werden wir den Prozess der Einreichung Ihres Kurses über eine GitLab-Merge-Anfrage behandeln.