Web-basierte Anwendung 1

Medieninformatik am Campus Gummersbach

Recap & Ausblick

Dauer
90 min
Typ
Vortrag
Maximale Teilnehmerzahl
beliebig viele Teilnehmer
Verantwortlich
Christian Noss
Info
Wiederholung der letzten Wochen, Resümee des Traingstages, Übersicht über weitere Themen wie Local Storage, CSS Transistions, Web Media

Termine:

  • 23. November 2017, 09:00 Uhr, Raum 3.102

An wen richtet sich der Vortrag?

An alle Teilnehmer des Moduls “Web-basierte Anwendungen 1: WWW-Technologien”.

Worum geht es?

Zunächst wird bezogen auf das Challenge Training ein Resümee gezogen und ein paar typische Probleme vorgestellt und gelöst. Hier einige Beispiele:

  • sinnvolle Aufteilung von Arbeitspaketen
  • Nutzung von GitHub.io für die Dokumentation
  • sinnvolle Dateistruktur
  • Vergabe von CSS Klassen
  • Einsatz von JS Eventlistenern

Danach werden einige Themen und Technologien vorgestellt, von denen jeder WBA-ler mal gehört haben sollte, von denen wir aber nicht erwarten, dass sie in der Challenge angewendet werden, z.B.

  • Web-Media: Einsatz von JPG, SVG, PNG und mehr
  • Managing State: Wie speichere ich Daten im Client
  • CSS Transitions: Übergänge zwischen CSS States
  • Nutzung von Hintergrundbildern
  • Nutzung von Frameworks
  • Nutzung von Präprozessoren am Beispiel von SASS und LESS

Challenge Training Review

  • Wie ist es gelaufen?
  • Wo waren die größten Schwierigkeiten?
  • Wie kommen wir weiter?

Was haben wir (nicht) gesehen?

  • Merge Konflikte müssen in jeder Datei direkt gelöst werden.
  • gutes semantisches Markup
  • Commit Meldungen müssen aussagekräftig sein
  • CSS Regeln für ein Element/Klasse nur einmal definieren
  • bitte Teamnamen eintragen
  • bitte GitRepo eintragen
  • GitHub Klartextnamen angeben

Ein Real-life Beispiel

  • sinnvolle Aufteilung von Arbeitspaketen
  • sinnvolle Dateistruktur
  • Definition von CSS Regeln
  • Einsatzmöglichkeiten von Javascript
  • Einsatz von JS Eventlistenern

Web-Development Map

Wo stehen wir?

  • https://coggle.it/diagram/Vz9LvW8byvN0I38x
  • https://github.com/kamranahmedse/developer-roadmap

Was sollte man noch kennen?

  • Web-Media: Einsatz von JPG, SVG, PNG und mehr
  • Managing State: Wie speichere ich Daten im Client
  • CSS Transitions: Übergänge zwischen CSS States
  • Nutzung von Hintergrundbildern

Iconsets

  • Was ist ein Iconset?
  • Wann ist der Einsatz sinnvoll?
  • Dürfen Iconsets für die Challenge genutzt werden?

Frameworks

  • Was ist ein Framework?
  • Wann ist der Einsatz sinnvoll?
  • Dürfen Frameworks für die Challenge genutzt werden?

Preprozessoren

  • Was ist ein Preprozessor?
  • Wann ist der Einsatz sinnvoll?
  • Dürfen Preprozessoren für die Challenge genutzt werden?

Material