Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m291:leistungsbeurteilungen:02_lb:a_briefing [2026/06/18 18:53] gkochde:modul:m291:leistungsbeurteilungen:02_lb:a_briefing [2026/06/18 21:04] (aktuell) gkoch
Zeile 27: Zeile 27:
 | **Anzeige** | Geladene Daten mit ''v-for'' als Liste oder Kacheln (=rechteckige Divs) darstellen | | **Anzeige** | Geladene Daten mit ''v-for'' als Liste oder Kacheln (=rechteckige Divs) darstellen |
 | **Props** | Daten von einer Eltern- an eine Kind-Komponente übergeben | | **Props** | Daten von einer Eltern- an eine Kind-Komponente übergeben |
-| **Reaktivität** | ''ref()'' und Bindings (''%%{{ }}%%'', '':'') korrekt einsetzen |+| **Reaktivität** | ''ref()'' und Bindings (''%%{{ }}%%'', '':'', ''v-bind'') korrekt einsetzen |
 | **Ladezustand** | Loading-Anzeige und Fehlerhandling mit ''v-if / v-else-if / v-else'' | | **Ladezustand** | Loading-Anzeige und Fehlerhandling mit ''v-if / v-else-if / v-else'' |
-| **Event** | Mindestens ein ''@click'' oder ''v-on''-Event mit einer Funktion |+| **Event** | ''@click'' oder ''v-on''-Event mit einer Funktion |
 | **Styling** | Komponenten mit Flexbox oder CSS-Grid layouten und nach dem Design gestalten (Fonts, Farben) (keine Responsiveness - Mobile only) | | **Styling** | Komponenten mit Flexbox oder CSS-Grid layouten und nach dem Design gestalten (Fonts, Farben) (keine Responsiveness - Mobile only) |
-| **Bonus** | Einen Animation oder Transition einbauen (wird vorgeschlagen) |+| **Transition** | einen Übergang zwischen zwei Zuständen mit CSS-Transition animieren | 
 +| **Bonus** | Eine Keyframe-Animation einbauen (wird vorgeschlagen) |
 </WRAP> </WRAP>
  
Zeile 39: Zeile 40:
 <WRAP box center round 80%> <WRAP box center round 80%>
 ^ Zeit ^ Phase ^ ^ Zeit ^ Phase ^
-| 10–15 Min. | Figma lesen, Anleitungsblatt studieren, Fragen stellen – **kein Coding, keine Tastatur** | +| 10 Min. | Starterpaket mit Code und Figma downloaden, Code starten mit ''npm install'' & ''npm run dev'', Anleitungsblatt studieren, Fragen stellen – **kein Coding** | 
-~60 Min. | Coding |+| 60 Min. | Coding |
 | 5 Min. | Abgabe vorbereiten und in Moodle hochladen | | 5 Min. | Abgabe vorbereiten und in Moodle hochladen |
 </WRAP> </WRAP>
Zeile 52: Zeile 53:
 <WRAP box center round 80%> <WRAP box center round 80%>
 ^ Erlaubt ^ Nicht erlaubt ^ ^ Erlaubt ^ Nicht erlaubt ^
-| Google / Bing / DuckDuckGo (keine KI-Funktionen) | ChatGPT, Claude, Gemini, Copilot, Junie oder andere KI | +| Google (nur mit Web) aktiviert / DuckDuckGo (keine KI-Funktionen -> Erklärung unter dieser Tabelle) | Bing, Google Suche mit "KI Übersicht", ChatGPT, Claude, Gemini, Copilot, Junie oder andere KI | 
-| MDN Web Docs ([[https://mdn.dev|mdn.dev]]) | Code von anderen Lernenden oder externen Personen | +| MDN Web Docs ([[https://mdn.dev|mdn.dev]]) | Code von anderen Lernenden oder externen Personen (live-Kopien, Duplikate) 
-| Vue.js Dokumentation ([[https://vuejs.org|vuejs.org]]) | Figma-to-Code Plugins | +| Vue.js Dokumentation ([[https://vuejs.org|vuejs.org]]) | Figma-to-Code oder Design-To-Code Plugins | 
-| Moodle-Inhalte ([[https://moodle.bzz.ch|moodle.bzz.ch]]) | KI-Extensions im Editor +| Moodle-Inhalte ([[https://moodle.bzz.ch|moodle.bzz.ch]]) und eigene Notizen | KI-Extensions im Editor | 
-| Eigene Notizen | Komplette Komponenten aus dem Internet kopieren +| Code-Snippets (= Autocomplete im Editor ≤ Zeilen) | Chats-Fenster offen lassen (Teams, WhatsApp, Chatbots etc.) |
-| Code-Snippets (= Autocomplete im Editor ≤ 10 Zeilen) | Alle Chats offen lassen (Teams, WhatsApp etc.) |+
 </WRAP> </WRAP>
 +
 +==== Websuch-Maschinen ====
 +
 +=== Nicht erlaubt: ===
 +== Google Suche mit KI-Übersicht aktiv ==
 +
 +{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.07.32.png?direct&900| Google unerlaubte Suche}}
 +== Bing Suche (Microsoft) ==
 +{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.12.03.png?direct&900| Bing unerlaubte Suche }}
 +
 +=== Erlaubt: ===
 +== Google Suche: KI-Übersicht abschalten ==
 +{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.17.12.png?direct&900| Google umschalten, damit nur Web-Ergebnisse gezeigt werden. }}
 +== Google Suche: ohne KI Übersicht ==
 +{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.39.22.png?direct&900| Ansicht von Google mit nur Webergebnissen ohne KI }}
 +== Duckduckgo: ohne KI Übersicht ==
 +{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.44.24.png?direct&900| Duckduckgo Webergebnisse}}
 +
  
 **Zusätzliche Hinweise:** **Zusätzliche Hinweise:**
Zeile 109: Zeile 127:
 ===== Fragen ===== ===== Fragen =====
  
-Zu Beginn der Prüfung haben Sie **10–15 Minuten** Zeit, Figma-Design und Anleitungsblatt zu lesen und Fragen zu stellen. Diese werden im Plenum beantwortet. Nach dem Start der Prüfung ist keine individuelle Unterstützung durch die Lehrperson mehr möglich – üben Sie deshalb das selbstständige Debuggen.+Zu Beginn der Leistungsbeurteilung haben Sie **10 Minuten** Zeit, Figma-Design und Anleitungsblatt zu lesen und Fragen zu stellen. Diese werden im Plenum beantwortet. Nach dem Start ist keine individuelle Unterstützung durch die Lehrperson mehr möglich – üben Sie deshalb das selbstständige Debuggen.
  
 Bei Fragen zum Briefing wenden Sie sich jetzt an die Lehrperson – nicht erst kurz vor der Leistungsbeurteilung. Bei Fragen zum Briefing wenden Sie sich jetzt an die Lehrperson – nicht erst kurz vor der Leistungsbeurteilung.
  • de/modul/m291/leistungsbeurteilungen/02_lb/a_briefing.1781801614.txt.gz
  • Zuletzt geändert: 2026/06/18 18:53
  • von gkoch