Web-Entwicklung

Agenda

Grundlagen

  • HTML/CSS/JS
  • JSON
  • HTTP-Protokoll
  • Debugger

Fortgeschrittenes

  • NodeJS
  • Responsive Design
  • CSS-Animationen
  • WebComponents / lit
  • Canvas-Element
  • Datenbank

Architektur & Paradigmen

  • Funktionale Programmierung
  • Objektorientierte Programmierung
  • Entwurfsmuster (Singleton, Factory, Builder...)
  • SOLID-Prinzipien
  • Dependency Injection
  • MVC
  • Redux

Interessante Technologien

  • WebSockets
  • WebWorker
  • ServiceWorker
  • WebRTC
  • WebGL
  • Progressive Web Application
  • CEF / Electron
  • WebAssembly

Betrieb

  • Server einrichten
  • SSL- / TLS-Zertifikate

Workflows

  • Git
  • Test Driven Development
  • Continuous Integration / Continuous Delivery

HTML

  • Erste Version 1993 von Tim Berners-Lee
  • Dokumentationsmedium
  • Ursprünglich rein akademische Verwendung
VersionErscheinungElemente ca.
HTML 1.0199320
HTML 2.0199550
HTML 3.2199770
HTML 4.01199990
HTML 5.02014110
  • Heute ein "lebender Standard" (Living Standard)
  • Stetige inkrementelle Erweiterung

Grundgerüst

Grundgerüst

Beispiel

Beispiel

							
								
Überschrift

								

									
Dies ist ein Paragraph

									
Dies ist noch ein Paragraph mit einem längeren Text