frontend.tech mail.ru

frontend.tech-mail.ru

Quelle der Website frontend.tech-mail.ru

Technopark, Herbst 2024

Mannschaften

• npm run deploy baut das Projekt im Verzeichnis .deploy.git auf und lädt das Ergebnis in das GitHub-Repository frontend-park-mail-ru.github.io hoch

  • Der Commit-Kommentar kann in Anführungszeichen als Argument für den Befehl angegeben werden: npm run deploy -- "Add awesome slides" (funktioniert noch nicht)

• npm run build erstellt das Projekt im dist -Verzeichnis und beendet es

• npm run show erstellt das Projekt im dist -Verzeichnis und startet einen statischen Server aus diesem Verzeichnis, um das Ergebnis anzuzeigen. Die Überwachung von Dateiänderungen sowie das automatische Neuaufbauen und Neuladen der Site sind ebenfalls aktiviert.

• npm run add-slides erstellt eine Vorlage für eine neue Präsentation im Ordner source/slides .

Vorlesungsfolien entwickeln

Sie können npm i -g reload installieren, zu cd source/ gehen und reload -bv -p 8081 ausführen. Gehen Sie im sich öffnenden Browserfenster auf die Seite http://localhost:8081/slides/s1/

Projektstruktur

• .deploy.git wird verwendet, um die Site im Repository frontend-park-mail-ru.github.io bereitzustellen
• dist enthält die Site-Assembly
• tasks enthalten Grunzaufgaben
• source enthält die Site-Quellen
  • source/lib enthält die verwendeten Bibliotheken
    • source/lib/shower/themes/technopark/styles enthält Dateien mit Shower-Themenstilen. Das Verzeichnis enthält Dateien mit Stilen für verschiedene Bildschirmseitenverhältnisse. Beim Laden der Seite wird der SAR berechnet und die erforderliche Datei mit Stilen ausgewählt, damit die Präsentation auf Bildschirmen mit jedem Format möglichst eindrucksvoll aussieht
  • source/pages enthält Vorlagen für Seiten
  • source/slides enthält Präsentationen für Vorlesungen
  • source/examples enthält alle Beispieldateien