Zum Hauptinhalt springen
    Zurück zu Kursen
    Fortgeschritten

    Slidev – Developer-Präsentationen mit Vue & Markdown

    Slidev ist ein modernes Präsentations-Framework, mit dem Entwickler wunderschöne Slides mit Markdown erstellen können – mit der vollen Power von Vue.js-Komponenten und CSS. In diesem 1-Tages-Kurs lernst du, professionelle Präsentationen zu erstellen, die Live-Code-Snippets, Syntax-Highlighting, Animationen, Diagramme und interaktive Elemente enthalten. Du meisterst Themes, Layouts, den Presenter-Modus und den Export als PDF oder SPA. Perfekt für Tech-Talks, interne Demos und Konferenzpräsentationen – nie wieder mit PowerPoint kämpfen.

    4 Module
    16 Lektionen
    1 Tag
    Slidev – Developer-Präsentationen mit Vue & Markdown – 1 Tag Web-Kurs bei apigenio

    Fähigkeiten, die du lernen wirst

    Markdown-Slide-Erstellung
    Code-Blöcke & Syntax-Highlighting
    Mermaid-Diagramme
    Vue-Komponenten in Slides
    UnoCSS-Styling
    Presenter-Modus
    PDF/SPA-Export
    Slide-Animationen

    Kursmodule & Lektionen

    1

    Slidev Grundlagen

    Installation, Projekt-Setup, Markdown-Syntax für Slides, Slide-Trenner, Front Matter und grundlegende Navigation.

    2h
    Installation & Setup

    Erfahre, wie Du Slidev installierst und Deine erste Präsentation startklar machst.

    30min
    Markdown-Syntax

    Lerne die grundlegende Markdown-Syntax, um schnell Inhalte zu erstellen.

    30min
    Slide-Trenner & Front Matter

    Entdecke, wie Du Folien trennst und Metadaten über Front Matter definierst.

    30min
    Navigation

    Meistere die Navigation in Deinen Präsentationen für einen reibungslosen Ablauf.

    30min
    2

    Inhalte & Code

    Code-Blöcke mit Syntax-Highlighting, Monaco-Editor-Integration, Mermaid/PlantUML-Diagramme, LaTeX-Formeln und Klick-Animationen.

    2h
    Code-Blöcke & Highlighting

    Füge Code-Blöcke hinzu und hebe wichtige Zeilen hervor.

    30min
    Monaco-Editor

    Nutze den Monaco-Editor für interaktive Code-Beispiele direkt in Deiner Präsentation.

    30min
    Diagramme (Mermaid/PlantUML)

    Bette ansprechende Diagramme mit Mermaid oder PlantUML ein.

    30min
    LaTeX & Click-Animationen

    Erstelle mathematische Formeln mit LaTeX und animiere Elemente per Klick.

    30min
    3

    Design & Theming

    Eingebaute Themes, eigene Layouts, UnoCSS-Styling, Slide-Übergänge, Motion-Animationen und responsives Design.

    2h
    Eingebaute Themes

    Entdecke und aktiviere die vorgefertigten Designs von Slidev.

    30min
    Eigene Layouts

    Gestalte individuelle Folien-Layouts, die perfekt zu Deinen Inhalten passen.

    30min
    UnoCSS-Styling

    Passe das Aussehen Deiner Präsentation mit UnoCSS an.

    30min
    Übergänge & Motion

    Verleihe Deinen Folien Dynamik mit ansprechenden Übergängen und Bewegungen.

    30min
    4

    Erweiterte Features & Deployment

    Vue-Komponenten in Slides, Presenter-Modus mit Notizen, Aufnahmen, Export als PDF/PNG/SPA, GitHub Pages Deployment.

    2h
    Vue-Komponenten

    Erfahre, wie du Vue-Komponenten nutzt, um deine Slidev-Präsentationen vielseitiger zu gestalten.

    30min
    Presenter-Modus & Notizen

    Entdecke den Presenter-Modus und Notizen, um deine Vorträge professionell zu meistern.

    30min
    Export PDF/PNG/SPA

    Lerne, wie du deine Präsentationen als PDF, PNG oder SPA exportierst.

    30min
    GitHub Pages Deploy

    Wir zeigen dir, wie du deine Präsentation auf GitHub Pages bereitstellst.

    30min

    Voraussetzungen

    • Grundkenntnisse in HTML/CSS
    • Vertrautheit mit Markdown
    • Node.js auf dem Laptop installiert
    • Code-Editor (VS Code empfohlen)

    Bereit anzufangen?

    Schliess dich Tausenden von Studierenden an.

    Dein Trainer

    David Pinezich

    David Pinezich

    Erfahrener IT-Architekt und Trainer mit Schwerpunkt Python, Cloud-Architektur und Enterprise-Lösungen. Zertifizierter TOGAF-, CISSP- und AWS-Profi mit langjähriger praktischer Schulungserfahrung.

    Wir verwenden Analytics-Cookies, um unsere Website zu verbessern. Mehr erfahren