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 Unterricht
  • Dienstag, 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