====== Kompetenzübersicht ======
~~NOCACHE~~

^ Kompetenzband:                       ^ HZ   ^ Grundlagen                                                                                                                                          ^ Fortgeschritten                                                                                                                                               ^ Erweitert                                                                                                                                 ^
| Gestaltungsentwurf verstehen         | 1    | A1G: Ich kann den Zweck eines Gestaltungsentwurf erklären (z.B. Wireframe, Mockup, klickbarer Prototyp...) {{topic>M293-A1G&simplelist}}            | A1F: Ich kann einen Gestaltungsentwurf erfassen und erläutern (z.B. Wireframe, Mockup, klickbarer Prototyp...) {{topic>M293-A1F&simplelist}}                  | A1E: Ich kann einen Gestaltungsentwurf hinterfragen und Verbesserungen zur Machbarkeit einbringen {{topic>M293-A1E&simplelist}}           |
| HTTP Protokoll verstehen             | 1,2  | B1G: Ich kann den Ablauf einer HTTP-Anfrage (Request/Response) zwischen Client und Server erklären {{topic>M293-B1G&simplelist}}                    | B1F: Ich kann den Aufbau einer HTTP-Verbindung (Request/Response) erklären (z.B. Header, Body, Key-Value, Cookies, Caching...) {{topic>M293-B1F&simplelist}}  | B1E: Ich kann den Inhalt einer HTTP-Anfrage analysieren (z.B. mit Hookbin) {{topic>M293-B1E&simplelist}}                                  |
| HTTP-Anfragemethoden anwenden        | 1,2  | C1G: Ich kann die Anfragemethoden des HTTP-Protokolls erläutern und Eigenheiten erklären (z.B. GET, POST...) {{topic>M293-C1G&simplelist}}          | C1F: Ich kann die Anfragemethoden des HTTP-Protokolls anwenden (z.B. GET, POST...) {{topic>M293-C1F&simplelist}}                                              | C1E: Ich kann eine HTTP-Anfragemethode begründet auswählen (z.B. POST, GET...) {{topic>M293-C1E&simplelist}}                              |
| Werkzeug-Unterstützung               | 1,2  | D1G: Ich kenne eine Entwicklungsumgebung und kann diese verwenden {{topic>M293-D1G&simplelist}}                                                     | D1F: Ich kann die Entwicklerwerkzeuge der Browser anwenden {{topic>M293-D1F&simplelist}}                                                                      | D1E: Ich kann alle Werkzeuge effizient einsetzen (z.B. Scaffolding, Cache-Manager, Console, Key-Shortcuts) {{topic>M293-D1E&simplelist}}  |
| Webseite aufbauen                    | 2,3  | E1G: Ich kann den Aufbau einer Webseite erklären (z.B. Header, Body, Footer, Tags, Metatags...) {{topic>M293-E1G&simplelist}}                       | E1F: Ich kann eine grundlegende Webseite aufbauen (z.B. Header, Body, Footer, Tags, Metatags...) {{topic>M293-E1F&simplelist}}                                | E1E: Ich kann den Webauftritt aus mehreren Teilen aufbauen (z.B. Multipage, Templates, Komponenten...) {{topic>M293-E1E&simplelist}}      |
| Formulare anwenden                   | 2,3  | F1G: Ich kann den Aufbau und die Funktion eines Formulars erklären (z.B. HTML Forms) {{topic>M293-F1G&simplelist}}                                  | F1F: Ich kann ein Formular gemäss Vorgabe umsetzen {{topic>M293-F1F&simplelist}}                                                                              | F1E: Ich kann die Funktion eines Formulars kritisch hinterfragen und Verbesserungen einbringen {{topic>M293-F1E&simplelist}}              |
|                                      | 2,3  | F2G: Ich kann Formularelemente erläutern (z.B. Eingabe-Feld, Dropdown, Selektion...) {{topic>M293-F2G&simplelist}}                                  | F2F: Ich kann Formularelemente anwenden (z.B. Feld, Dropdown, Selection...) {{topic>M293-F2F&simplelist}}                                                     | F2E: Ich kann komplexere Formularelemente anwenden (z.B. Label) {{topic>M293-F2E&simplelist}}                                             |
| Styling und Layout anwenden          | 2,3  | G1G: Ich kann erläutern, wozu ein Layout dient {{topic>M293-G1G&simplelist}}                                                                        | G1F: Ich kann ein einfaches Layout mit HTML umsetzen {{topic>M293-G1F&simplelist}}                                                                            | G1E: Ich kann ein Layout analysieren und Verbesserungen vorschlagen {{topic>M293-G1E&simplelist}}                                         |
|                                      | 2,3  | G2G: Ich kann erläutern, wozu das Styling dient {{topic>M293-G2G&simplelist}}                                                                       | G2F: Ich kann ein einheitliches Styling mit CSS umsetzen {{topic>M293-G2F&simplelist}}                                                                        | G2E: Ich kann eine responsive Webseite gemäss Vorgaben umsetzen {{topic>M293-G2E&simplelist}}                                             |
| Umsetzung validieren und verbessern  | 3    | H1G: Ich kann Methoden zum Überprüfen und Verbessern des Webauftrittes erläutern (z.B. Konventionen, Validatoren) {{topic>M293-H2G&simplelist}}     | H1F: Ich kann überprüfen, ob die Anforderungen umgesetzt wurden (z.B. Liste der Anforderungen abhaken) {{topic>M293-H1F&simplelist}}                          | H1E: Ich kann den Webauftritt kritisch hinterfragen und Verbesserungen vorschlagen {{topic>M293-H1E&simplelist}}                          |
|                                      | 3    | H2G: Ich kann Methoden für die Verbesserung des Webauftrittes erläutern (z.B. Konventionen, automatisierte Tools...) {{topic>M293-H2G&simplelist}}  | H2F: Ich kann Konventionen einsetzen (z.B. Coding-Guidelines, Style-Guidelines...) {{topic>M293-H2F&simplelist}}                                              | H2E: Ich kann automatisierte Überprüfungen einsetzen (z.B. Validatoren, Linter...) {{topic>M293-H2E&simplelist}}                          |
| Webauftritt veröffentlichen          | 4    | I1G: Ich kann den Prozess der Veröffentlichung eines Webauftrittes erklären {{topic>M293-I1G&simplelist}}                                           | I1F: Ich kann einen Webauftritt veröffentlichen (z.B. FTP, SFTP...) {{topic>M293-I1F&simplelist}}                                                             | I1E: Ich kann einen Webauftritt automatisiert veröffentlichen (z.B. Continous Integration) {{topic>M293-I1E&simplelist}}                  |