Modul Web Clients Herbstsemester 2020 Gruppe 2

Der Unterricht wird Remote über Microsoft Teams gehalten. Das reservierte Zimmer kann benutzt werden.

Der aktuelle Punktestand der Studenten ist in der Microsoft Teams Gruppe unter dem Tag "Notizen" zu finden.

Datum: 15.09.2020 08:15 a.m. - 11:00 a.m.

Recording: Verfügbar bis 05.10.2020

Hauptthema: Einfache Todo App mit MVC

Github pages under https://webengineering-fhnw.github.io/webcl-hs20/week1/todo/View.html

Date: 22.09.2020 08:15 a.m. - 11:00 a.m.

Recording: Verfügbar bis 12.10.2020

CSS Goodie: CSS Validation, Fraktionen & View-Constraints

Github pages under https://webengineering-fhnw.github.io/webcl-hs20/week2/CSSValidation.html

Vortrag 1: Transformer & Validation:

Link auf Fork: https://github.com/faqnet/webcl-hs20-2/

Direktlinks zu den Files:

• https://github.com/faqnet/webcl-hs20-2/tree/master/week1/todo
• https://github.com/faqnet/webcl-hs20-2/tree/master/week1/transformer
• https://github.com/faqnet/webcl-hs20-2/tree/master/week1/validator

Thema: MVC

Foliensatz: WebClients_2_Attributes

Vortrag 2: Validieren & Konvertieren:

Link auf Fork: https://github.com/mzhKU/webcl-hs20-2

Direktlinks zu den Files:

• https://github.com/mzhKU/webcl-hs20-2/blob/master/week1/todo/todo.js
• im CSS das Grid entfernt, da dieses reingefunkt hat.

Vortrag 3: innerText vs. textContent:

Repository Link: https://github.com/YannikBeimler/innerText-vs-textContent

Live Coding:

Github pages under https://webengineering-fhnw.github.io/webcl-hs20/week2/presentationModel/presentationModel.js

Date: 29.09.2020 08:15 a.m. - 11:00 a.m.

Recording: Verfügbar bis 19.10.2020

CSS Goodie: CSS Triangle

Notizen dazu: Bordertrick: https://codepen.io/chriscoyier/pen/lotjh Dropshadow über filter anwenden Clip-Path mit Polygon umsetzen

Github pages under https://webengineering-fhnw.github.io/webcl-hs20/week3/CSSTriangle.html

Vortrag:

Link auf Fork: https://github.com/mikenoethiger/webcl-hs20-2

Lösung der anderen Klasse: https://github.com/SteveVogel1/MasterDetail

Video

Runar Bjornasson: liberties constrain, constraints liberate

https://www.youtube.com/watch?v=GqmsQeSzMdw

Thema: Attribute projector / MVC

Foliensatz: WebClients_2_Attributes

Live Coding:

Github pages under https://webengineering-fhnw.github.io/webcl-hs20/week3/todo/todoTests.js