Lehrveranstaltung:IMS 2014:Workshop Web-Programmierung: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 25: | Zeile 25: | ||
|gewichtung= | |gewichtung= | ||
|lehrende=Moritz Jacobs | |lehrende=Moritz Jacobs | ||
|anmerkungen= | |anmerkungen=Termine: 23./26./29. Juni | ||
23./26./29. Juni | |||
|qualifikationsziele= | |qualifikationsziele= | ||
|inhalte=Animationen, AJAX, CSS3-Tranforms, HTML5-Video, Canvas, @font-face und, und, und: die Liste der | |inhalte=Animationen, AJAX, CSS3-Tranforms, HTML5-Video, Canvas, @font-face und, und, und: die Liste der | ||
Zeile 34: | Zeile 32: | ||
Doch nicht alles was man benutzen kann, sollte man | Doch nicht alles was man benutzen kann, sollte man | ||
auch immer einsetzen. Oft leiden komplexe | auch immer einsetzen. Oft leiden komplexe | ||
Web-Frontends auf | Web-Frontends auf Desktop und Mobile an schlechter | ||
Performance, ruckeln und sind langsam. Die dem User zur | Performance, ruckeln und sind langsam. Die dem User | ||
Verfügung stehende Bandbreite (und in Deutschland auch | zur Verfügung stehende Bandbreite (und in Deutschland | ||
sein Datenvolumen) werden leider auch oft | auch sein Datenvolumen) werden leider auch oft | ||
überschätzt. In diesem Workshop wollen wir einen Blick auf | überschätzt. In diesem Workshop wollen wir einen Blick | ||
Techniken werfen, die eine möglichst flüssige, reibungslose | auf Techniken werfen, die eine möglichst flüssige, | ||
Frontend-Usability gewährleisten sollen. Es sollten sich alle angesprochen fühlen, die im Hinblick auf Frontend- | reibungslose Frontend-Usability gewährleisten sollen. Es | ||
Entwicklung, vor allem CSS, nicht völlig unbedarft sind. | sollten sich alle angesprochen fühlen, die im Hinblick auf | ||
Spezielle Framework- | Frontend-Entwicklung, vor allem CSS, nicht völlig | ||
unbedarft sind. | |||
Spezielle Framework-Kenntnisse sind nicht erforderlich. | |||
'''Themenliste''' | '''Themenliste''' | ||
Zeile 51: | Zeile 51: | ||
* Assets, Komprimierung und Datensparsamkeit | * Assets, Komprimierung und Datensparsamkeit | ||
* Caching und CDNs | * Caching und CDNs | ||
* Above | * Above the Fold Content und progressive Inhalte | ||
* | * “Progressive Web Apps” | ||
* Pseudo-Design erkennen und ausmerzen | * Pseudo-Design erkennen und ausmerzen | ||
|literatur= | |literatur= | ||
|semester= | |semester= | ||
}} | }} |
Version vom 3. April 2017, 12:01 Uhr
Studiengang | Interaktive Mediensysteme (IMS 2014) |
---|---|
Modul | Workshops und Seminare |
Name | Workshop Web-Programmierung |
Alternativnamen | Low Code - Website Tools |
Name (englisch) | |
Kürzel | sw.webprog |
Wird gehalten: | Sommersemester |
Semester | |
Lehrformen | |
Credits | 2,5 |
SWS | 2 (Lehre: 2, Praktikum: 0, Teaching Points: 2) |
Workload | Präsenzstudium: 30 h (durchschnittlich 2 h pro Woche) Eigenstudium: 45 h (durchschnittlich 3 h pro Woche) |
Notengebung | Kommanote (1,0; 1,3; 1,7; 2,0, 2,3; 2,7; 3,0; 3,3; 3,7; 4,0; 5,0) |
Gewichtung (Modulnote): | 25 % |
Verantwortliche(r) | Wolfgang Kowarschick |
Lehrende(r) | Florian Gesell, Timo Gruber |
Homepage |
Anmerkungen
Termine: 23./26./29. Juni
Inhalte
Animationen, AJAX, CSS3-Tranforms, HTML5-Video, Canvas, @font-face und, und, und: die Liste der verfügbaren APIs und Technologien, die heutige Browser unterstützen wird jede Woche länger. Doch nicht alles was man benutzen kann, sollte man auch immer einsetzen. Oft leiden komplexe Web-Frontends auf Desktop und Mobile an schlechter Performance, ruckeln und sind langsam. Die dem User zur Verfügung stehende Bandbreite (und in Deutschland auch sein Datenvolumen) werden leider auch oft überschätzt. In diesem Workshop wollen wir einen Blick auf Techniken werfen, die eine möglichst flüssige, reibungslose Frontend-Usability gewährleisten sollen. Es sollten sich alle angesprochen fühlen, die im Hinblick auf Frontend-Entwicklung, vor allem CSS, nicht völlig unbedarft sind. Spezielle Framework-Kenntnisse sind nicht erforderlich.
Themenliste
- Tools und Helfer
- CSS-Performance und Browser-Rendering
- CSS-Animationen und -Transitions
- CSS @font-face, FOUT/FOIT und FOFT
- Assets, Komprimierung und Datensparsamkeit
- Caching und CDNs
- Above the Fold Content und progressive Inhalte
- “Progressive Web Apps”
- Pseudo-Design erkennen und ausmerzen
Prüfungen
Nummer | Prüfer | Zweitprüfer | Prüfung | Prüfungsart | Prüfungsdetails | Hilfsmittel |
---|---|---|---|---|---|---|
1990140 | Florian Gesell, Timo Gruber | Wolfgang Kowarschick | im kommenden Semester | Präsentation, Studienarbeit |