Slidev – Developer Presentations with Vue & Markdown
Slidev is a modern presentation framework that lets developers create beautiful slides using Markdown, with the full power of Vue.js components and CSS. In this 1-day course, you will learn to build professional presentations that include live code snippets, syntax highlighting, animations, diagrams, and interactive elements. You will master themes, layouts, presenter mode, and exporting to PDF or SPA. Perfect for tech talks, internal demos, and conference presentations – never fight with PowerPoint again.
Skills You'll Learn
Course Modules & Lessons
Slidev Fundamentals
Installation, project setup, Markdown syntax for slides, slide separators, front matter, and basic navigation.
Installation & Setup
Erfahre, wie Du Slidev installierst und Deine erste Präsentation startklar machst.
Markdown-Syntax
Lerne die grundlegende Markdown-Syntax, um schnell Inhalte zu erstellen.
Slide-Trenner & Front Matter
Entdecke, wie Du Folien trennst und Metadaten über Front Matter definierst.
Navigation
Meistere die Navigation in Deinen Präsentationen für einen reibungslosen Ablauf.
Content & Code
Code blocks with syntax highlighting, Monaco editor integration, Mermaid/PlantUML diagrams, LaTeX formulas, and click animations.
Code-Blöcke & Highlighting
Füge Code-Blöcke hinzu und hebe wichtige Zeilen hervor.
Monaco-Editor
Nutze den Monaco-Editor für interaktive Code-Beispiele direkt in Deiner Präsentation.
Diagramme (Mermaid/PlantUML)
Bette ansprechende Diagramme mit Mermaid oder PlantUML ein.
LaTeX & Click-Animationen
Erstelle mathematische Formeln mit LaTeX und animiere Elemente per Klick.
Design & Theming
Built-in themes, custom layouts, UnoCSS styling, slide transitions, motion animations, and responsive design.
Eingebaute Themes
Entdecke und aktiviere die vorgefertigten Designs von Slidev.
Eigene Layouts
Gestalte individuelle Folien-Layouts, die perfekt zu Deinen Inhalten passen.
UnoCSS-Styling
Passe das Aussehen Deiner Präsentation mit UnoCSS an.
Übergänge & Motion
Verleihe Deinen Folien Dynamik mit ansprechenden Übergängen und Bewegungen.
Advanced Features & Deployment
Vue components in slides, presenter mode with notes, recording, exporting to PDF/PNG/SPA, GitHub Pages deployment.
Vue-Komponenten
Erfahre, wie du Vue-Komponenten nutzt, um deine Slidev-Präsentationen vielseitiger zu gestalten.
Presenter-Modus & Notizen
Entdecke den Presenter-Modus und Notizen, um deine Vorträge professionell zu meistern.
Export PDF/PNG/SPA
Lerne, wie du deine Präsentationen als PDF, PNG oder SPA exportierst.
GitHub Pages Deploy
Wir zeigen dir, wie du deine Präsentation auf GitHub Pages bereitstellst.
Prerequisites
Your Trainer
David Pinezich
Experienced IT architect and trainer specializing in Python, Cloud Architecture, and Enterprise Solutions. Certified TOGAF, CISSP, and AWS professional with years of hands-on training experience.