Zum Hauptinhalt springen

Kursinhalte

Willkommen beim Coding-Kurs! Hier erfährst du, was du in diesem Kurs lernen wirst.

Wie funktioniert der Kurs?​

Du arbeitest hauptsächlich selbstständig an deinen Projekten. Wenn du Hilfe brauchst, kannst du jederzeit Fragen stellen:

  • Über GitHub Issues (du lernst das gleich am Anfang!)
  • In Video-Calls (wenn nötig)
  • In Gruppen-Sessions mit anderen Kindern

Phase 1: Die Grundlagen (für alle)​

In dieser Phase lernst du die wichtigsten Werkzeuge kennen, die Programmierer jeden Tag benutzen!

1. Git & GitHub 🔧​

Was ist das? Git ist wie eine Zeitmaschine für deinen Code! Du kannst:

  • Deine Änderungen speichern (wie Speicherpunkte in einem Videospiel)
  • Zurückgehen, wenn etwas schiefgeht
  • Mit anderen zusammenarbeiten

GitHub ist eine Website, wo du deinen Code speichern und mit anderen teilen kannst.

Was lernst du?

  • Einen Commit machen (Änderungen speichern)
  • Code auf GitHub hochladen (push)
  • Code von GitHub herunterladen (pull)
  • Issues erstellen (um Hilfe zu bitten oder Bugs zu melden)
  • Discussions nutzen (um mit anderen zu diskutieren)
Warum ist das wichtig?

Alle Programmierer verwenden Git! Es ist eines der wichtigsten Tools überhaupt.

2. VS Code 💻​

Was ist das? VS Code ist deine Entwicklungsumgebung (IDE). Das ist wie Microsoft Word, aber für Programmierer!

Was lernst du?

  • Dateien öffnen und bearbeiten
  • Das Terminal benutzen (das ist wie die Kommandozentrale deines Computers!)
  • Code schreiben mit Hilfe von automatischer Vervollständigung
  • Mehrere Dateien gleichzeitig bearbeiten
Warum ist das cool?

VS Code ist kostenlos und wird von Millionen Programmierern weltweit verwendet!

3. Typst 📄​

Was ist das? Typst ist wie Word, aber du schreibst Code, um schöne Dokumente zu erstellen!

Was lernst du?

  • Dokumente mit Code schreiben
  • PDFs erstellen
  • Text formatieren (fett, kursiv, Überschriften)
  • Bilder und Tabellen einfügen
  • Dein eigenes Styling erstellen
Was ist eine Markup-Language?

Statt auf "Fett"-Button zu klicken, schreibst du z.B. *fett*. Der Computer macht dann daraus fette Schrift!

Cooles Beispiel
= Mein erstes Dokument

Das ist *fett* und das ist _kursiv_.

== Eine Unterüberschrift

Hier ist eine Liste:
- Punkt 1
- Punkt 2
- Punkt 3

Das wird dann zu einem schönen PDF!

Warum Typst und nicht Word?
  • Du lernst das Prinzip von Markup-Languages (super wichtig!)
  • Dein Dokument ist nur Text, den du mit Git verwalten kannst
  • Du kannst Dokumente automatisch generieren
  • Es ist cooler 😎

Projekte in Phase 1​

Du wirst interessante Dokumente erstellen, zum Beispiel:

  • Eine Geschichte oder ein Comic
  • Eine Dokumentation über dein Lieblingshobby
  • Ein Kochbuch
  • Eine Zeitschrift
  • Deine eigenen Ideen!
Ziel von Phase 1

Du sollst dich mit den wichtigsten Tools vertraut machen und verstehen, wie Programmierer arbeiten.

Phase 2: Web-Entwicklung (für Fortgeschrittene)​

Wenn du Phase 1 gemeistert hast und schnell vorankommst, kannst du mit Web-Entwicklung starten!

1. Markdown 📝​

Was ist das? Markdown ist eine noch einfachere Markup-Language als Typst. Sie wird überall im Internet verwendet (auch auf GitHub!).

Beispiel
# Überschrift
**fett** und *kursiv*

2. JSON & YAML 📊​

Was ist das? Das sind Formate, um Daten zu speichern. Computer lieben diese Formate!

JSON Beispiel
{
  "name": "Max",
  "alter": 12,
  "hobbies": ["Programmieren", "Fußball"]
}
YAML Beispiel
name: Max
alter: 12
hobbies:
  - Programmieren
  - Fußball

3. React ⚛️​

Was ist das? React ist eine JavaScript-Library zum Erstellen von Websites und Apps! Damit wurden viele bekannte Websites gemacht (z.B. Facebook, Instagram).

Was lernst du?

  • Interaktive Websites erstellen
  • Buttons, Formulare und andere coole Sachen programmieren
  • Deine eigene Website bauen!

4. Frontend State Management 🎮​

Was ist das? State Management bedeutet: Wie speichert eine App ihre Daten? Zum Beispiel: Welcher Benutzer ist eingeloggt? Was steht im Warenkorb?

Warum ist das wichtig?

Ohne State Management wäre deine Website wie ein Goldfisch - sie vergisst alles sofort! 🐠

5. Astro 🚀​

Was ist das? Astro ist ein modernes Tool, um superschnelle Websites zu erstellen!

Was lernst du?

  • Statische Websites erstellen
  • Deine eigene Portfolio-Website bauen
  • Professionelle Web-Projekte umsetzen

Projekte in Phase 2​

  • Deine eigene Portfolio-Website
  • Ein kleines Spiel im Browser
  • Eine Todo-App
  • Ein Blog
  • Was auch immer du dir vorstellen kannst!

Dein Lerntempo​

Wichtig

Jeder lernt in seinem eigenen Tempo!

  • 🐌 Langsam lernen? Kein Problem! Du kannst so viel Zeit in Phase 1 verbringen, wie du brauchst.
  • 🚀 Schnell lernen? Super! Du kannst schnell zu Phase 2 voranschreiten.
  • 🎯 Dein Tempo ist perfekt! Es gibt keine Tests oder Noten. Du lernst, weil es Spaß macht!

Wie du Hilfe bekommst​

1. GitHub Issues​

Wenn du nicht weiterkommst, erstelle ein Issue:

  • Beschreibe dein Problem
  • Füge Screenshots hinzu
  • Du bekommst zeitnah Hilfe!

2. GitHub Discussions​

Für Fragen und Diskussionen:

  • Stelle allgemeine Fragen
  • Diskutiere mit anderen Kindern
  • Teile deine Erfolge!

3. Video-Calls​

Bei größeren Problemen oder Erklärungen:

  • Ich schaue mir gemeinsam mit dir an, was nicht funktioniert
  • Du kannst Fragen stellen
  • Wir finden zusammen eine Lösung

4. Gruppen-Sessions​

Regelmäßige Treffen mit allen:

  • Lerne von anderen
  • Zeige, was du gemacht hast
  • Hab Spaß mit der Gruppe!

Tipps für erfolgreiches Lernen​

  1. Sei geduldig mit dir selbst 🧘

    • Programmieren ist am Anfang schwer
    • Jeder macht Fehler - das ist normal!
    • Übung macht den Meister

  2. Experimentiere! 🔬

    • Probiere Dinge aus
    • Was passiert, wenn du diesen Code änderst?
    • Keine Angst, du kannst nichts kaputt machen (dank Git!)

  3. Stelle Fragen ❓

    • Es gibt keine dummen Fragen!
    • Wenn du etwas nicht verstehst, frag nach
    • Andere haben die gleiche Frage wahrscheinlich auch

  4. Hab Spaß! 🎉

    • Programmieren soll Spaß machen
    • Erstelle Projekte, die dich interessieren
    • Sei stolz auf das, was du erschaffst!

Zeitaufwand​

Empfehlung: 2-4 Stunden pro Woche

Du kannst aber selbst entscheiden:

  • Mehr lernen, wenn du Lust hast
  • Weniger lernen, wenn du wenig Zeit hast
  • Pausen machen, wenn du eine brauchst

Deine Tools​

Das brauchst du installiert:

  • ✅ VS Code - Deine Entwicklungsumgebung
  • ✅ Git - Dein Versionskontrollsystem
  • ✅ Typst - Für PDF-Dokumente
  • ✅ Node.js - Später für Web-Entwicklung (Phase 2)

Keine Sorge! Die Installation mache ich zusammen mit dir beim Onboarding.

Bereit loszulegen?​

Wenn du bereit bist:

  1. Stelle sicher, dass dein Computer eingerichtet ist
  2. Mach beim Onboarding mit
  3. Erstelle dein erstes Projekt!

Willkommen in der Welt des Programmierens! Let's code! 🚀💻✨