Termine

Sitzung am 10.01.2024 findet wegen GDL Streik bei Zoom statt!

Sitzung am 24.01.2024 findet wegen GDL Streik bei Zoom statt!

Link ist bei Ilias.

Seminarausfall

MITTWOCH 01.11.23: Bei der Ilias-Umfrage ist herausgekommen, dass am 02.11.2023 um 15h der beste Termin ist, um die Sitzung, die am 01.11.23 ausfällt, via Zoom nachzuholen. Wir machen dies, um die beiden Seminare am Dienstag und Mittwoch auch weiterhin parallel zu veranstalten. Den Link findest Du in der Email dazu oder bei Ilias.

Weihnachten: Die Seminare in der Woche vor Weihnachten finden nicht in Präsenz statt. Es wird Übungsaufgaben bei Ilias geben!


Peer Review Übungen

Umsetzen der aktuellen Inhalte in einem vorgegebenen Kontext.

Es gibt 3 Peer Review Übungen: 31.10. / 02. Nov 2023, 21. / 22. Nov 2023 und 23. / 24. Jan 2024. Zu diesen Terminen bekommen Sie im Seminar eine Aufgabe, die Sie im Seminar beginnen und zu Hause fertig stellen. Am darauffolgenden Samstag (23:55h) muss die Übung eingereicht sein und Sie haben dann bis zum darauffolgenden Montag (23:55h) Zeit, mind. 2 Peer Reviews zu geben. Anschließend erhalten auch Sie die Rückmeldung Ihrer Kommilitonen.


Workshops

Wir werden einen 30-45 min Workshop am 12. / 13. Dez 2023 und 30. / 31. Jan 2024 veranstalten. Bitte bereiten Sie Ihr Projekt dazu soweit vor, dass Sie es Ihren Kommiliton:innen zeigen und Ideen und Probleme ansprechen können.


Milestones

Bitte arbeiten Sie schon während des Semesters selbständig an Ihrer Projektarbeit. Der Umfang der Milestones sind Vorschläge, was Sie zu diesem Zeitpunkt optimaler Weise realisiert haben. Sollten Sie mehr oder weniger geschafft haben, ist das ok. Auf jeden Fall müssen Sie den aktuellen Stand Ihrer Projektarbeit bei Ilias einreichen.

1. Milestone (verpflichtend) fällig am 19. Nov 2023, 23:55 Entwurf eigene Webseite

Der erste Schritt in zu Ihrer ersten Webseite ist die Themenfindung. Bitte überlegen Sie sich ein Thema, das Sie interessiert. Sie werden noch viel Zeit mit diesem Thema verbringen. :)

Die zweite Überlegung ist, wie Sie Ihre Seite aufbauen wollen. Eine Startseite mit diversen Unterseiten? Ein One-Pager? Wo sollen Bilder hin? Wo Text?
Welche Farben möchten Sie verwenden? Welche Schriftarten?

  • Bitte schreiben Sie nun eine HTML5 Seite, die ausschließlich Strukturinformationen enthält. Verwenden Sie semantische Containerelemente und umschließen Sie bitte alle Seiteninhaltselemante mit Containern. Validieren Sie Ihren Code mit dem W3C Validator.
  • Alle Layoutinformationen sind in der externen CSS Datei zu finden.
  • Integrieren Sie sinnvoll CSS Eigenschaften über die verschiedenen Selektorarten.
  • Vielleicht schaffen Sie es, das Boxmodel und das Flexbox-System für den Seitenaufbau zu verwenden.
  • Bitte verwenden Sie KEINE Templates!
  • Verwenden Sie gerne zunächst Blindtext und Dummybilder, um einen ersten Eindruck von Ihrer Seite zu bekommen. Dieses kann dann nach und nach durch die Originale ersetzt werden.

2. Milestone (verpflichtend) fällig am 21. Jan 2024, 23:55 Interaktivität mit JS Datei

Bitte binden Sie eine externe JS Datei und HTML Eingabeelemente in Ihre Seite ein.

Es muss mindestens

  • ein einzeiliges Eingabefeld mit 'Abschicken-Button',
  • eine Radiobutton-Liste wie auch
  • eine Selectbox vorhanden sein.

Bitte realisieren Sie eine JS-Funktion, die nach Click auf einen Button das Eingabefeld, die Selectbox und die Radiobutton-Liste ausliest und auf der Konsole sowie auf der Webseite unformatiert ausgibt. Vielleicht schaffen Sie auch schon eine formatierte Ausgabe auf der Webseite?


3. Milestone (verpflichtend) = Abschlussprojekt fällig am 29. Feb 2024

Sie haben eine moderne HTML5 Seite zu einem Thema Ihrer Wahl geschrieben, die ausschließlich Strukturinformationen enthält und verwenden semantische Containerelemente.

Alle Layoutinformationen sind in der externen CSS Datei zu finden und Sie verwenden das Boxmodel und das Flexbox-System für den Seitenaufbau.

Sie verwenden Sie KEINE Templates. Bausteine von w3schools dürfen gerne eingesetzt werden.

Bitte validieren Sie Ihren Code mit dem W3C Validator.

Ihre Webseite verarbeitet Eingaben mit JavaScript (in externer Datei), die auf der Webseite getätigt werden können. Dies kann auf unterschiedliche Arten und Weisen erfolgen, so wie wir es im Seminar besprochen haben. Sie verarbeiten diese Eingaben und generieren eine optisch ansprechende Ausgabe auf der Webseite. Je mehr JS verwendet wird, umso besser wird die Note. Vielleicht klappt auch ein kleiner Quiz?

Die Projektdateien müssen erst gezippt und dann bei Ilias hochgeladen werden. Bitte verwenden Sie zur Benennung Ihres Projektes das Schema Nachname_Vorname, damit ich auch nach dem Download von Ilias weiß, wem ich das Projekt zuordnen darf.


WICHTIG: Verbuchung des Seminars erfolgt bei KLIPS am 29. März 2024