Lernaufgaben – Terminal, Python, HTML/CSS & Frameworks

Aufgaben zum Selbst-Coden, sortiert nach Themen und aufsteigendem Schwierigkeitsgrad. Keine Lösungen enthalten – wenn du bei einer Aufgabe hängst, sag mir einfach Bescheid, dann arbeiten wir uns gemeinsam Schritt für Schritt durch.

1. Terminal

Leicht

1. Erstelle einen Ordner uebungen, wechsle hinein und lege darin drei leere Dateien an: a.txt, b.txt, c.txt.
2. Finde mit einem Befehl heraus, in welchem Ordner du dich gerade befindest.
3. Benenne a.txt in notizen.txt um.

Mittel 4. Lege innerhalb von uebungen zwei Unterordner bilder und dokumente an. Verschiebe notizen.txt in dokumente. 5. Lösche den Ordner bilder wieder inklusive Inhalt. 6. Schreibe mit einem einzigen Befehl den Text "Hallo Terminal" in eine neue Datei test.txt (ohne die Datei vorher zu öffnen).

Schwer 7. Navigiere von deinem Home-Verzeichnis aus in drei Schritten (also mit mehreren cd-Befehlen nacheinander) in den Ordner uebungen/dokumente, ohne den absoluten Pfad direkt einzugeben. 8. Finde heraus, wie du dir die letzten 5 Befehle anzeigen lässt, die du im Terminal eingegeben hast.

2. Python – Grundlagen

Leicht

1. Schreibe ein Programm, das deinen Namen und dein Alter in zwei Variablen speichert und einen Satz ausgibt wie: "Ich heiße Nalan und bin 30 Jahre alt."
2. Schreibe eine for-Schleife, die die Zahlen von 1 bis 10 ausgibt.
3. Schreibe eine while-Schleife, die von 10 rückwärts bis 0 zählt.

Mittel 4. Schreibe eine Funktion ist_gerade(zahl), die True zurückgibt, wenn die Zahl gerade ist, sonst False. 5. Schreibe eine Funktion summe_liste(liste), die die Summe aller Zahlen in einer Liste berechnet — ohne die eingebaute Funktion sum() zu benutzen. 6. Erstelle ein Dictionary mit 3 Personen (Name als Key, Alter als Value). Schreibe eine Schleife, die für jede Person einen Satz ausgibt.

Schwer 7. Schreibe eine Funktion finde_maximum(liste), die den größten Wert einer Liste zurückgibt — ohne max() zu verwenden. 8. Schreibe ein kleines Programm: Der Nutzer gibt beliebig viele Zahlen ein (bis er "stop" eingibt). Am Ende soll die Summe und der Durchschnitt aller eingegebenen Zahlen ausgegeben werden. (Tipp: while True + break)

3. Python – Klassen & OOP

Leicht

1. Erstelle eine Klasse Buch mit den Attributen titel und autor. Erstelle 2 Bücher und gib ihre Titel aus.
2. Füge der Klasse Buch eine Methode info() hinzu, die einen Satz zurückgibt wie: "Der Herr der Ringe von J.R.R. Tolkien".

Mittel 3. Erstelle eine Klasse Konto mit einem Attribut kontostand (Startwert 0). Baue zwei Methoden: einzahlen(betrag) und abheben(betrag). abheben soll verhindern, dass der Kontostand negativ wird. 4. Erstelle eine Klasse Bibliothek, die eine Liste von Buch-Objekten verwaltet. Baue eine Methode buch_hinzufuegen(buch) und eine Methode alle_buecher_anzeigen().

Schwer 5. Erstelle eine Basisklasse Tier mit name und einer Methode laut_machen(), die "..." zurückgibt. Erstelle davon abgeleitete Klassen Hund und Katze, die laut_machen() überschreiben (Hund: "Wuff", Katze: "Miau"). 6. Erweitere die Konto-Klasse: Baue eine Unterklasse Sparkonto, die zusätzlich einen zinssatz hat und eine Methode zinsen_gutschreiben(), die den Kontostand um den Zinssatz erhöht.

4. HTML & CSS

Leicht

1. Erstelle eine Seite mit einer Überschrift, drei Absätzen Text und einem Link zu einer beliebigen Webseite.
2. Füge eine ungeordnete Liste mit deinen 3 Lieblings-Programmiersprachen hinzu.
3. Style die <h1> mit einer anderen Schriftfarbe und Schriftgröße über CSS.

Mittel 4. Baue eine einfache "Karte" (<div class="karte">) mit Titel, Text und Rahmen (border), abgerundeten Ecken (border-radius) und etwas Innenabstand (padding). 5. Erstelle eine Navigationsleiste mit 4 Links nebeneinander (Tipp: display: flex auf dem umgebenden <nav> oder <ul>). 6. Style einen Button mit Hover-Effekt (die Farbe soll sich ändern, wenn man mit der Maus drüberfährt — Stichwort :hover).

Schwer 7. Baue eine kleine "Profilseite": Bild (rund, mit border-radius: 50%), Name, kurzer Text, darunter 3 Karten nebeneinander (z.B. für Skills) mit display: flex und gap. 8. Mache dieselbe Seite responsive: Auf einem schmalen Bildschirm sollen die 3 Karten untereinander statt nebeneinander stehen (Tipp: flex-wrap oder eine Media Query @media (max-width: 600px) { }).

5. Frameworks (React)

Leicht

1. Erstelle eine Komponente Willkommen, die "Willkommen auf meiner Seite" anzeigt.
2. Erstelle eine Komponente Profil, die name und beruf als Props entgegennimmt und anzeigt.

Mittel 3. Baue einen Zähler (useState) mit zwei Buttons: einer erhöht den Wert, der andere verringert ihn. 4. Baue eine Komponente TodoListe, die eine Liste von Aufgaben (Array von Strings) mit .map() als <ul><li>-Elemente darstellt.

Schwer 5. Erweitere die TodoListe: Ein Eingabefeld + Button, mit dem der Nutzer neue Aufgaben zur Liste hinzufügen kann (State für die Liste + State für das Eingabefeld). 6. Baue eine Komponente, die Daten von einer öffentlichen API lädt (z.B. https://jsonplaceholder.typicode.com/users) und die Namen der Nutzer als Liste anzeigt (Tipp: useEffect + fetch).

Empfohlene Reihenfolge

Wenn du strukturiert vorgehen willst, arbeite die Themen in dieser Reihenfolge durch — jedes baut lose auf dem vorherigen auf:

Terminal → Python Grundlagen → Python Klassen → HTML/CSS → React

Wie du am besten übst

• Erst versuchen, ohne nachzuschauen
• Wenn du 10-15 Minuten nicht weiterkommst: kurz die entsprechende Anleitung nochmal ansehen
• Danach den Code nochmal ohne Vorlage aus dem Kopf schreiben — das festigt es viel stärker als Copy-Paste

Wenn du magst, gehen wir eine Aufgabe gemeinsam Schritt für Schritt durch, statt dass ich dir direkt die Lösung gebe — sag einfach, mit welcher du starten willst.