Termine

Workshop

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


Seminarausfälle

23.05.22


Milestones

1. Milestone (verpflichtend ) fällig am 24.04.22
Bitte schreiben Sie eine HTML5 Seite, die mit CSS gelayoutet ist und die Ihren Wochenplan enthält. Sinnvoll ist es immer, vor dem eigentlichen Schreiben des Codes das warum, wer, was, wie kurz festzuhalten. (Sehr übersichtlich ist es, wenn verschiedene Kategorien (Arbeit, Uni, Sport, Musik, Freizeit, ...) verschiedene Farben haben. --> das haben wir nicht mehr geschafft! Deshalb entfällt es für diesen Milestone)

Und bitte immer daran denken: in der HTML Datei stehen nur Strukturinformationen und in der CSS Datei die entsprechenden Layoutinformationen. Leider sind wir noch nicht ganz so weit gekommen, dass ihr css Dateien auslagern könnt, deshalb bitte zunächst die CSS Statements zwischen die <style> Tags im <head> schreiben.

Da es sich um einen verpflichtenden Milestone handelt, muss ich leider alle Teilnehmer*innen, die diesen nicht abgegeben haben, bei KLIPS von der Teilnahme am Seminar entfernen.

2. Milestone fällig am 22.05.22

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. Sie verwenden das Boxmodel und das Flexbox-System für den Seitenaufbau.

Integrieren Sie sinnvoll CSS Eigenschaften über die verschiedenen Selektorarten.

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.

3. Milestone fällig am 26.06.22

Bitte binden Sie eine externe JS Datei ein und auch HTML Formularelemente, das mindestens ein einzeiliges Eingabefeld mit 'Abschicken-Button' enthält. Bitte realisieren Sie eine JS-Funktion, die nach Click auf den Button ein Eingabefeld oder ein anderes Formularelement ausliest und auf der Konsole oder auch schon auf der Webseite ausgibt.

Fertiges Projekt fällig am ??.??.??

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.