JavaScript

Die Sprache, die das Web antreibt

JavaScript macht Seiten interaktiv und betreibt ganze Anwendungen. Variablen, Funktionen, Arrays und Objekte, dann das DOM, asynchroner Code, Closures und modernes Tooling: das Rückgrat aller Webentwicklerinnen und Webentwickler.

Grundlagen

Anfänger - die Basics, Schritt für Schritt

• Variablen (let, const) und primitive TypenEntdecke, wie du Informationen mit let und const speicherst, und lerne die grundlegenden Werttypen in JavaScript kennen.
• Operatoren und Bedingungen (if/else, Vergleiche, ===)Lerne zu rechnen, Werte mit === zu vergleichen und dein Programm mit if und else Entscheidungen treffen zu lassen.
• Schleifen: for, while, for...ofWiederhole Anweisungen, ohne dich zu wiederholen - dank der Schleifen for, while und for...of.
• Funktionen: Deklaration, Parameter, returnErstelle wiederverwendbare Codeblöcke mit function, übergib ihnen Parameter und hole dir ihre Ergebnisse mit return zurück.
• Arrays und Objekte: erstellen, lesen, ändernSpeichere mehrere Werte in Arrays, beschreibe Entitäten mit Objekten und lerne dann, sie zu lesen und zu ändern.

Fortschritt

Mittelstufe - echte Projekte bauen

• Array-Methoden: map, filter, reduce, findLerne, Daten mit den vier Array-Methoden zu transformieren, zu filtern und zu aggregieren, die in echten Projekten am häufigsten genutzt werden.
• Arrow-Funktionen, Gültigkeitsbereich und Template LiteralsMeistere die Arrow-Syntax, den Blockgültigkeitsbereich und Closures und baue dann dynamische Zeichenketten mit Template Literals.
• Destructuring und Spread/RestExtrahiere Daten sauber aus Objekten und Arrays und kopiere und kombiniere dann Strukturen mit dem Spread-Operator.
• Das DOM manipulieren: querySelector, Event-ListenerWähle Elemente auf der Seite aus, reagiere auf Klicks und setze Event-Delegation für performanten Code ein.
• JSON, localStorage und dein erstes fetchSerialisiere deine Daten als JSON, speichere sie mit localStorage im Browser und hole entfernte Daten mit fetch.

Fortgeschritten

Geübt - fortgeschrittene Muster und Performance

• Closures und lexikalischer GültigkeitsbereichBeherrsche, wie Closures Variablen einfangen, damit du Zustand kapseln und Fallstricke beim Gültigkeitsbereich vermeiden kannst.
• this, Prototypen und KlassenVerstehe, wie this dynamisch aufgelöst wird, wie die Prototypenkette funktioniert und was Klassen dem Objektmodell wirklich hinzufügen.
• Asynchronität in der Tiefe: Promises, async/await, FehlerbehandlungNutze die Event-Loop, parallelisiere deine Promises richtig und mache die asynchrone Fehlerbehandlung zuverlässig.
• ES-Module: import/export, ein Projekt strukturierenStrukturiere deine Projekte mit ES-Modulen, indem du ihre statische Analyse nutzt und toxische Barrels sowie zirkuläre Abhängigkeiten vermeidest.
• Debugging und Robustheit: try/catch, fortgeschrittene Konsole, eigene FehlerBaue eine explizite Fehlerstrategie mit eigenen Klassen, gut platzierten catch-Grenzen und einer Konsole, die du voll ausnutzt.

Meisterschaft

Experte - Architektur, Internals und Grenzfälle

• Die Event-Loop: Call-Stack, Microtasks, MacrotasksVerstehe, wie die Engine synchronen Code, Microtasks und Macrotasks wirklich einplant.
• Iteratoren, Generatoren und IterationsprotokolleMeistere die Protokolle hinter for...of, Spread und Destrukturierung und nutze dann Generatoren, um lazy Sequenzen zu erzeugen.
• Proxy, Reflect und MetaprogrammierungFange die grundlegenden Operationen der Sprache mit Proxy-Traps ab und delegiere das Standardverhalten sauber mit Reflect.
• Speicher und Performance: GC, WeakMap/WeakRef, Debounce/ThrottleVerstehe, wie der Garbage Collector funktioniert, nutze schwache Referenzen, um Lecks zu vermeiden, und glätte teure Arbeit mit Debounce und Throttle.
• Funktionale Muster: Currying, Komposition, UnveränderlichkeitStrukturiere deinen Code mit Currying, Funktionskomposition und unveränderlichen Daten, um Vorhersehbarkeit und Testbarkeit zu gewinnen.