Switch to Landscape

Web-Entwicklung für alle Internet-Auftritt selbst gemacht: Gestalten Sie Ihre eigene Website!

Sie erhalten Unterstützung bei der Umsetzung eines Webauftritts (Hobby, Verein, ...). Neben dem Dozenten unterstützen Sie auch KI-Tools wie ChatGPT bei Ihrer Arbeit.

 
wird zu

In der Übersicht

Für Ihre Website verwenden Sie Pug / HTML, W3.CSS / Bootstrap / (plain) CSS und bei Bedarf etwas Java Script. (Ohne Vorkenntnisse ist Pug einfacher zu erlernen als HTML, und W3.CSS oder Bootstrap erspart Ihnen einiges an CSS-Code.)

Wir verwenden keinen Baukasten, da diese zwar einen einfachen Start ermöglichen – später jedoch einschränkend sein können. Es gibt hilfreiche Zusammenstellungen im Internet, die Sie neben meinen Inputs bei der Arbeit unterstützen.

KI-Tools wie ChatGPT ersparen Ihnen einiges an Zeit und Kopfzerbrechen. Wir werden auch auf den gekonnten Einsatz dieser neuen Hilfsmittel eingehen.

Als Kompetenznachweis stellen Sie mir Ihre Webseite, den Entstehungsprozess und gemeisterte Herausforderungen vor. 

Facts

Semester

Findet im Herbst- und Frühlingssemester statt. Nächster Start: Frühlingssemester 2025 (ausgebucht)

Anmeldeschluss

16.02.2025 (Eine möglichst frühzeitige Anmeldung ermöglicht uns die Abschätzung der Nachfrage. Danke!) Anmeldebeginn: s. Seite "ISA-Module"

Unterrichtssprache
  • Deutsch
Zeitmodell

Dieses Modul findet asynchron statt, was Ihnen grösstmögliche Orts- und Zeitunabhängigkeit ermöglicht. Sie erhalten die Inputs digital und können diese studieren, wann es Ihnen am besten passt.
Zeiten fürs individuelle Coaching und weitere Informationen zum Modul

ECTS/Anerkennung

Siehe Übersichtsliste: ISA-Programm/ECTS-Punkte

Studierende des Departements Informatik sind nicht zugelassen, da ISA-Module ausserhalb des Kernbereichs des Studiums besucht werden sollten.

Anbieter
Informatik
Leistungsnachweis

Testat: Konzept zu Ihrem Projekt und Zwischenstand

Kompetenznachweis:

  • Präsentation der eigenen Webseite inkl. Entstehungsprozess und Herausforderungen
  • Abgabe der Quelldateien (Pug / HTML, CSS, allenfalls JS)
  • In diesem Modul gibt es bestanden / nicht bestanden. Da die Teilnehmenden unterschiedliche Vorkenntnisse haben (gar keine Programmiererfahrung bis mehr oder weniger Erfahrung mit HTML und Co), macht es keinen Sinn, Noten zu vergeben
Modulleitung
Dozent/in
Eingangskompetenzen

keine Programmiererfahrung nötig

etwas Experimentierfreude und Durchhaltevermögen sind von Vorteil

Zielkompetenzen

eine (responsive) Website erstellen mit Pug / HTML und W3.CSS / Bootstrap / CSS

Lehr- und Lernmethoden
  • Einführung in Pug und W3.CSS / Bootstrap (digital verfügbare Inputs)
  • hauptsächlich Arbeit am eigenen Projekt mit Unterstützung durch den Dozenten (vorgängig reservierbares individuelles Coaching über Zoom mit Screensharing)
Lehrmittel

Neben hilfreichen Websites und KI (z.B. ChatGPT) gibt es viel Literatur zu HTML und CSS, beispielsweise die bei Studierenden beliebte "for dummies"-Serie.

Programmart
ISA Modul
Durchführungsort

Online

Teilnehmerzahl

ca. 30 (Zeit für Coaching und Betreuung der ganz unterschiedlichen Projekte) 

Bemerkungen

ein kleiner Einblick

Informationen für Studierende mit Vorkenntnissen (nicht erforderlich)

Für Effekte wie parallax binden wir auch bestehenden Code ein.

Sie können gerne zu zweit oder auch alleine an einem Projekt arbeiten.

Dreier-Gruppen sind bewilligungspflichtig, da die Gefahr besteht, dass eine Person zum "fünften Rad am Wagen" wird. Schicken Sie mir in diesem Fall bitte vorgängig eine klare Aufteilung der Zuständigkeiten.

Zoom-Videokonferenz inkl. sog. Fernsteuerung: Ich kann (falls gewünscht) direkt in Ihrem Code Anpassungen vornehmen, was sich als sehr hilfreiches Feature erwiesen hat.