Kursbeschreibung
Der JavaScript Aufbaukurs baut auf dem JavaScript-Grundkurs auf und vertieft deine vorhandenen Kenntnisse. Ziel des Kurses ist es, deine Fähigkeiten so zu erweitern, dass du eigenständig JavaScript-Anwendungen entwickeln kannst. Die Schulung wird als Live Online Kurs (Webinar) oder als Präsenzseminar angeboten.
Das Kebel Team bietet dir diesen JavaScript Kurs als Live Online Training (Webinar) oder Präsenzseminar mit Zertifikat an.
Alternativ organisieren wir auch eine individuelle JavaScript Schulung oder einen Workshop für dein Team. Termine, Ort, Dauer und Inhalte werden dabei individuell abgestimmt. Deine maßgeschneiderte JavaScript Schulung kann online, in Präsenz oder hybrid stattfinden.
Das Kebel Team berät dich gerne oder du buchst direkt online.
Die wichtigsten Themen im Überblick
- Modernes JavaScript professionell einsetzen
- ES2022 Features sicher beherrschen
- Architektur-Patterns praxisnah nutzen
- Performance & Debugging optimieren
- Modulare Anwendungen entwickeln
- CI/CD & Testing integrieren
Zielgruppe
Das Training richtet sich an Absolvent:innen eines JavaScript-Grundkurses sowie an Webentwickler:innen, die über entsprechende praktische Vorkenntnisse verfügen.
Voraussetzung für die Schulung
JavaScript-Grundkenntnisse in Variablen, Funktionen, Objekten, DOM-Zugriff, Events und Fetch sowie grundlegende Kenntnisse in HTML und CSS.
Kursinhalte
- Moderne JavaScript-Vertiefung
- Scope und Gültigkeitsbereiche sicher verstehen
- Closures gezielt einsetzen
- Das this-Verhalten in unterschiedlichen Kontexten verstehen
- Klassen, private Felder und moderne Sprachfunktionen anwenden
- Typische Fehler vermeiden und JavaScript-Code optimieren
- Objektorientierte Programmierung
- Klassen und Konstruktoren erstellen
- Methoden und Instanzen einsetzen
- Objekte strukturiert erweitern
- Vererbung und Komposition sinnvoll verwenden
- Asynchrones JavaScript
- Funktionsweise des Event Loops verstehen
- Promises erstellen und verarbeiten
- Asynchrone Abläufe mit async und await steuern
- Fehler bei Netzwerk- und Datenzugriffen behandeln
- Laufende Anfragen mit dem AbortController abbrechen
- Daten und Kommunikation
- Daten mit der Fetch API abrufen und senden
- JSON-Daten verarbeiten
- Einfache Schnittstellen und APIs anbinden
- Timeouts, Fehlerstatus und unerwartete Rückgabewerte behandeln
- Module und Projektstruktur
- JavaScript-Module mit Import und Export erstellen
- Anwendungen sinnvoll in Dateien und Komponenten strukturieren
- Logik, Darstellung und Daten voneinander trennen
- Einfache Build-Prozesse mit npm-Scripts einrichten
- Moderne Frameworks im Überblick
- Grundprinzipien komponentenbasierter Anwendungen verstehen
- Einblick in React und komponentenorientierte Entwicklung
- Einblick in Vue und reaktive Benutzeroberflächen
- Einblick in Svelte und kompakte Komponentenentwicklung
- Abgrenzung zwischen JavaScript-Grundlagen und Framework-Einsatz
- Tooling für moderne Webprojekte
- npm und package.json einsetzen
- Abhängigkeiten verwalten
- Vite als modernes Entwicklungswerkzeug verwenden
- Lokale Entwicklungsserver und Hot Reloading nutzen
- Codequalität und Zusammenarbeit im Team
- Git-Grundlagen für die gemeinsame Entwicklung anwenden
- Mit Branches, Commits und Pull Requests arbeiten
- Code mit ESLint überprüfen
- Einheitliche Formatierung mit Prettier umsetzen
- JavaScript-Code mit JSDoc dokumentieren
- Testing
- Einfache Unit Tests mit Vitest oder Jest erstellen
- Funktionen und Module automatisiert testen
- Grundidee von End-to-End-Tests mit Playwright kennenlernen
- Fehler systematisch analysieren und beheben
- Praxisprojekt
- Eine kleine modulare Webanwendung entwickeln
- Eine API anbinden und Daten verarbeiten
- Formulare und Benutzereingaben umsetzen
- Dynamische Komponenten erstellen
- Anwendung testen, debuggen und optimieren
- Tipps und Tricks für professionelle JavaScript-Projekte
