Lehrveranstaltung:IMS 2014:Workshop Web-Programmierung: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 7: Zeile 7:
|name=
|name=
|name_en=
|name_en=
|alternativnamen=
|alternativnamen=Mehr Performance! Browser, Geräte und die lange Leitung
|kuerzel=sw.webprog
|kuerzel=sw.webprog
|voraussetzungen=
|voraussetzungen=
Zeile 27: Zeile 27:
|anmerkungen=''Termine''
|anmerkungen=''Termine''


noch offen
23./26./29. Juni
|qualifikationsziele=
|qualifikationsziele=
|inhalte=noch offen
|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 Dektop 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-Kentnisse 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
|literatur=
|literatur=
|semester=
|semester=
}}
}}

Version vom 3. April 2017, 11:58 Uhr

Studiengang Interaktive Mediensysteme (IMS 2014)
Modul Workshops und Seminare
Name Workshop Web-Programmierung
AlternativnamenLow 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 Dektop 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-Kentnisse 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