SlideShare ist ein Scribd-Unternehmen logo
Bachelorverteidigung
Web-Technologien:
Überblick und Empfehlungen
Sebastian Müller
Chemnitz, den 19.09.2013
Prüfer: Prof. Dr.-Ing. Martin Gaedke
Betreuer: Dipl.-Inf. Michael Krug
World Wide WebWorld Wide Web
http://home.web.cern.ch/about/birth-web
World Wide WebWorld Wide Web
World Wide Web
http://occupyberlin.info/blog/erweitertes-netzwerk/
Besucher WebseiteClient Server
495,00
677,00
785,00
914,00
1.024,00
1.151,00
1.365,00
1.556,00
1.747,00
2.023,00
2.273,00
2.497,00
394,00
0
500
1000
1500
2000
2500
3000
2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012
Anzahl weltweiter Internetbenutzer in Mio.
http://de.statista.com/statistik/daten/studie/186370/umfrage/anzahl-der-internetnutzer-weltweit-zeitreihe/
http://www.flickr.com/photos/eurleif/255241547/
http://jquerymobile.com/donate-devices/
http://de.statista.com/statistik/daten/studie/216832/umfrage/durch-mobiles-internet-generierter-traffic-auf-webseiten/
Anteil des mobilen Traffics weltweit in %
6,93
8,35
10,34
12,59
13,41
16,63
17,53
23,14
6,25
0
5
10
15
20
25
Q
4
2010
Q
1
2011
Q
2
2011
Q
3
2011
Q
4
2011
Q
1
2012
Q
2
2012
Q
3
2012
Q
4
2012
http://jquerymobile.com/donate-devices/
http://home.web.cern.ch/about/birth-web
http://www.w3.org/
http://www.w3.org/
http://www.w3.org/
Web-Technologien: Überblick und Empfehlungen
http://www.w3.org/
Semantik
<div id=“header“>
<div class=“nav“>
<div id=“fusszeile“>
Semantik
<header>
<nav>
<footer>
Erweiterte Formulare
<input type=“email“>
<input type=“url“>
<input type=“datetime“>
<input type=“color“>
Erweiterte Formulare
<input type=“email“>
Erweiterte Formulare
<input type=“datetime“>
Zugriff auf Hardware
http://www.gsmarc.com/images/news/images/glossary/Sensors.jpg
Grafiken
<canvas>
http://www.webgl.com/wp-content/uploads/2013/02/webgl-unigine-3.jpg
Medien
Medien
Medien
Medien
<video controls>
<source src="video.ogg" />
<source src="video.webm" />
<source src="video.mp4" />
<img src="path/to/preview.jpg" />
<track label="English subtitles" kind="subtitles"
srclang="en" src="en.vtt" />
<track label="German subtitles" kind="subtitles"
srclang="de" src="de.vtt" />
</video>
Medien
H.264 vs. Theora vs. WebM
AAC vs. Vorbis vs. MP3
Medien
Browser HTML5-Video HTML5-Audio Flash-Unterstützung
Desktop-Browser
Chrome H.264, WebM AAC, MP3, Vorbis Ja
Firefox WebM Vorbis Ja
Internet Explorer 9+ H.264
IE9 mit Plugin,
IE10+: WebM
AAC, MP3 Ja (außer Version 10+ im
Modern-UI-Modus)
Internet Explorer 6/7/8 Nein Ja
Safari H.264 AAC, MP3 Ja
Opera WebM Vorbis Ja
MobileBr.
iOS 3.0+: H.264 AAC, MP3 Nein
Android
(Standardbrowser)
2.0+: H.264
2.3+: WebM
AAC, MP3 Seit Android 4.0 nicht mehr
offiziell
Andere (Feature
Phones)
Nein Nein
http://caniuse.com
http://theseasonaire.com/wp-content/uploads//OnAir-640x4305.jpg
Medien
HLS
MPEG-DASH
Adobe HDS
Microsoft Smooth Streaming
Medien
http://www.w3.org/
Neue Eigenschaften
div:last-child, div:nth-child(2n)
text-shadow, box-shadow
transform
transition, animation
Media Queries
@media screen
and (max-width: 600px)
and (orientation: landscape)
{
background: #FFF;
}
http://mobilenewspedia.com/too-many-these-are-all-screen-sizes-on-mobile-devices-samsung-offers/
Rich Internet Applications
Web-Technologien: Überblick und Empfehlungen
Web-Technologien: Überblick und Empfehlungen
Logik
(Controller)
Daten
(Model)
Ansicht
(View)
Model View Controller
Web-Technologien: Überblick und Empfehlungen
Backbone.js AngularJS Ember.js
Funktionsumfang - ++ ++
Lernkurve + - O
Flexibilität ++ - O
Community ++ + O
Größe ++ + +
Performance ++ O ++
Speicherverwaltung - ++ ++
Testbarkeit + ++ +
Dokumentation + ++ +
User Experience
http://blog.nordbayern.de/entdeckt/files/2009/10/schilderwald_usa-640x480.jpg
„Halte Dinge so einfach wie möglich,
aber nicht einfacher.“
Graceful degradation
vs.
Progressive enhancement
Graceful degradation
Bitte aktivieren Sie JavaScript,
um diese Seite drucken zu können.
Progressive enhancement
Wählen Sie „Drucken“ in Ihrem Browsermenü,
um diese Seite zu drucken.
Graceful degradation
vs.
Progressive enhancement
http://jquerymobile.com/donate-devices/
Media Queries
@media screen
and (max-width: 600px)
and (orientation: landscape)
{
background: #FFF;
}
http://www.magpress.com/wp-content/uploads/2013/01/mashable-responsive-design.jpg
1,2 MB 1,2 MB 1,2 MB
Responsive Design
Mobile Webseite
http://www.magpress.com/wp-content/uploads/2013/01/mashable-responsive-design.jpg
1,2 MB 0,8 MB 0,1 MB
http://media.smashingmagazine.com/wp-content/uploads/2012/02/target.jpg
Touch targets
http://www.zva.de/sehtest/
http://wearecolorblind.com/example/google-analytics/
Normale Darstellung
http://wearecolorblind.com/example/google-analytics/
Simulierte Farbenblindheit
Web-Technologien: Überblick und Empfehlungen
http://www.flickr.com/photos/eurleif/255241547/
http://jquerymobile.com/donate-devices/
Client Server
14 Programmiersprachen
C++
Objektorientierte Sprachen
Funktionale Sprachen
Weitere Sprachen
14 Programmiersprachen
Objektorientierte Sprachen
C++
Funktionale Sprachen
Weitere Sprachen
Vergleich
http://www.flickr.com/photos/23299615@N03/2950825897/
GET /314
1. Lade input00314.txt
2. Sortiere die > 10.000 Zeilen
3. Gib das mittlere Element zurück
Aufbau des Vergleichs
0
5000
10000
15000
20000
25000
30000
35000
0 50 100 150 200
AntwortzeitinMillisekunden
Anzahl paralleler Anfragen
Clojure Go Groovy Java .NET Node.js
Perl PHP Python Ruby Scala
C++
Server
Web-Technologien: Überblick und Empfehlungen
Web-Technologien: Überblick und Empfehlungen
Client Server
Web-Technologien:
Überblick und Empfehlungen
http://www.flickr.com/photos/infernocolony/161850818/
Web-Technologien:
Überblick und Empfehlungen
http://www.flickr.com/photos/infernocolony/161850818/
Vielen Dank

Weitere ähnliche Inhalte

Andere mochten auch

Verteidigung Masterarbeit
Verteidigung MasterarbeitVerteidigung Masterarbeit
Verteidigung Masterarbeit
wruge
 
Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1
Nils Meder
 
Verteidigung der MasterThesis
Verteidigung der MasterThesisVerteidigung der MasterThesis
Verteidigung der MasterThesis
chris2newz
 
Bachelor Thesis
Bachelor ThesisBachelor Thesis
Bachelor Thesis
Stefan Kennedie
 
Bachelor-Verteidigung
Bachelor-VerteidigungBachelor-Verteidigung
Bachelor-Verteidigung
wruge
 
Bachelor Thesis Presentation
Bachelor Thesis PresentationBachelor Thesis Presentation
Bachelor Thesis Presentation
anderspurup
 
Präsentation der Bachelorarbeit
Präsentation der BachelorarbeitPräsentation der Bachelorarbeit
Präsentation der Bachelorarbeit
alm13
 
Verteidigung
VerteidigungVerteidigung
Verteidigung
HS Heilbronn
 
Bachelor\'s Thesis Presentation
Bachelor\'s Thesis PresentationBachelor\'s Thesis Presentation
Bachelor\'s Thesis Presentation
Natalia_Ladygina
 
Promotionsprojekt am Forschungsseminar 180915: HRM als Dienstleistung
Promotionsprojekt am Forschungsseminar 180915: HRM als DienstleistungPromotionsprojekt am Forschungsseminar 180915: HRM als Dienstleistung
Promotionsprojekt am Forschungsseminar 180915: HRM als Dienstleistung
Stefan Doering
 
Der Einfluss von Persönlichkeitseigenschaften auf den Verhandlungsstil
Der Einfluss von Persönlichkeitseigenschaften auf den VerhandlungsstilDer Einfluss von Persönlichkeitseigenschaften auf den Verhandlungsstil
Der Einfluss von Persönlichkeitseigenschaften auf den Verhandlungsstil
Hilger Schneider
 
Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...
Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...
Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...
Daniela Wolf
 
Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...
Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...
Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...
Daniela Wolf
 
Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)
Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)
Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)
Bo Ferri
 
Verteidigung PH HD: Medien, Wissen, Lernen
Verteidigung PH HD: Medien, Wissen, LernenVerteidigung PH HD: Medien, Wissen, Lernen
Verteidigung PH HD: Medien, Wissen, Lernen
Friedrich - A. Ittner
 
Warum kann man Pi nicht als einen Bruch aufschreiben ?
 Warum kann man Pi nicht als einen Bruch aufschreiben ? Warum kann man Pi nicht als einen Bruch aufschreiben ?
Warum kann man Pi nicht als einen Bruch aufschreiben ?
F789GH
 

Andere mochten auch (17)

Verteidigung Masterarbeit
Verteidigung MasterarbeitVerteidigung Masterarbeit
Verteidigung Masterarbeit
 
Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1Kolloqium Bachelorarbeit V1
Kolloqium Bachelorarbeit V1
 
Verteidigung der MasterThesis
Verteidigung der MasterThesisVerteidigung der MasterThesis
Verteidigung der MasterThesis
 
Bachelor Thesis
Bachelor ThesisBachelor Thesis
Bachelor Thesis
 
Bachelor-Verteidigung
Bachelor-VerteidigungBachelor-Verteidigung
Bachelor-Verteidigung
 
Bachelor Thesis Presentation
Bachelor Thesis PresentationBachelor Thesis Presentation
Bachelor Thesis Presentation
 
Kolloquium
KolloquiumKolloquium
Kolloquium
 
Präsentation der Bachelorarbeit
Präsentation der BachelorarbeitPräsentation der Bachelorarbeit
Präsentation der Bachelorarbeit
 
Verteidigung
VerteidigungVerteidigung
Verteidigung
 
Bachelor\'s Thesis Presentation
Bachelor\'s Thesis PresentationBachelor\'s Thesis Presentation
Bachelor\'s Thesis Presentation
 
Promotionsprojekt am Forschungsseminar 180915: HRM als Dienstleistung
Promotionsprojekt am Forschungsseminar 180915: HRM als DienstleistungPromotionsprojekt am Forschungsseminar 180915: HRM als Dienstleistung
Promotionsprojekt am Forschungsseminar 180915: HRM als Dienstleistung
 
Der Einfluss von Persönlichkeitseigenschaften auf den Verhandlungsstil
Der Einfluss von Persönlichkeitseigenschaften auf den VerhandlungsstilDer Einfluss von Persönlichkeitseigenschaften auf den Verhandlungsstil
Der Einfluss von Persönlichkeitseigenschaften auf den Verhandlungsstil
 
Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...
Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...
Verteidigung Masterarbeit "MOOCs an deutschsprachigen Hochschulen: Eine Analy...
 
Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...
Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...
Verteidigung Masterarbeit "Entwicklung eines E-Learning Programms zur Steiger...
 
Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)
Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)
Metadaten und Merkmale zur Verwaltung von Persönlichen Musiksammlungen (Low Res)
 
Verteidigung PH HD: Medien, Wissen, Lernen
Verteidigung PH HD: Medien, Wissen, LernenVerteidigung PH HD: Medien, Wissen, Lernen
Verteidigung PH HD: Medien, Wissen, Lernen
 
Warum kann man Pi nicht als einen Bruch aufschreiben ?
 Warum kann man Pi nicht als einen Bruch aufschreiben ? Warum kann man Pi nicht als einen Bruch aufschreiben ?
Warum kann man Pi nicht als einen Bruch aufschreiben ?
 

Ähnlich wie Web-Technologien: Überblick und Empfehlungen

Responsive Images
Responsive ImagesResponsive Images
Responsive Images
Sven Wolfermann
 
VDC Newsletter 2013-03
VDC Newsletter 2013-03VDC Newsletter 2013-03
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
Peter Hecker
 
Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5
kkramhoeft
 
Top 10 Internet Trends 2004
Top 10 Internet Trends 2004Top 10 Internet Trends 2004
Top 10 Internet Trends 2004
Jürg Stuker
 
Responsive Images
Responsive ImagesResponsive Images
Responsive Images
Christoph Zeller
 
Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)
Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)
Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)
Sven Wolfermann
 
Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010
Patrick Lauke
 
CSS3 Media Queries
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
Francesco Schwarz
 
Kleiner Blick auf CSS3
Kleiner Blick auf CSS3Kleiner Blick auf CSS3
Kleiner Blick auf CSS3
Jens Grochtdreis
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
Stefan Kolb
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
Jürg Stuker
 
20120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v0220120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v02
Chris Palatinus
 
Web Performance Optimization - Web Tech Conference 2011 Talk
Web Performance Optimization - Web Tech Conference 2011 TalkWeb Performance Optimization - Web Tech Conference 2011 Talk
Web Performance Optimization - Web Tech Conference 2011 Talk
Fabian Lange
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign Process
Sven Wolfermann
 
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
Intelliact AG
 
WebGL - 3D im Browser - Erfahrungsbericht mit BabylonJS
WebGL - 3D im Browser - Erfahrungsbericht mit BabylonJSWebGL - 3D im Browser - Erfahrungsbericht mit BabylonJS
WebGL - 3D im Browser - Erfahrungsbericht mit BabylonJS
Oliver Hader
 
Was nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended EditionWas nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended Edition
Christoph Reinartz
 
VDC-Newsletter 2013-12
VDC-Newsletter 2013-12VDC-Newsletter 2013-12

Ähnlich wie Web-Technologien: Überblick und Empfehlungen (20)

Top 10 Internet-Trends
Top 10 Internet-TrendsTop 10 Internet-Trends
Top 10 Internet-Trends
 
Responsive Images
Responsive ImagesResponsive Images
Responsive Images
 
VDC Newsletter 2013-03
VDC Newsletter 2013-03VDC Newsletter 2013-03
VDC Newsletter 2013-03
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
 
Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5
 
Top 10 Internet Trends 2004
Top 10 Internet Trends 2004Top 10 Internet Trends 2004
Top 10 Internet Trends 2004
 
Responsive Images
Responsive ImagesResponsive Images
Responsive Images
 
Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)
Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)
Webmontag karlsruhe – responsive images, maddesigns (sven wolfermann)
 
Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010
 
CSS3 Media Queries
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
 
Kleiner Blick auf CSS3
Kleiner Blick auf CSS3Kleiner Blick auf CSS3
Kleiner Blick auf CSS3
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
 
20120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v0220120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v02
 
Web Performance Optimization - Web Tech Conference 2011 Talk
Web Performance Optimization - Web Tech Conference 2011 TalkWeb Performance Optimization - Web Tech Conference 2011 Talk
Web Performance Optimization - Web Tech Conference 2011 Talk
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign Process
 
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
 
WebGL - 3D im Browser - Erfahrungsbericht mit BabylonJS
WebGL - 3D im Browser - Erfahrungsbericht mit BabylonJSWebGL - 3D im Browser - Erfahrungsbericht mit BabylonJS
WebGL - 3D im Browser - Erfahrungsbericht mit BabylonJS
 
Was nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended EditionWas nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended Edition
 
VDC-Newsletter 2013-12
VDC-Newsletter 2013-12VDC-Newsletter 2013-12
VDC-Newsletter 2013-12
 

Web-Technologien: Überblick und Empfehlungen

Hinweis der Redaktion

  1. Klick -> Thema Technologielandschaft unübersichtlich
  2. 1989 -> erste Dokumente -> Cern -> HTTP, HTML, Zunächst > „Vage, aber hochinteressant“ > 20 Jahre später -> WWW zu dem, was es heute ists
  3. Besucher + Webseite Client + Server EINTEILUNG
  4. 2,5 Mrd ~8-fach
  5. -> Überleitung Statistik
  6. -> Überleitung Standards / T.Berners-Lee
  7. -> W3C gegründet…
  8. Ziel: Grundlagen zu bieten -> Browserhersteller + Entwickler orientieren können.
  9. Lebendiger Standard Browserhersteller > Erst HTML5
  10. Überleitung -> Integration > Hardwarezugriff
  11. GPS, Accelerometer, Akkustand
  12. Canvas > Statistiken > Spiele > anspruchsvollere…
  13. Hardwarebeschleunigt, Unity3D
  14. Plugins -> iOS
  15. iOS -> Plugin fehlt Updates / Spielen / … -> Einbindung
  16. YT 2007, Vimeo 2010 -> Konvertierung
  17. -> Formate
  18. Flash Fallback
  19. Protokolle
  20. HTTP Live Streaming MPEG-Dynamic Adaptive Streaming ove HTTP HTTP Dynamic Streaming MS
  21. YT -> Flash ÖR -> HLS Netflix -> Win 8.1 DRM
  22. Cookies -> Local Storage ->
  23. -> CSS -> neue Eigenschaften
  24. -> Media Queries
  25. -> Formate
  26. -> Beispiel GMail
  27. -> nicht alles, sondern erst…
  28. -> nicht alles, sondern erst…
  29. -> MVC Frameworks
  30. Ausgewählt nach…
  31. -> Albert Einstein
  32. -> 2 Beispiele
  33. Graceful -> einfach, wenig Ressourcen Progressive -> in jedem Fall benutzbar, Wartung gut Überleitung Mobilgeräte
  34. -> Media Queries -> Responsive
  35. -> Formate
  36. -> Bsp. Responsive Größen der Seite -> vgl Mobile
  37. ÜL -> Touch Targets
  38. ÜL -> Barrierefreiheit
  39. -> Komplexität
  40. Komplexität -> um PCs und mobile Geräte zu bedienen
  41. Komplexität -> um PCs und mobile Geräte zu bedienen
  42. Komplexität -> um PCs und mobile Geräte zu bedienen
  43. Besucher + Webseite Client + Server EINTEILUNG
  44. Auswahl -> GitHub + StackOverflow
  45. Objekte Klassen -> Instanzen -> Eig. + Attribute Zustandsmaschine
  46. Nur Funktionen, die Daten entgegen nehmen Keine Manipulation -> keine Nebeneffekte Keine Referenzen -> Performance Clojure 2007 -> Lisp, Nebenläufigkeit
  47. Scala: hybrid -> 2001. Erlang+Haskell vereint Go: 2009 Google, Mixins+Interfaces statt OOP
  48. Warum kein Erlang + Haskell + CPP?
  49. Auswahl -> GitHub + StackOverflow
  50. Server -> Verbreitung Optimierungen -> Load Balancing, Kompression, … -> ÜL Performance
  51. ->ÜL Aufgabenstellung Überblick und Empfehlungen
  52. Klick -> Thema
  53. Momentaufnahme -> caniuse.com Abhängig von Browserherstellern Wahl Server + Technologien -> Nachhaltige Entwicklung