Evolution der Web Entwicklung
•
0 gefällt mir•410 views
Slides of a talk I've given at FH Bingen about a short history of Web Development. Slides are in german.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Evolution der Web Entwicklung
Ähnlich wie Evolution der Web Entwicklung (20)
Mehr von Carsten Sandtner
Mehr von Carsten Sandtner (16)
Evolution der Web Entwicklung
- 2. Bingen, 11. Mai 2016 Vom Plakat zu interaktiven Apps EVOLUTION DER WEBENTWICKLUNG
- 3. Copyright © mediaman.com | 313.05.16 about:me Carsten Sandtner Head of Software Development mediaman Gesellschaft für Kommunikation mbH Twitter: @casarock // @mediamanGroup
- 4. Copyright © mediaman.com | 413.05.16 Wir sind 140 Spezialisten weltweit: Strategie, Marketing, UX, Technologie § Gegründet 1996 § Standorte in Deutschland, China, U.S.A. § Fundiertes Branchen- Knowhow in Finance, Automotive und B2B ÜBER UNS
- 5. Copyright © mediaman.com | 513.05.16 Wir sind stolz auf die vertrauensvolle langjährige Zusammenarbeit KUNDEN VON MEDIAMAN Automotive Finanzen Industrie Konsumgüter
- 6. Web Development Wie war das damals?
- 7. Copyright © mediaman.com | 713.05.16 KAPITEL 1: FRONTEND DEVELOPMENT (LAYOUT)
- 10. Copyright © mediaman.com | 1013.05.16 <HEADER> <TITLE>The World Wide Web project</TITLE> <NEXTID N="55"> </HEADER> <BODY> <H1>World Wide Web</H1>The WorldWideWeb (W3) is a wide-area <A NAME=0 HREF="WhatIs.html">hypermedia</A> information retrieval initiative aiming to give universal access to a large universe of documents. <P> Everything there is online about W3 is linked directly or indirectly to this document, including an <A NAME=24 HREF="Summary.html">executivesummary</A> of the project, Sourcecode – Die erste Webseite
- 12. Copyright © mediaman.com | 1213.05.16 Browserkriege Erster Browserkrieg § Microsoft vs. Netscape – IE gewinnt... Zweiter Browserkreig § Aufstieg der „Anderen“ – Firefox, Chrome, Opera, Safari – Standards gewinnen! Microsoftvs.Netscape
- 13. Print Design Designer kannten bisher nur Print... https://flic.kr/p/8xbEBF
- 14. Tabellen basierte Layouts Entwickler wussten sich zu helfen...
- 15. Copyright © mediaman.com | 1513.05.16 Der heilige Gral? FLOATING BOXES
- 16. Copyright © mediaman.com | 1613.05.16 Floating Boxes
- 19. Copyright © mediaman.com | 1913.05.16 Exkurs: Historie der Media Queries 19971994 2001 2012
- 20. Copyright © mediaman.com | 2013.05.16 Flexbox? „The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices.“
- 21. Copyright © mediaman.com | 2113.05.16 Frontendentwicklung heute (Layout) § Modul-/Komponentenbasiert (Nicht Seitenbasiert) § CSS3 – (Flexbox, Animations etc.) § HTML5 § Frameworks!
- 22. HTML5 und CSS3 statt Plugins
- 23. Copyright © mediaman.com | 2313.05.16 KAPITEL 2: BACKEND DEVELOPMENT
- 25. Copyright © mediaman.com | 2513.05.16 Request and Response
- 26. Copyright © mediaman.com | 2613.05.16 Damals™
- 28. Copyright © mediaman.com | 2813.05.16 Heute: Microservices Services
- 29. Copyright © mediaman.com | 2913.05.16 Das Backend im Frontend KAPITEL 3: MODERNE WEB APPLIKATIONEN
- 31. Copyright © mediaman.com | 3113.05.16 § AJAX § MVC § MVVM
- 32. Copyright © mediaman.com | 3213.05.16 Frameworks § Frameworks – BackboneJS – AngularJS – EmberJS – React – ...
- 33. Copyright © mediaman.com | 3313.05.16 Tooling/Debugging § Tools – Grunt – Gulp – Bower – NPM – Developer-Tools – SASS/LESS – Linter – ...
- 34. Business-Logik wandert in den Client https://flic.kr/p/ofR8gs
- 35. Copyright © mediaman.com | 3513.05.16 ANHANG: AUSBLICK & BLICK IN DIE GLASKUGEL
- 37. WebVR
- 38. Webassembly
- 39. ECMAScript 201X