Schulungszentrum der GFU Cyrus AG
Am Grauen Stein 27
51105 Köln
Seminar / Kurs
Browser-Entwicklertools - Professionelles Web Debugging & Optimization in Köln
Inhalte
- 1. Einführung in Browser-Entwicklertools
- Überblick der Hauptbrowser: Chrome DevTools, Firefox Developer Edition, Safari Web Inspector
- Zugangsmöglichkeiten: Tastenkürzel, Menüs, Kontextmenüs
- Grundlayout: Element Inspector, Console, Network, Performance Tabs
- 2. Elements Panel & DOM Manipulation
- Live HTML/CSS Editing: Echtzeit-Änderungen im DOM und Styles
- Box Model Visualisierung: Padding, Margin, Border interaktiv analysieren
- CSS Debugging: Spezifitätsprobleme, Inheritance, Cascade nachvollziehen
- 3. Console für Entwicklung & Debugging
- JavaScript Execution: Code direkt im Browser ausführen und testen
- Logging Methoden: console.log, warn, error, table für verschiedene Zwecke
- Advanced Console Features: Grouping, Timing, Memory Monitoring
- 4. Network Analysis & Optimization
- HTTP Request Monitoring: Alle Netzwerkanfragen im Detail analysieren
- Performance Metrics: Ladezeiten, Dateigrößen, Caching-Verhalten
- Throttling Simulation: Langsame Netzwerke und Mobile Devices emulieren
- 5. Performance & Profiling Tools
- Performance Monitor: Echtzeit-Metriken für CPU, RAM, DOM Nodes
- JavaScript Profiling: Performance-Bottlenecks in Code identifizieren
- Memory Leaks erkennen: Speicherprobleme diagnostizieren und beheben
- 6. Application Panel & Storage
- Local Storage & Session Storage: Client-seitige Datenspeicherung
- Cookie Management: Cookies anzeigen, bearbeiten und löschen
- Service Worker Debugging: Progressive Web App Entwicklung
- 7. Security & Accessibility
- Security Analysis: Mixed Content, HTTPS Probleme identifizieren
- Accessibility Tree: Barrierefreiheit testen und verbessern
- Color Contrast Checking: WCAG Compliance sicherstellen
- 8. Mobile Development & Device Simulation
- Responsive Design Mode: Verschiedene Viewports und Geräte testen
- Touch Events Simulation: Mobile Interaktionen debuggen
- Device Emulation: Spezifische Geräte und Netzwerkbedingungen
- 9. Praxisübung: Performance Audit
- Aufgabe: Durchführung eines komplettem Performance Audits einer Website
- Bonus: Erstellung eines Optimierungsplans basierend auf den Ergebnissen
- Frontend-Entwickler und Web-Designer
- Quality Assurance Engineer und Tester
- Fullstack-Entwickler und Web-Project-Manager
- 1. Einführung in Browser-Entwicklertools
- Überblick der Hauptbrowser: Chrome DevTools, Firefox Developer Edition, Safari Web Inspector
- Zugangsmöglichkeiten: Tastenkürzel, Menüs, Kontextmenüs
- Grundlayout: E...
Termine und Orte
| Datum | Dauer | Preis | ||
|---|---|---|---|---|
| Köln, DE | ||||
| 14.09.2026 - 16.09.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 14.12.2026 - 16.12.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 01.03.2027 - 03.03.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 07.06.2027 - 09.06.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 06.09.2027 - 08.09.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 29.11.2027 - 01.12.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| Datum | Dauer | Preis | ||
|---|---|---|---|---|
| Köln, DE | ||||
| 14.09.2026 - 16.09.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 14.12.2026 - 16.12.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 01.03.2027 - 03.03.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 07.06.2027 - 09.06.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 06.09.2027 - 08.09.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 29.11.2027 - 01.12.2027 21 h | 21 h | Details | Details Jetzt buchen | |