Mini-Webapp – Interaktive Anwendungen mit JavaScript
Aufbauend auf HTML- und CSS-Grundlagen entwickeln Jugendliche eine kleine Webanwendung im Browser, z. B. eine ToDo-Liste oder ein Quiz. Sie lernen grundlegende JavaScript-Konzepte kennen.
Zielgruppe:
Jugendliche von 12–16 Jahren mit sicheren Grundlagen in HTML/CSS.
Lernziele:
- JavaScript als Skriptsprache im Browser verstehen.
- Variablen, Funktionen und Events in einfachen Beispielen anwenden.
- DOM-Manipulation nutzen, um Inhalte dynamisch zu verändern.
- Eine kleine Webapp von der Idee bis zur funktionsfähigen Version umsetzen.
Inhalte / Module:
- Einführung JavaScript: Einbindung in HTML, erste Konsolenausgaben.
- Variablen und Datentypen, einfache Berechnungen.
- Funktionen und Event-Handler (z. B. Klick-Events).
- DOM-Manipulation: Inhalte ein- und ausblenden, Listen erzeugen.
- Projekt: Planung und Umsetzung einer Mini-Webapp (ToDo-Liste, Quiz o. Ä.).
- Fehler finden: einfache Debugging-Strategien mit der Browserkonsole.
Umfang & Organisation:
10 Termine à 90 Minuten, Projektkurs.
Benötigte Ressourcen:
- PCs/Laptops mit Editor und aktuellem Browser.
- Beamer/Monitor für Erklärungen.
- Keine echten Datenbanken oder Logins, alles im Browser.
- IDE: z.B. Visual Studio Code
- Optional: Externe Festplatte für Projekt Speicherung.
Pädagogische Hinweise / Zielsetzung:
Fehlerfreundliche Lernkultur, viel Zeit für Ausprobieren, Fokus auf Verständlichkeit statt Komplexität; sicherheitskritische Themen werden bewusst ausgeklammert.
Satzungs- / Gemeinnützigkeitsbezug:
Vertiefender Programmierkurs für Jugendliche; stärkt digitale Kompetenzen und Problemlösefähigkeit im Rahmen der Volks- und Berufsbildung.
Für Förderer & Unterstützer:
Dieses Kursangebot ist für die Teilnehmenden kostenfrei. Damit wir den Kurs langfristig und zuverlässig anbieten können, sind wir auf Unterstützung angewiesen.
Mit insgesamt rund 5.500 € finanzieren wir insbesondere:
- Lizenzen für datenschutzkonforme Grafik-Software und Online-Tools
- ausleihbare Geräte für Kinder und Jugendliche (z. B. Laptops, Monitore, Eingabegeräte)
- Materialkosten (z. B. Ausdrucke, Testdrucke, Arbeitsunterlagen und Fachbücher)
- anteilige Raum- und Betriebskosten
Sachspenden (nach vorheriger Absprache):
- alte, aber funktionsfähige Notebooks
- alte, aber funktionsfähige PCs mit mindestens Windows 10 oder höher
- Monitore ab 22 Zoll (ca. 55,88 cm)
- Tablets
- Hinweis: Nur funktionsfähige Geräte, gerne mit Netzteil und Zubehör.
- Vor einer Übergabe sollten alle persönlichen Daten von den Geräten gelöscht werden. Auf Wunsch unterstützen wir Sie bei einer datenschutzkonformen Löschung.
Wenn Sie dieses Projekt gezielt unterstützen möchten, freuen wir uns über eine zweckgebundene Spende mit dem Stichwort
(Projekt-ID: P-000006).
