IFD:WebBasicsIISS14

Werkmodul
Lehrperson: Tobias Wolf
Bewertung: 6 ECTS, 4 SWS
Termin: Montag, 9:15 - 11:30
Ort: Marienstr. 7b, Raum 105

Erster Termin: Mo, 7. April 2014

Ergebnisse/Endabgaben (Auswahl)

Chris Römer

www.chrisroemer.de

Gianluca Pandolfo

www.maria-suckert.de

Kristin Schulze

www.kristinschulze.de

Luisa Patz

webuser.uni-weimar.de/~gawe3990

Phillip Klein

whoem.bootes.uberspace.de/andersen

Kursplan/Themen

• 07.04. Web Inspektor, Semantik
  • Folien
• 14.04. Web Basics I in 2 Stunden
  • Folien
  • Material
  • Ergebnis
• 28.04. Interface Design & Responsives Design (Vertiefung CSS)
  • Folien
  • Beispiel
  • mobile Webseite
  • Desktop Webseite
  • mobile Webseite
  • Desktop Webseite
• 05.05. Einführung in JavaScript
  • Folien
  • Material
  • Navigation
• 12.05. Vertiefung JavaScript und Ajax: Facebook-Bilder-Galerie
  • Folien
  • Material
  • Slideshow
• 19.05. PHP, Facebook/Twitter-Anbindung
  • Folien
  • Daten
• 26.05. fällt aus
• 02.06. Zwischenpräsentation
• 16.06. CMS (Content Management System)
  • Folien
  • Daten kirby
• 23.06. kein Kurs, statt dessen Konsultation am 17. & 19. Juni, jeweils vormittags.
• 30.06. Best-Practice/Website-Optimierung
  • Folien Best-Practice
  • Folien SEO
  • seitenreport.de
• 07.07. Endpräsentation
• 10. - 13.07. Summaery

Sonstige Themen:

GitHub, CMS-Systeme (Wordpres oder ExpressionEngine), MySQL, SVG, JSON, jQuery, Suchmaschinenoptimierung

Hilfreiche Links

Referenzen

• HTML Element Reference
• HTML Attribute Reference
• CSS Reference
• JavaScript Reference

Erklärungen/Tutorials

• Einführung HTML (englisch)
• Einführung CSS (englisch)
• Interaktiv HTML lernen (englisch)
• Web development for beginners – WebPlatform.org

Design

• Generative Bauhaus
• Smashing Magazine: Design Principles: Space And The Figure-Ground Relationship
• #webtypobuch
• Google design guidlines

Sonstiges

• Die CMS-Landschaft im Jahr 2014 / praegnanz.de

Leistungsnachweis

70% Endabgabe

Eine fertige Website in der behandelte Themen umgesetzt wurden.

Bewertet wird das Design & die Umsetzung.

30% Hausaufgaben

Jede Woche gibt es eine Hausaufgabe.

50% der Hausaufgaben müssen erledigt werden.

Beschreibung

Der Kurs wird studentisch unterstützt von Tobias Wolf.

Das Werkmodul richtet sich an Studierende gestaltender Studiengänge, die einen Einstieg in die Erstellung von dynamischen Websiten suchen.

Grundlage für den Kurs ist das Werkmodul "Web Basics I" bzw. Kenntnisse in HTML und CSS. Der Kurs wird auf diese Grundlagen aufbauen und anwendungsnah sich weiter in die Entwicklung von Websiten/WebApplikationen vertiefen. Dabei wird die Programmiersprache "JavaScript" von Grund auf vermitteln, mit der Webdesigner mit relativ überschaubaren Programmierkenntnissen zu überzeugenden Ergebnissen in Webanwenungen kommen. PHP als serverseitige Scriptsprachen werden wir auch von Grund auf kennen lernen.

Hier einige Beispiele für typische Anwendungen aus dem Weballtag, die im Kurs praktisch behandelt werden:

• Animationen und Darstellungseffekte
• dynamische Interfaceelemten (z.B. ausklappende Infobox, Menüs usw...)
• Spiele programmieren
• Slideshows und Fotostrecken
• Liveticker und Chats
• dynamische Formulare
• Diagramme und Charts
• Sound- und Videosteuern
• Inhalte dynamisch laden
• Inhalte speichern und verarbeiten

Je nach Interesse können auch folgende Themen zusätzlich behandelt werden:

• Einbindung von Social-Network-Angebote (Facebook, Google+, GoogleMaps usw.)
• 3D-Elemente im Web
• Soundvisualisierung
• Webcam-Interaktion (Fl)
• Fortgeschrittene JavaScript-Libaries wie paper.js oder box2d
• Optimierung für mobile Endgeräte (iPhone, iPad usw.)

engl. Beschreibung

Web Basic II This beginner course is dedicated to all design- and media-students who are interessted in web development. First knowledges or practical experiences in HTML and CSS are required or at least the course "Web Basics I". Now we'll go deeper in web development with client technologies like HTML5, CSS3 and (especially) Javascript and PHP.

Voraussetzungen

Die Bewerbung für eine Teilnahme am Kurs muss bis zum 05. April per E-Mail mit dem Betreff: "Bewerbung Web Basics II SS14" und folgenden Angaben an: tobias.fabian.wolf (at) uni-weimar.de gesendet werden. Name, Fachrichtung und Fachsemester, Matrikelnummer, Angabe der geltenden Prüfungsordnung, gültige E-Mail-Adresse @uni-weimar.de und Erwartungen zum Kurs (in ein paar kurzen Sätzen). Sollte es mehr als 25 Bewerber geben, entscheidet die Zugehörigkeit zur Fakultät/des Studiengangs und ggf. die Reihenfolge der Anmeldungen über die Aufnahme in den Kurs. Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 06. April per E-Mail.

Zielgruppe

Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur.