Webentwicklung Wintersemester 2017/2018

1. Organisatorisches
2. Geschichte: Web und Internet
3. Web-Entwicklung aus der Vogelperspektive

1. Idee und kurze Geschichte
2. Begriffe, Format und Syntax
3. Textgestaltung und -strukturierung
4. Listen und Tabellen
5. Formulare

1. Strukturierung von Webseiten
2. Semantisches Markup
3. Optische Aufwertung
4. Responsiveness
5. Debugging
6. Standard-Konformität

1. Motivation & Geschichte
2. Syntax und Grundgedanken
3. Die Kaskade
4. Typographie
5. Layout
6. Die vielen Möglichkeiten von CSS
7. Debugging

1. Einführung
2. Syntax
3. Laufzeitumgebungen & DOM-API
4. Events
5. Objekte und "Klassen"
6. Weitere APIs
7. Debugging

1. URLs und Grundlagen
2. HTTP
3. HTTP-Besonderheiten
4. Webserver

1. Allgemeines zu PHP
2. PHP im Backend
3. Syntax und Datentypen
4. Arrays und Array-Funktionen
5. String-Funktionen
6. Skripte schreiben
7. Webanwendungen schreiben
8. Vielseitigkeit von PHP
9. Ausführung und Debugging

1. Wiederverwendung mit Composer
2. Templates mit Twig
3. Objektorientierung in PHP
4. Daten speichern mit PHP
5. OR-Mapper Doctrine

1. Das Symfony-Framework
2. Routing
3. View
4. Model
5. Formulare

1. Verzeichnisstruktur
2. Sessions
3. Internationalisierung (I18n)
4. Zugriffskontrolle
   • Authentisierung
   • Autorisierung
     • Rollenbasiert
     • Attributbasiert
5. Kommandozeile
6. Debugging

1. Begriffe und Grundlagen
2. MITM: Man-in-the-Middle
3. XSS: Cross-Site-Scripting
4. CSRF: Cross-Site-Request-Forgery
5. Session-Hijacking
6. SQL-Injection
7. Information Disclosure
8. RCE: Remote Code Execution

1. Service-Orientierte Architektur
2. XML-basierte Webservices
3. REST-basierte Webservices
4. Umsetzung in PHP
5. AJAX

1. Warum was optimieren?
2. Ladezeiten
   • Anwenderperspektive
   • Grundlagen
3. Kritischer Request-Pfad
4. Request-Zahl minimieren
   • Lazy Loading
   • HTTP-Caching
     • Expiration
     • Validation
   • Bündeln
     • CSS und JS
     • CSS-Sprites
   • HTTP/2: Server-Push
5. Datenvolumen minimieren
   • Minify
   • Dateiformate
   • Payload-Komprimierung
   • Kontextabhängige Bilder
6. Nachbemerkungen

1. CSS-Präprozessoren
2. JavaScript-Sprach-Erweiterungen
3. JavaScript-Komponenten
4. Frontend-Framework Vue.js
5. Unit-Tests
6. Funktionstests
7. Gedanken zur Technologieauswahl

1. Der Stoff im Schnelldurchgang
2. Nicht behandelte Themen
3. Warme Worte zum Schluss

Ask me anything (2. Hälfte)
Was Sie schon immer über Webentwicklung wissen wollten: Fragen Sie mich!