Modul 288: Programmiertechniken im
Webfrontend einsetzen
Woche 1
Colin Schmid
colin.schmid@gbchur.ch
Mediamatiker/in EFZ
Überblick
🖖 Vorstellungsrunde
🎯 Lernziele und Aufgaben
🗓️ Termine
🏆 Benotung
🚀 Einführung Codecademy, inkl. Browserübersetzung
📖 Lesen: Welcome to Learn JavaScript und What is Javascript
⌨️ Demo: Command Line
🛸 Begleitetes Selbststudium: Introduction to Javascript
📔 Lernjournal
🎙️ Schlussrunde
🖖 Vorstellungsrunde
- Name
- Lehrbetrieb
- Ein Hobby oder Interesse
🎯 Lernziele



🗓️ Termine
- W01: Dienstag, 12.8.
- W02: Dienstag, 19.8.
- W03: Dienstag, 26.8.
- W04: Dienstag, 2.9.
- W05: Dienstag, 9.9.
- W06: Dienstag, 16.9.
- W07: Dienstag, 23.9.
- W08: Dienstag, 30.9.
Dienstag, 7.10. – Herbstferien, kein UnterrichtDienstag, 14.10. – Herbstferien, kein Unterricht- W09: Dienstag, 21.10.
- W10: Dienstag, 28.10.
🏆 Benotung
| Note | Gewichtung | Schlüssel |
|---|---|---|
| Codecademy Fortschritt | 50% | Vollständigkeit, Anzahl Versuche, Qualität des Codes, Quiz performance, Deadlines |
| Lernjournal (wöchentlich) | 30% | 10 Einträge |
| Check ins (wöchentlich) | 10% | Was haben Sie diese Woche gelernt? Was waren Herausforderungen? Zeigen Sie mir Ihren Code. |
| Selbstreflektion (letzte Woche) |
10% | Worauf sind Sie stolz in diesem Modul? Was hant Ihnen am meisten geholfen? Etwas, worin Sie sich noch verbessern möchten? |
💻 Codecademy
🔎 1. Codecademy Fortschritt (50%)
✅ In Codecademy Teams getrackt:
- Abschnitt Fortschritt (% Vollständig)
- Quiz und Challenge Vollständigkeit
- Anzahl Resets und Fehler
- Zeitaufwand
🧮 Schlüssel:
| Kriteria | Note |
|---|---|
| 90 – 100% Vollständig gelöst | 6.0 |
| 80 – 89% | 5.5 |
| 70 – 79% | 5.0 |
| < 70% oder viel ungelöst | ≤ 4.5 |
📔 Lernjournal
🔎 2. Lernjournal (30%)
Jeder Lernende schreibt jede Woche nach der Lektion eine kurze Reflektion. Aufwand: 5 – 10 min, könnte sein:
- Frei geschriebener Absatz
- Auflistung von Gelerntem
- Eine bestehende Frage
- Code Snippet, auf welches man stolz ist
🧮 Schlüssel:
| Kriteria | Punkte |
|---|---|
| Durchdacht, spezifisch, persönlich | 1 |
| Generell, gehetzt oder unklar | 0.5 |
| Fehlend | 0 |
💬 Wöchentliche Check-ins
💬 3. Wöchentliche Check-ins (10%)
Jeder Lernende hat 3 - 5 min Gesprächszeit mit mir über:
- Was haben Sie diese Woche gelernt?
- Was waren Herausforderungen?
- Zeigen Sie mir Ihren Code.
🧮 Schlüssel:
| Kriteria | Punkte |
|---|---|
| Bereit, reflektiert, engagiert | 1 |
| Passiv oder unvorbereitet | 0.5 |
| Unentschuldigte Absenz | 0 |
🔄 Finale Selbstreflexion
🔄 3. Finale Selbstreflexion (10%)
Optional in Woche 10. Sie schreiben eine kurze Selbstreflexion:
- Worauf sind Sie stolz in diesem Modul?
- Was hant Ihnen am meisten geholfen?
- Etwas, worin Sie sich noch verbessern möchten?
🧮 Schlüssel:
| Kriteria | Punkte |
|---|---|
| Durchdacht, spezifisch, persönlich | 1 |
| Generell, gehetzt oder unklar | 0.5 |
| Fehlend | 0 |
🧮 Finale Note Berechnungsbeispiel
| Teilnote | Gewichtung | Note |
|---|---|---|
| Codecademy Fortschritt | 50% | 5.5 |
| Lernjournal (wöchentlich) | 30% | 5.0 |
| Check ins (wöchentlich) | 10% | 6.0 |
| Selbstreflektion (letzte Woche) |
10% | 5.5 |
| Finale Note | 5.3 |
⚖️ In unserem Unterricht
- Trauen wir uns zu fragen.
- Gehen wir miteinander respektvoll und fair um.
- Hören wir einander zu und lassen uns ausreden.
- Beginnen wir pünktlich, und sind pünktlich fertig.
🚀 Einführung Codecademy

📖 Lesen: Welcome to Learn JavaScript und
What is Javascript

⌨️ Demo: Command Line

🛸 Begleitetes Selbststudium:
Introduction to Javascript

📔 Lernjournal
🔎 2. Lernjournal (30%)
Jeder Lernende schreibt jede Woche nach der Lektion eine kurze Reflektion. Aufwand: 5 – 10 min, könnte sein:
- Frei geschriebener Absatz
- Auflistung von Gelerntem
- Eine bestehende Frage
- Code Snippet, auf welches man stolz ist
🧮 Schlüssel:
| Kriteria | Punkte |
|---|---|
| Durchdacht, spezifisch, persönlich | 1 |
| Generell, gehetzt oder unklar | 0.5 |
| Fehlend | 0 |
🎙️ Schlussrunde
Was haben wir heute gelernt?
Was nehmen wir mit?
Mediamatiker/in EFZ - Modul 288: Programmiertechniken im Webfrontend einsetzen W01
By colinschmid_gbc
Mediamatiker/in EFZ - Modul 288: Programmiertechniken im Webfrontend einsetzen W01
Programmiert mit JavaScript basierten Sprachen korrekte Abläufe, wiederverwendbare Funktionen und einfache Objekte. Manipuliert das HTML-DOM und liest Datenstrukturen in der JavaScript Object Notation (JSON) aus.
- 35