Vite Schulung: Frontend-Builds mit TypeScript
Ein TypeScript-Projekt bis zur CI/CD-Pipeline aufbauen, Bibliotheken bündeln und Webpack-Migrationen planen
- Vite-Projekte mit TypeScript aufsetzen
- Plugins und Umgebungsvariablen steuern
- Dependencies und Chunks optimieren
- 3 Tage
- Aufbau
- Online
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- Vite-Projekte mit TypeScript aufsetzen
- Plugins und Umgebungsvariablen steuern
- Dependencies und Chunks optimieren
- Bibliotheken im Library Mode bauen
- Webpack-Migrationen vorbereiten
- Builds in CI/CD prüfen
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- Frontend-Entwickler mit TypeScript-Projekten
- Teams mit Webpack- oder CRA-Bestandsprojekten
- Fachkräfte für wiederverwendbare Frontend-Pakete
- DevOps-Fachkräfte für Frontend-Pipelines
Das bringst du mit
- TypeScript- und npm-Grundkenntnisse, etwa aus dem TypeScript Grundkurs
- Erfahrung mit einem komponentenbasierten Frontend-Projekt
Dein Lernweg
Tag 1: Projekt-Setup und Konfiguration
Das TypeScript-Projekt erhält eine Vite-basierte Entwicklungs- und Build-Umgebung.
- Projektstruktur und Einstiegspunkte
- Entwicklungsserver und Produktions-Build
- Plugins und Pfad-Aliases
- Umgebungsvariablen und Betriebsmodi
Tag 2: Optimierung, Library Mode und Tests
Build-Messungen steuern die Aufteilung der Anwendung und den Aufbau einer wiederverwendbaren Bibliothek.
- Dependency-Optimierung untersuchen
- Code-Splitting und dynamische Imports
- Library Mode konfigurieren
- Tests mit Vitest ausführen
- Build-Reports auswerten
Tag 3: Migration und CI/CD
Das Projekt wird automatisiert gebaut und dient als Zielbild für eine schrittweise Migration.
- Webpack-Aufgaben auf Vite übertragen
- Create React App migrieren
- CI/CD-Pipeline für Tests und Builds
- Build-Artefakte und Caching
- Migrationsplan mit Prüfpunkten
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
- Montag09:00 bis 16:00 Uhr
3 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
Ein durchgängiges TypeScript-Projekt verbindet kurze Fachimpulse mit Konfigurationsübungen, Build-Messungen und Tests. Eine geführte Migrationswerkstatt überträgt Webpack- oder CRA-Einstellungen auf Vite; gemeinsame Reviews prüfen die Ergebnisse.
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
Fragen und Antworten zu Vite Schulung: Frontend-Builds mit TypeScript
Was ist Vite und wofür wird es eingesetzt?
Ein Entwicklungsserver stellt ES-Module bedarfsgerecht bereit und reagiert dadurch schnell auf Dateiänderungen. Für die Produktion erzeugt Vite gebündelte Assets aus JavaScript, TypeScript, CSS und statischen Dateien in einem konfigurierbaren Build-Prozess. Plugins, Umgebungsvariablen und Library Mode decken Anforderungen von Anwendungen und wiederverwendbaren Frontend-Bibliotheken ab.
Wann eignet sich Vite für ein bestehendes Webpack-Projekt?
Vite eignet sich, wenn ein Projekt seine Entwicklungsumgebung vereinfachen und aktuelle TypeScript- oder Framework-Workflows nutzen soll. Vor der Migration werden Loader, Plugins, Asset-Pfade und Node-spezifische Abhängigkeiten geprüft, weil diese Bestandteile meist konkrete Anpassungen verlangen.
Was bedeutet Library Mode in Vite?
Der Library Mode erzeugt verteilbare Pakete aus definierten Einstiegspunkten. Externe Abhängigkeiten, Ausgabeformate und Paket-Metadaten werden so konfiguriert, dass andere Frontend-Anwendungen die Bibliothek importieren und TypeScript ihre öffentliche API erkennt.
Eignet sich die Vite Schulung für Create React App?
Die Schulung behandelt den Wechsel von Create React App zu Vite anhand typischer Anpassungen am HTML-Einstieg, an Umgebungsvariablen und an Asset-Pfaden. Grundkenntnisse in React sind hilfreich, wenn das eigene Migrationsprojekt auf React basiert.
Wird das Vite Training auf Deutsch durchgeführt?
Die Vite Schulung wird auf Deutsch durchgeführt; etablierte Fachbegriffe und Konfigurationsnamen bleiben auf Englisch. Benötigte Software und vorbereitete Projektumgebungen werden bereitgestellt, daher brauchst du keinen eigenen Rechner und keine eigene Lizenz mitzubringen.
Kann die Schulung an den eigenen Frontend-Stack angepasst werden?
Als Inhouse- oder Firmenseminar kann der Trainer Schwerpunkte wie React, Vue, Webpack-Konventionen oder die vorhandene CI/CD-Plattform auf Anfrage berücksichtigen. Der konkrete Umfang wird vorab anhand des Stacks und der gewünschten Migrationsziele abgestimmt.
Passende Schulungen
Vite Schulung: Frontend-Builds mit TypeScript
Nächster Termin: 26. Oktober 2026 · Online
ab1.690 €netto