Letzte Seitenaktualisierung: 15.5.2020 14:40:08

Webentwicklung

Wichtiger Hinweis: Dieses Manuskript steht allen Teilnehmern der Lehrveranstaltung Webentwicklung an der Hochschule für Technik und Wirtschaft Berlin als unterrichtsbegleitendes Lehrmaterial frei zur Verfügung. Die Nutzung für andere Zwecke bedarf zur Vermeidung möglicher Verletzungen des deutschen Urheberrechts der vorherigen Inkenntnissetzung und Erlaubnis des Autors.

Vorlesung 1 - Einführungsveranstaltung
Manuskript Einführungsveranstaltung (Foliensatz)
Vorlesung In dieser Auftaktvorlesung geht es um die formalen Kriterien zur Teilnahme an der Lehrveranstaltung, wie Zulassungsvoraussetzungen, Übungsgruppeneinteilung, Bewertung, eine Übersicht über die Themeninhalte der Veranstaltung etc.
Übung Koordination und Gruppeneinteilung
Vorlesung 1 - Einführungsveranstaltung (Fortsetzung)
Manuskript Einführungsveranstaltung Fortsetzung (Foliensatz)
Vorlesung Zum Selbststudium
Vergleich zwischen Webentwicklung und Webdesign,
Einbettung der Webentwicklung in das Vorgehensmodell der Softwareentwicklung,
Vergleich zwischen Java EE und PHP für Webentwicklungen
Übung Koordination und Gruppeneinteilung
Vorlesung 2 - World Wide Web Einführung
Manuskript World Wide Web (Foliensatz)
Vorlesung Zum Selbststudium
Arpanet, DFÜ-Mailboxen, Usenet, CompuServe, Das Web - Sir Tim Berners-Lee, World Wide Web (HTTP, HTML, W3C, CSS), Browser Wars und Status Quo
Übung Bearbeitung des ersten Meilensteins
Gemeinsames Bestimmen des gruppeninternen Software-Webentwicklungsprojekts
Vorlesung 2 - World Wide Web Grundlagen
Manuskript Uniform Resource Identifier (Foliensatz)
Vorlesung Aufbau und Syntax von Webseiten-Referenzen (URI, URN, URL)
Übung Bearbeitung des ersten Meilensteins
Abschließendes Bestimmen des gruppeninternen Software-Webentwicklungsprojekts
Vorlesung 2 - World Wide Web (Fortsetzung)
Manuskript Hypertext Transfer Protocol (Foliensatz)
Vorlesung Aufbau des HTTP-Protokolls, HTTP-Methoden im Überblick, Aufrufparameter in HTTP-Methoden, HTTP-Statuscodes, HTTP-Authentifikation, Cookies und Referer
Übung 1. Woche: Bearbeitung des ersten Meilensteins
2. Woche: Abgabe des ersten Meilensteins (Geheimen HTTP-Header ermitteln)
Vorlesung 2 - World Wide Web (Abschluss)
Manuskript Hypertext Markup Language (Foliensatz)
Vorlesung Die Anfänge des Hypertexts (SGML, HTML, HTML5), HTML-Aufbau (Header, Body, Tags, Attribute), HTML-Auszeichnungen (Überschriften, Hervorhebung, Links, Bilder, IFrames, Listen, Tabellen, Container), HTML-Formulare
Übung 1. Woche: Bearbeitung des zweiten Meilensteins
2.Woche: Abgabe des zweiten Meilensteins (Webprojekt mit HTML-Mitteln erstellen)
Vorlesung 3 - Cascaded Stylesheets
Manuskript Cascaded Stylesheets (Foliensatz)
Grid-Layouts (Foliensatz)
Vorlesung Die Anfänge von CSS, Aufbau von CSS (Selektoren, Kombinatoren), Kaskadierung und Spezifität, Boxmodell (Display, Floats, Positionierung), CSS-Elemente (Transition, Transformation, Animation, Geräteabhängigkeit), Sass, Einführung in Grid-Layouts
Übung 1. + 2. Woche: Bearbeitung des dritten Meilensteins
3. Woche: Abgabe des dritten Meilensteins (Webprojekt mittels CSS-Mitteln erweitern)
Vorlesung 4 - Webarchitekturen
Manuskript Webarchitekturen (Foliensatz)
Vorlesung JavaScript Object Notation (JSON), REST-Zugriffe mittels JavaScript (AJAX), Document Object Model (DOM), WebSockets und Local Storage ab HTML5
Übung Bearbeitung des vierten Meilensteins
Vorlesung 4 - Webarchitekturen (Fortsetzung)
Manuskript Webarchitekturen Fortsetzung (Foliensatz)
Vorlesung Tech Stack des Backends, REST-Zugriffe im Java-Backend (JAX-RS, swXercise-Beispiele), REST-Konventionen (Methoden und Pfade), WebSockets im Java-Backend (Jetty, swXercise-Beispiele), Cross-Origin Resource Sharing (CORS), Same-Origin-Policy (SOP)
Übung Bearbeitung des vierten Meilensteins
Vorlesung 5 - Web-Frontends
Manuskript Web-Frontends (Foliensatz)
Vorlesung Zum Selbststudium (optional)
JavaServer Pages (JSP), Datenverwaltung in JSPs, JSP-Kontext, HTTP-Parameter (Queries) in JSPs, Java Servlet, Java Bean und Properties, Dynamische Navigation
Vorlesung 6 - Versionsverwaltung
Manuskript Versionsverwaltung (Foliensatz)
Git (Foliensatz)
Vorlesung Zum Selbststudium (optional)
Motivation für Versionsverwaltung, Historisches zur Versionsverwaltung,
Strategien für Versionsverwaltung (Lock-Modify-Unlock, Copy-Modify-Merge),
Git: Wichtige Kommandos, Branches, Cherry-Picking, Merging, Stashing, Konfliktauflösung etc.
Vorlesung 7 - Allgemeine Vorbereitungen zur Klausur
Vorlesung Allgemeine Vorbereitungen zur Klausur
Übung Abgabe des vierten Meilensteins (Frontend mit REST-Zugriffen auf ein gegebenes Backend)
Vorlesung 8 - Klausur
Vorlesung Klausurzeit und -ort werden im LSF bekanntgegeben.
Übung Diskussion
Vorlesung 9 - Klausurrückgabe
Vorlesung Die Klausur wird zurückgegeben und musterhaft besprochen. Weiteres Thema ist - sofern die Zeit reicht - ein Rückblick auf die nun endende Lehrveranstaltung.
Übung Rücksprachen

Änderungen sind jederzeit vorbehalten!