Web Development
Git und Browser-Tools
Versionierung mit Git, GitHub und Entwicklertools im Browser.
Git und Browser-Tools
Professionelle Webentwicklung braucht Werkzeuge. Zwei besonders wichtige Bereiche sind Versionierung und Debugging im Browser.
Git
Git ist ein verteiltes Versionskontrollsystem. Es verfolgt Änderungen an Dateien und Projekten.
Wichtige Begriffe:
| Begriff | Bedeutung |
|---|---|
| Repository | Projekt mit Versionshistorie |
| Commit | gespeicherter Zustand mit Beschreibung |
| Branch | eigener Entwicklungszweig |
| Merge | Zusammenführen von Änderungen |
| Remote | entfernte Kopie, zum Beispiel auf GitHub |
Warum Versionierung?
Git ermöglicht:
- Änderungen nachzuverfolgen
- frühere Versionen wiederherzustellen
- parallel an Funktionen zu arbeiten
- Fehler gezielt zu untersuchen
- im Team zu arbeiten
- Änderungen zu reviewen
GitHub, GitLab und Bitbucket
Plattformen wie GitHub hosten Git-Repositories und erleichtern Zusammenarbeit.
Typische Funktionen:
- Pull Requests
- Issues
- Code Reviews
- Branch-Schutz
- Projektverwaltung
- Releases
Browser Developer Tools
Die Entwicklertools im Browser öffnen sich meist über Rechtsklick und Untersuchen oder über eine Tastenkombination.
Sie helfen bei:
- HTML-Struktur prüfen
- CSS-Regeln ansehen und live ändern
- Layout und Abstände analysieren
- JavaScript-Fehler in der Konsole sehen
- Netzwerkanfragen prüfen
- Performance untersuchen
- responsive Ansichten testen
Typischer Workflow
- Änderung im Code schreiben.
- Seite im Browser öffnen.
- Element untersuchen.
- CSS oder HTML live testen.
- Änderung sauber in die Datei übernehmen.
- Mit Git committen.
Browser-Tools ersetzen nicht den Quellcode. Sie sind ein Labor, in dem man Layout, Styling und Fehler schnell sichtbar macht.
Zuletzt aktualisiert: 6. Juni 2026