# Sektion III: Debugger ## Übersicht Diese Sektion behandelt die Grundlagen und erweiterten Konzepte des Debuggings in der Entwicklung. ## Lernziele Nach Abschluss dieser Sektion sollten Sie: - Den Debugger verstehen und effektiv einsetzen können - Breakpoints strategisch setzen und verwalten - Die Debugger-Pfeile zur Navigation nutzen - Variablen überwachen und analysieren - Scopes verstehen und anwenden - Verschiedene Debugger-Tabs nutzen --- ## 📚 Lektionen ### ✅ Abgeschlossen #### 01 - Einleitung: Was ist der Debugger? (1:49) **Status:** Abgeschlossen ✅ - Grundlagen des Debuggers - Zweck und Nutzen des Debugging-Prozesses #### 02 - Breakpoints setzen (5:42) **Status:** Abgeschlossen ✅ - Wie man Breakpoints setzt - Verschiedene Arten von Breakpoints - Best Practices für Breakpoint-Platzierung #### 03 - Die Debugger-Pfeile (7:36) **Status:** Abgeschlossen ✅ - Navigation durch den Code mit Debugger-Pfeilen - Step Over, Step Into, Step Out Funktionen - Effiziente Code-Durchlaufstrategien #### 04 - Variablen anzeigen (7:30) **Status:** Abgeschlossen ✅ - Variablen-Inspektion während des Debuggings - Watch-Fenster nutzen - Werte zur Laufzeit überwachen ### ⚠️ In Bearbeitung #### 05 - Einführung in Scopes (8:45) **Status:** In Bearbeitung ⚠️ - Verständnis von Gültigkeitsbereichen - Lokale vs. globale Scopes - Scope-Kette verstehen ### 📋 Noch zu bearbeiten #### 06 - Scopes im Debugger sehen (6:15) **Status:** Offen 📋 - Praktische Anwendung der Scope-Inspektion - Debugger-Tools für Scope-Analyse #### 07 - Wichtige Tabs des Debuggers (6:40) **Status:** Offen 📋 - Console Tab - Sources Tab - Network Tab - Weitere wichtige Debugging-Tools #### 08 - Debugger-Challenge (2:17) **Status:** Offen 📋 - Praktische Übung - Anwendung aller gelernten Debugger-Techniken --- ## 🎯 Nächste Schritte 1. Lektion 05 "Einführung in Scopes" abschließen 2. Mit Lektion 06 "Scopes im Debugger sehen" fortfahren 3. Praktische Übungen mit den Debugger-Tabs durchführen 4. Abschließende Challenge bearbeiten --- ## 💡 Tipps - Nutzen Sie den Debugger regelmäßig in der Praxis - Experimentieren Sie mit verschiedenen Breakpoint-Strategien - Kombinieren Sie console.log() mit Debugger-Tools für optimales Debugging