Termine

Seminarausfall

Peer Review Übungen

Es gibt 3 Peer Review Übungen: 25. / 26.04.23, 16. / 17.05.23 und 27. / 28.06.23. 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 nächsten Sitzungstermin Zeit, mind. 2 Peer Reviews zu geben. Anschließend erhalten auch Sie eine Rückmeldung.

Workshops

Wir werden einen Workshop am 13. / 14.06.23 und 11. / 12.07.23 veranstalten. Bitte bereiten Sie Ihr Projekt dazu soweit vor, dass Sie es Ihren Kommiliton:innen zeigen und Ideen und Probleme ansprechen können.

Milestones

1. Milestone (verpflichtend) fällig am 14.05.23 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 02.07.23 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) fällig am 31.08.23 = Fertiges Projekt fällig am 31.08.23

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.

WICHTIG: Verbuchung des Seminars erfolgt bei KLIPS am 30.09.2023