Einleitung
Dauer: höchstens 35 Minuten
Vorstellung und Einleitung: 25 Minuten
Fragen und Antworten: höchstens 10 Minuten
- Vorstellung
- Ablauf und Organisatorisches
- Ziele, Inhalte, Prüfungsleistung
Ziel: Orientierung für diese Vorlesung
Vorstellung
Falls sich Kurs und Dozent noch nicht kennen, dann wird eine kurze Vorstellungsrunde abgehalten.
Dozent stellt sich vor:
- Prof. am SZI der DHBW Lörrach seit 2013
- davor 15 Jahre in unterschiedlichen Bereichen der Software-Entwicklung gearbeitet
- Entwicklungsleiter der DHWB Lörrach Campus App (und auch der Campus Rallye App)
- Themen: Programmierung, Webentwicklung, mobile Apps, …
- Digitale Lehre: Online/Präsenz, Didaktik, …
Vorstellungsrunde der Studies:
- Wie lautet Ihr Name?
- In welchem Unternehmen sind Sie angestellt?
- Was sind Ihre Erfahrungen in der Webentwicklung?
(HTML, CSS, JavaScript, PHP, ASP.NET, usw.) - Haben Sie Erfahrung mit git?
(sicher | geht so | (noch) keine | nie gehört)
⟶ Strichliste zu HTML/CSS/JS/git usw. am Whiteboard
Infos zur Veranstaltung
- Es gibt 33 Vorlesungsstunden.
- Programmierkenntnisse (z.B. in Python, Java, …) werden vorausgesetzt.
- Bitte Laptop mitbringen, da es immer wieder „Live-Coding“ zum Mitmachen gibt.
- Informationen und Lernmaterial sind in Moodle zu finden.
- Manche Termine finden evtl. online in BBB statt (wird bei Bedarf kurzfristig angekündigt).
Lernziel
Die wesentlichen Frontendtechnologien der Webentwicklung kennenlernen: HTML, CSS und JavaScript. In Projektgruppen (2-3 Studierende) eine clientseitige Webanwendung mit HTML, CSS und JavaScript (ohne Frameworks) entwickeln.
Webentwicklung ist sehr umfangreich — wir haben jedoch nur 33 Vorlesungsstunden…
Daher beschränken wir uns auf HTML, CSS und JavaScript.
Inhalte
An 33 Vorlesungsstunden, die sich auf 8 Termine aufteilen, sind diese Themen geplant:
- Einleitung, HTML (heute!)
- CSS Teil 1
- CSS Teil 2 (u.a. FlexBox)
- JavaScript Teil 1, Besprechung App-Idee
- JavaScript (u.a. DOM) Teil 2, Vorstellung App-Idee
(idealerweise Termin mit 5 Vorlesungsstunden) - JavaScript (u.a. JSON, fetch, async/await) Teil 3
- Zeit zum Programmieren, evtl. Ausblick (z.B. localStorage, TypeScript, React)
- Präsentation der Projekte, Abschluss
Der konkrete Ablauf hängt auch von der Abfolge der geplanten Terminen im Kurskalender ab…
Prüfungsleistung
Die Prüfungsleistung ist ein Portfolio.
Voraussichtliche Bewertung:
- 15% Vorstellung einer App-Idee (am 4. oder 5. Termin)
- 15% Präsentation des Ergebnis (am letzten Termin)
- 70% Umsetzung der App-Idee als Webanwendung (Abgabe in Moodle am Ende der Klausurwoche)
TODO: Tailwind erlauben?
Mehr Details zum Projekt und zum Bewertungsschema gibt es an einem späteren Termin!