410 lines
22 KiB
HTML
410 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<link rel="icon" type="image/svg+xml" href="../../assets/favicon.svg">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Kapitel 04c: Git & Versionskontrolle</title>
|
||
<link rel="stylesheet" href="../../assets/style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="app-layout">
|
||
<aside class="app-sidebar">
|
||
<div class="sidebar-header">
|
||
<a href="../../index.html" class="sidebar-brand-link">
|
||
<div class="sidebar-logo">🐍</div>
|
||
<div>
|
||
<div class="sidebar-title">Python Portal</div>
|
||
<div class="sidebar-subtitle">Lernplattform</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="sidebar-quick-nav">
|
||
<a href="../../index.html" class="sidebar-link">🏠 Startseite</a>
|
||
<a href="../../index.html#tutorial" class="sidebar-link">📖 Tutorial & Workflow</a>
|
||
<a href="../../index.html#zertifikate" class="sidebar-link">🏆 Zertifikate</a>
|
||
</div>
|
||
|
||
<div class="sidebar-nav">
|
||
<div class="sidebar-group">
|
||
<div class="sidebar-group-title">
|
||
<span>🌱 1. Grundlagen</span>
|
||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">G01–G10</span>
|
||
</div>
|
||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||
<a href="../../lehrpfad_1_grundlagen/01_erste_schritte_taschenrechner/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🧮</span>
|
||
<span class="sidebar-link-text">G01. Taschenrechner</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/02_variablen_und_datentypen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">📦</span>
|
||
<span class="sidebar-link-text">G02. Variablen & Typen</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/03_ein_und_ausgabe/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">💬</span>
|
||
<span class="sidebar-link-text">G03. Ein- & Ausgabe</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/04_verzweigungen_und_bedingungen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🚦</span>
|
||
<span class="sidebar-link-text">G04. Bedingungen (if)</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/05_schleifen_und_wiederholungen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🎡</span>
|
||
<span class="sidebar-link-text">G05. Schleifen (for/while)</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/06_funktionen_und_module/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🪄</span>
|
||
<span class="sidebar-link-text">G06. Funktionen & Module</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/07_listen_und_sequenzen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">📋</span>
|
||
<span class="sidebar-link-text">G07. Listen & Sequenzen</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/08_textverarbeitung_und_strings/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🔤</span>
|
||
<span class="sidebar-link-text">G08. String-Methoden</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/09_dictionaries_und_sets/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🗃️</span>
|
||
<span class="sidebar-link-text">G09. Dicts & Sets</span>
|
||
</a>
|
||
<a href="../../lehrpfad_1_grundlagen/10_comprehensions_datum_algorithmen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🚀</span>
|
||
<span class="sidebar-link-text">G10. Comprehensions</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="sidebar-group">
|
||
<div class="sidebar-group-title">
|
||
<span>🏗️ 2. OOP Einstieg</span>
|
||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">00–06</span>
|
||
</div>
|
||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||
<a href="../../lehrpfad_2_oop_einstieg/00_fehlersuche_und_grundlagen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🔍</span>
|
||
<span class="sidebar-link-text">00. Fehlersuche & Debug</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/01_einstieg_klassen/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🏗️</span>
|
||
<span class="sidebar-link-text">01. Einstieg in Klassen</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/02_init_und_self/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">⚙️</span>
|
||
<span class="sidebar-link-text">02. Konstruktor & self</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/03_methoden_und_verhalten/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🏎️</span>
|
||
<span class="sidebar-link-text">03. Methoden & Verhalten</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/04_str_und_darstellung/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🧾</span>
|
||
<span class="sidebar-link-text">04. __str__ Darstellung</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/04b_umstieg_vscode/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">💻</span>
|
||
<span class="sidebar-link-text">04b. VS Code Setup</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/04c_git_und_versionskontrolle/index.html" class="sidebar-link active">
|
||
<span class="sidebar-link-icon">🌿</span>
|
||
<span class="sidebar-link-text">04c. Git-Versionskontrolle</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/05_objekte_kombinieren/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🎵</span>
|
||
<span class="sidebar-link-text">05. Objekte kombinieren</span>
|
||
</a>
|
||
<a href="../../lehrpfad_2_oop_einstieg/06_abschlussprojekt_tamagotchi/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🥚</span>
|
||
<span class="sidebar-link-text">06. Projekt: Tamagotchi</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="sidebar-group">
|
||
<div class="sidebar-group-title">
|
||
<span>🚀 3. Fortgeschritten</span>
|
||
<span style="background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 99px; font-size: 0.7rem;">07–16</span>
|
||
</div>
|
||
<div style="display: flex; flex-direction: column; gap: 2px;">
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/07_referenzen_und_speicher/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🧠</span>
|
||
<span class="sidebar-link-text">07. Referenzen & Speicher</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/08_operator_overloading_dunder/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">➕</span>
|
||
<span class="sidebar-link-text">08. Operator Overloading</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/09_eigene_unit_tests_schreiben/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🧪</span>
|
||
<span class="sidebar-link-text">09. Unit Tests & TDD</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/10_vererbung_und_super/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🧬</span>
|
||
<span class="sidebar-link-text">10. Vererbung & super()</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/11_polymorphie_und_interfaces/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🎭</span>
|
||
<span class="sidebar-link-text">11. Polymorphie</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/12_exceptions_und_fehlerbehandlung/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🛡️</span>
|
||
<span class="sidebar-link-text">12. Exceptions & Fehler</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/13_persistenz_json_und_csv/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">💾</span>
|
||
<span class="sidebar-link-text">13. Persistenz (JSON/CSV)</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/14_gui_mit_tkinter/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🖥️</span>
|
||
<span class="sidebar-link-text">14. Desktop-GUIs (Tkinter)</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/15_parameter_und_container/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🎒</span>
|
||
<span class="sidebar-link-text">15. Container & *args</span>
|
||
</a>
|
||
<a href="../../lehrpfad_3_fortgeschrittenes_oop/16_master_abschlussprojekt/index.html" class="sidebar-link">
|
||
<span class="sidebar-link-icon">🏆</span>
|
||
<span class="sidebar-link-text">16. Master-Abschlussprojekt</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sidebar-footer">
|
||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||
<div style="font-size: 0.85rem; font-weight: 700; color: white;" id="sidebar-level-text">⭐ Level 1</div>
|
||
<div style="font-size: 0.82rem; font-weight: 700; color: #38bdf8;" id="sidebar-xp-text">0 XP</div>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="app-main">
|
||
<header>
|
||
<div class="header-container">
|
||
<nav class="nav-links">
|
||
<a href="../../index.html">🏠 Zur Kursübersicht</a>
|
||
<span>›</span>
|
||
<a href="../04b_umstieg_vscode/index.html">Kapitel 04b</a>
|
||
<span>›</span>
|
||
<span style="color: white; font-weight: 600;">Kapitel 04c (Git)</span>
|
||
<span>›</span>
|
||
<a href="../05_objekte_kombinieren/index.html">Kapitel 05 →</a>
|
||
</nav>
|
||
<div class="header-badge">Versionskontrolle • Profi-Werkzeug</div>
|
||
<h1>Git & Versionskontrolle: Deine Programmier-Zeitmaschine 🌿⏱️</h1>
|
||
<p>Lerne, wie du deinen Code versionierst, Spielstände sicherst und Änderungen in VS Code & im Terminal verwaltest.</p>
|
||
</div>
|
||
</header>
|
||
<main class="container">
|
||
|
||
<!-- 📂 Schnellzugriff & Download aller Dateien dieser Einheit -->
|
||
<div style="background: #ffffff; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 14px 20px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; box-shadow: var(--shadow-sm);">
|
||
<div style="font-weight: 700; color: var(--text-main); display: flex; align-items: center; gap: 8px;">
|
||
<span>📂 Dateien dieser Einheit:</span>
|
||
</div>
|
||
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
|
||
<a href="../../workspace.html?course=python&track=lehrpfad_2_oop_einstieg&chapter=04c_git_und_versionskontrolle" class="btn" style="background: #10b981; color: #fff; font-weight: 700;">💻 In Web-IDE öffnen →</a>
|
||
<a href="README.md" class="btn btn-secondary" style="padding: 6px 14px; font-size: 0.88rem;">📖 README.md</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 1. Was ist Git? -->
|
||
<section class="card">
|
||
<h2>1. Was ist Git und warum braucht es jede(r) Entwickler(in)?</h2>
|
||
|
||
<p>
|
||
Hast du schon mal Dateien so genannt wie <code><a href="git_uebung.py" style="color: inherit; text-decoration: underline;">git_uebung.py</a></code>, <code>aufgabe_final.py</code>, <code>aufgabe_final2_wirklich_fertig.py</code>? 😅
|
||
Genau dieses Chaos verhindert <strong>Git</strong>!
|
||
</p>
|
||
|
||
<div class="box box-analogie">
|
||
<div class="box-title">🎮 Die Spielstand- & Zeitmaschinen-Analogie:</div>
|
||
<ul>
|
||
<li><strong>Ein Commit ist wie ein Speicherpunkt in einem Computerspiel:</strong> Wenn du vor einem Bosskampf stehst (oder eine neue Funktion ausprobierst) und dein Code kaputtgeht, kannst du mit einem Klick genau zu diesem perfekten Zustand zurückreisen!</li>
|
||
<li><strong>Git dokumentiert die Geschichte:</strong> Du siehst immer genau, wer wann welche Zeile verändert hat und warum.</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 2. Die 3 Zonen von Git -->
|
||
<section class="card">
|
||
<h2>2. Der Git-Lebenszyklus: Die 3 Stationen eines Codes</h2>
|
||
|
||
<p>Wenn du Code in Git sicherst, durchläuft er drei Stationen:</p>
|
||
|
||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 15px; margin: 20px 0;">
|
||
|
||
<div style="background: #ffffff; border: 2px solid var(--border-color); border-radius: var(--radius-sm); padding: 16px;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 6px;">📝</div>
|
||
<h4 style="color: var(--text-main); margin-bottom: 4px;">1. Arbeitsbereich (Working Tree)</h4>
|
||
<p style="font-size: 0.88rem; color: var(--text-muted); margin: 0;">Du tippst und speicherst deine Dateien ganz normal im Editor.</p>
|
||
</div>
|
||
|
||
<div style="background: #ffffff; border: 2px solid var(--primary); border-radius: var(--radius-sm); padding: 16px;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 6px;">📦</div>
|
||
<h4 style="color: var(--primary); margin-bottom: 4px;">2. Bereitstellung (Staging Area)</h4>
|
||
<p style="font-size: 0.88rem; color: var(--text-muted); margin: 0;">Mit <code>git add .</code> wählst du aus, welche Dateien in den nächsten Spielstand gepackt werden.</p>
|
||
</div>
|
||
|
||
<div style="background: #ffffff; border: 2px solid var(--success); border-radius: var(--radius-sm); padding: 16px;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 6px;">💾</div>
|
||
<h4 style="color: var(--success); margin-bottom: 4px;">3. Commit (Speicherpunkt)</h4>
|
||
<p style="font-size: 0.88rem; color: var(--text-muted); margin: 0;">Mit <code>git commit -m "..."</code> schnürst du das Paket fest und gibst ihm eine aussagekräftige Nachricht.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="box box-tipp">
|
||
<div class="box-title">🚀 Der letzte Schritt: <code>git push</code> (In die Cloud laden):</div>
|
||
Mit <code>git push</code> schickst du deine lokalen Commits an den Git-Server (z.B. dein Aufgaben-Repository), damit dein Lehrer oder dein Nachhilfelehrer deinen Code einsehen kann.
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3. Git in VS Code nutzen -->
|
||
<section class="card">
|
||
<h2>3. 🖥️ Git visuell in VS Code bedienen</h2>
|
||
|
||
<p>
|
||
Du musst Befehle nicht zwingend im Terminal tippen – VS Code hat eine fantastische <strong>Quellcodeverwaltung</strong> eingebaut:
|
||
</p>
|
||
|
||
<ol style="margin-left: 20px;">
|
||
<li style="margin-bottom: 10px;">
|
||
Drücke <kbd>Strg</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd> (Mac: <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd>) oder klicke links auf das <strong>Ast-/Verzweigungs-Symbol</strong> (Quellcodeverwaltung).
|
||
</li>
|
||
<li style="margin-bottom: 10px;">
|
||
<strong>Änderungen sehen (Diff):</strong> Klicke auf eine geänderte Datei. VS Code öffnet einen geteilten Bildschirm: Links siehst du den alten Code (rot) und rechts deinen neuen Code (grün)!
|
||
</li>
|
||
<li style="margin-bottom: 10px;">
|
||
<strong>Stagen:</strong> Klicke neben der Datei auf das <strong><code>+</code>-Symbol</strong> (Staged Changes).
|
||
</li>
|
||
<li style="margin-bottom: 10px;">
|
||
<strong>Committen:</strong> Tippe oben ins Textfeld eine kurze Nachricht (z.B. <em>"Löse Aufgabe in Kapitel 05"</em>) und klicke auf das blaue Häkchen <strong>✓ Commit</strong>.
|
||
</li>
|
||
<li style="margin-bottom: 10px;">
|
||
<strong>Pushen:</strong> Klicke auf den blauen Button <strong>"Sync Changes"</strong> oder unten links auf das Wolken-/Drehsymobl. Fertig! 🎉
|
||
</li>
|
||
</ol>
|
||
</section>
|
||
|
||
<!-- 4. Terminal Cheat Sheet -->
|
||
<section class="card">
|
||
<h2>4. ⌨️ Das Git-Terminal Cheat-Sheet</h2>
|
||
|
||
<p>Wenn du lieber im Terminal arbeitest (<kbd>Strg</kbd> + <kbd>`</kbd>), sind das die 5 wichtigsten Befehle deines Entwickler-Lebens:</p>
|
||
|
||
<table style="width: 100%; border-collapse: collapse; margin: 15px 0;">
|
||
<thead>
|
||
<tr style="background: var(--primary-light); text-align: left;">
|
||
<th style="padding: 10px; border: 1px solid var(--border-color);">Befehl</th>
|
||
<th style="padding: 10px; border: 1px solid var(--border-color);">Was er macht</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);"><code>git status</code></td>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);">Zeigt an, welche Dateien geändert oder neu erstellt wurden.</td>
|
||
</tr>
|
||
<tr style="background: #fafafa;">
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);"><code>git add .</code></td>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);">Packt alle aktuellen Änderungen in die Staging-Area.</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);"><code>git commit -m "Text"</code></td>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);">Erstellt einen neuen Speicherpunkt mit deiner Nachricht.</td>
|
||
</tr>
|
||
<tr style="background: #fafafa;">
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);"><code>git push</code></td>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);">Lädt alle neuen Commits auf den Server hoch.</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);"><code>git log --oneline</code></td>
|
||
<td style="padding: 10px; border: 1px solid var(--border-color);">Zeigt die Liste aller bisherigen Commits kurz und übersichtlich.</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<!-- 5. Was ist .gitignore -->
|
||
<section class="card">
|
||
<h2>5. 🙈 Was ist die <code>.gitignore</code>-Datei?</h2>
|
||
|
||
<p>
|
||
Nicht jede Datei soll in Git gespeichert werden (z.B. temporäre Cache-Dateien wie <code>__pycache__</code> oder Passwörter).
|
||
In einer Textdatei namens <code>.gitignore</code> im Hauptordner schreibt man Dateinamen auf, die Git einfach <strong>vollständig ignorieren</strong> soll.
|
||
</p>
|
||
|
||
<div class="code-container">
|
||
<div class="code-header">
|
||
<span>Beispiel: Typische .gitignore für Python</span>
|
||
</div>
|
||
<pre><code>__pycache__/
|
||
*.pyc
|
||
.DS_Store
|
||
.venv/</code></pre>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6. Mitmach-Experiment -->
|
||
<section class="card">
|
||
<h2>6. 🧪 Dein Git-Mitmach-Check</h2>
|
||
|
||
<p>Öffne die Datei <code>04c_git_und_versionskontrolle/git_uebung.py</code> und führe deinen ersten eigenen Commit durch:</p>
|
||
|
||
<ul class="task-list">
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="g1">
|
||
<label for="g1" class="task-label">
|
||
<strong>Schritt 1:</strong> Öffne <code>git_uebung.py</code> und ändere deinen Namen oder die Grußnachricht. Speichere mit <kbd>Strg</kbd> + <kbd>S</kbd>.
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="g2">
|
||
<label for="g2" class="task-label">
|
||
<strong>Schritt 2:</strong> Öffne links den Git-Tab (<kbd>Strg</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd>) und klicke auf <code>git_uebung.py</code>, um den Unterschied (Diff) zu sehen.
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="g3">
|
||
<label for="g3" class="task-label">
|
||
<strong>Schritt 3:</strong> Erstelle im Git-Tab einen Commit mit der Nachricht <em>"Mein erster eigener Git-Commit!"</em>.
|
||
</label>
|
||
</li>
|
||
<li class="task-item">
|
||
<input type="checkbox" class="task-checkbox" id="g4">
|
||
<label for="g4" class="task-label">
|
||
<strong>Schritt 4:</strong> Führe im Terminal <code>git log --oneline -n 3</code> aus, um deinen neuen Commit in der Historie zu bewundern!
|
||
</label>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="box box-success">
|
||
<div class="box-title">🏆 Bravo! Du beherrschst nun echte Entwickler-Tools!</div>
|
||
Ab jetzt kannst du jedes gelöste Kapitel wie ein Profi committen. Weiter geht's mit Kapitel 05 (Objekte kombinieren)!
|
||
</div>
|
||
|
||
<div class="footer-nav">
|
||
<a href="../04b_umstieg_vscode/index.html" class="btn btn-secondary">← Zurück zu Kapitel 04b: VS Code</a>
|
||
<a href="../05_objekte_kombinieren/index.html" class="btn">Weiter zu Kapitel 05: Komposition →</a>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="button" class="sidebar-mobile-toggle"><span>☰ Menü</span></button>
|
||
<div class="sidebar-overlay"></div>
|
||
|
||
<!-- Scripts -->
|
||
<script src="../../assets/gamification_data.js"></script>
|
||
<script src="../../assets/gamification.js"></script>
|
||
<script src="../../assets/interpreter.js"></script>
|
||
<script src="../../assets/certificate.js"></script>
|
||
<script src="../../assets/parsons.js"></script>
|
||
<script src="../../assets/runner.js"></script>
|
||
<script src="../../assets/ui_enhancements.js"></script>
|
||
<script src="../../assets/sidebar.js"></script>
|
||
</body>
|
||
</html>
|