Webtechnologien
Wintersemester 2024
<!DOCTYPE HTML> <html lang="de"> <head> <meta charset="utf-8"> <title>World Wide Web</title> <meta name="viewport" content="width=792, user-scalable=no"> <base target="_blank"> <link rel="stylesheet" href="/assets/styles/presentation.css"> </head> <body class="list"> <div class="notes"> <a href="text.html" target="_parent">♯</a> <a href="/notes/" target="_blank">♫</a> </div> <header class="caption"> <h1>World Wide Web</h1> </header> <section bg="webstuhl.jpg" id="webtechnologien" class="slide cover"><div><h2>Webtechnologien</h2> <p class="note">Quelle: <a href="https://www.flickr.com/photos/ginomempin/6857465493">Gino Mempin</a></p> </div></section> <section class="slide" bg="sputnik.jpg" id="wie-alles-begann"><div><h2>Wie alles begann</h2> <p class="note right">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:Sputnik_asm.jpg">Wikipedia</a></p> <footer> <ul> <li>4. Oktober 1957: Sowjetunion bringt erfolgreich den ersten Satelliten namens Sputnik 1 in die Erdumlaufbahn.</li> <li>Da war Tim Berners-Lee gerade zwei Jahre alt.</li> <li>Das mit dem Satelliten schockierte die USA, vor allem, da sie ein eigenes, unfertiges Programm hatten.</li> <li>Das führte zur Gründung der Advanced Research Projects Agency, ARPA, um gezielte Technologieforschung zu betreiben.</li> <li>1960 veröffentlichte Joseph Licklider ein Paper namens <q>Mensch-Computer-Symbiose</q>.</li> <li>Woraus erst einmal nichts wurde</li> </ul> </footer> </div></section> <section class="slide" id="arpanet"><div><h2>ARPANET</h2> <p><img src="arpanet1973.jpg" alt="ARPANET" class="center" /></p> <p class="note right">Quelle: <a href="http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/historical.html">Martin Dodge</a></p> <footer> <ul> <li>Allerdings mündete es 1967 in den Plänen zum ARPANET</li> <li>das Ende 1969 mit 4 Computern in Betrieb ging.</li> <li>1971 (Bild) 15 Knoten, Telnet und FTP werden entwickelt</li> </ul> </footer> </div></section> <section class="slide" id="arpanet-1"><div><h2>ARPANET</h2> <p><img src="arpanet.gif" alt="ARPANET" class="center" /></p> <footer> <ul> <li>Foto: ARPANET 1973</li> <li>Das ARPANET gefiel auch in Europa und eigene Netze entstanden (GB, FR)</li> <li>Anfang der 80er, ARPANET’ler: könnten ja alle Netze verbinden</li> <li>Tiefseekabel, Satelliten</li> <li>Internationale Bemühungen → Interconnected Networks (kurz Internet)</li> <li>Und das lief dann erstmal eine Weile, und wuchs, aber blieb Nerd-Sache, yadda yadda…</li> </ul> <p>Zu was anderem …</p> </footer> </div></section> <section class="slide" bg="system-der-kenntnisse-des-menschen-retouched.png" style="background-position: 97%" id="wissens--repräsentation"><div><h2>Wissens-<br />-repräsentation</h2> <p><br /><br /><br /> <q>System der Kenntnisse des Menschen</q><br /> aus der Encyclopédie von<br /> D’Alembert und Diderot (1751)</p> <p class="note">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:System-der-kenntnisse-des-menschen-retouched.png">Wikipedia</a></p> <footer> <p>Wissensrepräsentation!</p> <ul> <li><q>Dichotomischer</q> Baum des menschlichen Wissens</li> <li>Dichtom: gr. dichótomos, entzweigeschnitten</li> <li>Baum-Modelle sind hierarchisch und dichotomisch angelegt</li> <li>Z.B. klassische Bibliotheken, Enzyklopädien</li> <li>D’Alembert und Diderot haben das Defizit erkannt und Querverweise und so eingeführt</li> </ul> </footer> </div></section> <section class="slide" bg="rhizom.jpg" id="rhizome"><div><h2>Rhizome</h2> <p class="note">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:%E5%A0%80%E4%B8%8A%E3%81%92%E3%81%9F%E3%81%B0%E3%81%8B%E3%82%8A%E3%81%AE%E3%82%B7%E3%83%A7%E3%82%A6%E3%82%ACPC090165.jpg">Wikipedia</a></p> <footer> <ul> <li>Bild: Ingwerrhizome − ein Geflecht ohne <q>Stamm</q></li> <li>Rhizome (griechisch, <q>Eingewurzeltes</q>): Wurzelgeflechte von Pflanzen</li> <li>In der Philosophie eine Metapher für ein postmodernes / poststrukturalistisches Modell der Wissensorganisation und Weltbeschreibung, das ältere, durch eine Baum-Metapher dargestellte, hierarchische Strukturen ersetzt</li> <li>also: nicht nur hübsch bei Pflanzen, sondern auch sonst sehr praktisch</li> </ul> </footer> </div></section> <section class="slide" id="das-web--vague-but-exciting-"><div><h2>Das Web – vague, but exciting …</h2> <p><img src="web-struktur.png" alt="Das Web" class="center" /></p> <p class="note">Quelle: <a href="https://de.wikipedia.org/wiki/Datei:Linking-Open-Data-diagram_2007-09.png">Wikipedia</a></p> <footer> <ul> <li>An der Europäischen Organisation für Kernforschung (CERN) arbeiten viele Leute an vielen verschiedenen Projekten.</li> <li>Wer woran arbeitete, konnte man im Internet nachsehen. Aber es war nicht sinnvoll strukturiert. Es war hierarchisch, linear.</li> <li>Das nervte Tim Berners-Lee und er suchte nach einer Lösung</li> <li>Tim veröffentlichte 1990 ein Paper namens <q>Information Management: A Proposal</q>, das ein System zur Verwaltung von Informationen beschrieb. (Das Proposal kam vom Management mit dem Kommentar <q>Vague, but exciting …</q> zurück)</li> <li>(Beispielsweise Bücher müssen Linearität aus nichtlinearen, sondern netzartigen Strukturen schaffen.)</li> <li>Er argumentierte, dass Knoten verknüpft mit anderen Knoten besser sind als ein fester, hierarchischer Weg zu diesen Knoten.</li> <li>Statt eines Baums bevorzugte er ein Netz.</li> <li>Denn rhizomatische Struktur entspricht besser der Struktur des menschlichen Denkens</li> </ul> </footer> </div></section> <section class="slide" id="das-web"><div><h2>Das Web</h2> <ul> <li>Tim Berners-Lee erdachte ein Hypertext-System, das mit dem Internet funktionierte und damit weltweit</li> <li>Er entwickelte das Kommunikationsprotokoll HTTP</li> <li>und die Auszeichnungssprache HTML</li> <li>und einen Browser (<q>WorldWideWeb</q>, später <q>Nexus</q>)</li> <li>und einen Server, der Hyertext-Dokumente auslieferte</li> </ul> <footer> <ul> <li>Hypertext-Systeme (gr. <q>hyper</q>: über etwas), die Dokumente nicht linear verknüpften, gab es schon</li> <li>Dabei sollte Text in Dokumenten angereichert werden und auf andere Dokumente zeigen können, um von einem zum anderen zu springen.</li> <li> <p>Das Internet war jetzt Jahre 22 alt, als er sein WorldWideWeb getauftes System 1991 veröffentlichte</p> </li> <li>Zuerst hieß es Mesh, aber das klang zu sehr nach Mess</li> <li>dann gab es noch <q>Mine of Information</q> (MOI) und <q>The Information Mine</q> (TIM)</li> <li>Mine war nicht gut, weil aus ihr nur genommen wird, nichts gegeben</li> <li><q>WWW</q> bricht in Englisch und Französisch die Zunge</li> </ul> <p>Aber wie allgemein bekannt ist, setzte sich das Web nicht durch …</p> </footer> </div></section> <section class="slide" id="gopher"><div><h2>Gopher</h2> <p><img src="gopher.png" alt="Gopher" /></p> <p class="note">Quelle: <a href="http://en.wikipedia.org/wiki/File:Floodgap_gopher_fun_menu.PNG">Wikipedia</a></p> <footer> <ul> <li>Zur gleichen Zeit etablierte sich als Alternative zu FTP Gopher, ein System zum Informationsaustausch (weil FTP zu nervig)</li> <li>Im Gegensatz zu HTML-Seiten bot Gopher ein automatisch generiertes Menü an, das aus den im aktuellen Verzeichnis befindlichen Dateien generiert wird.</li> <li>1993 gaben die Gopher-Leute bekannt, dass sie Lizenzgebühren für ihre Implementierung verlangen werden.</li> <li>Woraufhin die Suche nach Alternativen begann (und Gopher starb).</li> </ul> <p>Zurück zum Web…</p> </footer> </div></section> <section class="slide" id="das-web-1"><div><h2>Das Web</h2> <ul> <li>Hypertext-Dokumente</li> <li class="next">Links als unidirektionale Verbindung zwischen Dokumenten</li> <li class="next">HTTP als Kommunikationsprotokoll</li> <li class="next">Alles Open Source</li> <li class="next">Visuelle Browser (Point-and-Click) erleichterten Zugang</li> </ul> <footer> <ul> <li>Hypertext senkt Redundanz (einmal schreiben, dann verlinken)</li> <li>Links sind unidirektional – keine Meldepflicht, Nachfragen oder Hilfs-Anpassungen etc</li> <li>Es bedarf aber zwei weiterer Ereignisse, um sich durchzusetzen und Gopher abzulösen</li> <li>April 1993 gab CERN den Quelltext des WorldWideWeb in die Gemeinfreiheit, wodurch jeder es kostenlos benutzen konnte</li> <li>Im selben Jahre veröffentlichte die NCSA ein Programm namens Mosaic, das eine Kombination aus Gopher-Client und Web-Browser war (und <code class="language-plaintext highlighter-rouge"><img></code> implementierte)</li> <li>Dezember 1993 gab es Mosaic dann nicht mehr nur für UNIX, sondern auch Apple Macintosh und Microsoft Windows, wodurch das Ding durch die Decke ging</li> <li>Danach kamen immer mehr Browser, häufig aus Forschungsprojekten entstanden, so auch 1994 Opera</li> </ul> </footer> </div></section> <section class="slide" id="w3c"><div><h2>W3C</h2> <ul> <li>1994 gründete Berners-Lee das World Wide Web Consortium (W3C)</li> <li>Ziel: Standardisierung der Protokolle und Technologien des Webs</li> <li>Veröffentlichte Specs zu <a href="http://www.w3.org/TR/html401/">HTML 4.01</a>, <a href="http://www.w3.org/TR/PNG/">PNG images</a>, <a href="http://www.w3.org/Style/CSS/">Cascading Style Sheets</a></li> <li>Forcierte aber nie deren Einhaltung</li> </ul> <footer> <ul> <li>Keine Forcierung + kein Verkaufsargument (who cared?) = keine Einhaltung</li> </ul> <p>Und dann wurde es dunkel in der Welt …</p> </footer> </div></section> <section class="slide" bg="browser.jpg" id="browserwars"><div><h2>Browser<br />Wars</h2> <p class="note">Abbildung ähnlich.</p> <footer> <p>Denn die Browser Wars begannen.</p> <ul> <li>Bild: nicht wirklich die Browser Wars</li> </ul> </footer> </div></section> <section class="slide" id="browser-wars"><div><h2>Browser Wars</h2> <p><img src="ncsa_mosaic.png" alt="Mosaic" class="center" width="500" /></p> <p class="center">NCSA Mosaic 3.0 für Windows</p> <p class="note">Quelle: <a href="http://en.wikipedia.org/wiki/File:NCSA_Mosaic.PNG">Wikipedia</a></p> <footer> <ul> <li>Popularität zieht Kommerz an</li> <li>Mosaic wurde kommerziell, nannte sich zu <q>Netscape</q> um und den Browser zu <q>Netscape Navigator</q></li> <li>Implementierte Scripting (LiveScript, heute JavaScript) und Cookies</li> </ul> <p>Dann kam Microsoft ins Spiel …</p> </footer> </div></section> <section class="slide" id="browser-wars-1"><div><h2>Browser Wars</h2> <p><img src="browser_wars.jpg" alt="Browser Wars" class="center" /></p> <p class="note right">Quelle: <a href="http://archive.wired.com/special_multimedia/2008/mf_chrome_browserwars_1610">Wired</a></p> <footer> <ul> <li>arbeitete erst noch mit Netscape zusammen und positionierte den Internet Explorer als Konkurrent</li> <li>Das war erst gut, weil Konkurrenz Fortschritt befördert, mehr Features, Anbiederung bei Entwicklern</li> <li>Allerdings: Wildwuchs, Features ohne Spec, Neues statt Bugfixes</li> <li>Entwickler mussten mehrere Versionen für verschiedene Browser bauen oder andere blocken</li> </ul> <p>Der IE gewann und damit begann das dunkle Zeitalter</p> </footer> </div></section> <section class="slide" id="browser-wars-2"><div><h2>Browser Wars</h2> <p><img src="statcounter.png" alt="Browser Stats" class="center" /></p> <p class="note right">Quelle: <a href="https://gs.statcounter.com/browser-market-share#monthly-200901-202009">statcounter</a></p> <footer> <ul> <li>Chrome ist heute von der Verbreitung her, was der IE damals war</li> <li>Nur offen – wobei auch da diskutiert werden kann</li> </ul> </footer> </div></section> <section class="slide" id="standards"><div><h2>Standards</h2> <ul> <li>W3C entschied Anfang 2000, dass die Zukunft des Webs in XML läge und HTML kompatibel sein solle</li> <li>Daraus entstand XHTML</li> <li>Was leider an der Realität vorbei ging</li> </ul> <footer> <ul> <li>(wie fast alles mit <code class="language-plaintext highlighter-rouge">X</code> vorne: XHML2, XFrames, XForms … XPartner *tusch*)</li> <li>IE kam nie gut mit XHTML klar</li> <li>es fehlte an kompatiblen Entwicklertools</li> <li>und es passte nicht zu dem, was Entwickler in der Realität taten</li> </ul> </footer> </div></section> <section class="slide" id="standards-1"><div><h2>Standards</h2> <ul> <li>2004 gründete sich die WHATWG</li> <li>Ziel war eine bessere Spec, die <ul> <li>eine neue Generation von Web-Anwendungen ermöglicht</li> <li>abwärtskompatibel ist</li> </ul> </li> <li>resultierte in <a href="http://www.whatwg.org/specs/web-apps/2005-09-01/">Web Applications 1.0</a> was im <a href="https://html.spec.whatwg.org/multipage/">HTML Living Standard</a> mündete</li> <li>2007 gründete sich im W3C die HTML WG und adaptierte die HTML-Spec der WHATWG</li> </ul> <footer> <ul> <li>WHATWG aus Entwicklern und Firmen wie Opera, Mozilla und später Apple</li> <li>HTML Living Standard versionslos</li> <li>HTML5 brachte neue APIs und Features</li> <li>Vorteile <ul> <li>Die neuen Features funktionieren wie die alten (manchmal semantische Änderungen)</li> <li>Neue Features nativ, die vorher nur durch Plugins (Flash, jQuery) möglich waren (Formvalidierung, Video)</li> <li>besser für nicht-statische Dokumente geeignet</li> <li>klar definierter Parsing-Algorithmus, wodurch alle Browser aus demselben Markup denselben DOM generieren</li> </ul> </li> </ul> <p>Bla bla bla … Zusammenfassung</p> </footer> </div></section> <section class="slide" id="das-web-2"><div><h2>Das Web</h2> <ul> <li>World Wide Web (www) ist eine Anwendung im Internet</li> <li>Läuft auf Port 80</li> <li>Eine <em>Web-Site</em> ist eine Sammlung von <em>Web-Pages</em> einer Domain</li> <li>Drei fundamentale Bestandteile: <ul> <li>HTML: Hypertext Markup Language</li> <li>URL: Uniform Resource Locator</li> <li>HTTP: Hypertext Transfer Protocol</li> </ul> </li> <li>Browser als übliches Betrachtungsprogramm</li> </ul> <footer> <ul> <li> <p>WWW: Über das Internet abrufbares System von elektronischen Hypertext-Dokumenten, die durch Hyperlinks untereinander verknüpft und über die Protokolle HTTP oder HTTPS übertragen werden.</p> </li> <li> <p><q>Wie eine Anwendung im Web? Ich dachte, das ist dasselbe!</q> …</p> <ul> <li>Das <strong>Internet</strong> verknüpft <strong>Teilnehmer</strong></li> <li>Das <strong>Web</strong> verknüpft <strong>Informationen</strong></li> <li>Web verknüpft insbesondere Hypertext-Dokumente, die erreichbar sind durch das Internet.</li> </ul> </li> </ul> <p>Apropos Internet …</p> </footer> </div></section> <section class="slide" id="internet"><div><h2>Internet</h2> <p><img src="internetnutzer-2023.png" alt="Anzahl der Internetnutzer weltweit" class="center" /></p> <p class="note">Quelle: <a href="https://de.statista.com/statistik/daten/studie/805920/umfrage/anzahl-der-internetnutzer-weltweit/">Statista</a></p> <footer> <ul> <li>Das Internet ist heute das größte Netzwerk der Welt.</li> <li>Über 5 Mrd. Nutzer (extrapoliert)</li> </ul> </footer> </div></section> <section class="slide" bg="internet.png" id="internet-1"><div><h2>Internet</h2> <footer> <ul> <li>Eines der Erfolgsrezepte war und ist die offene Grundstruktur des Internets: Alle Komponenten und Protokolle sind standardisiert und für jedermann einsehbar.</li> <li>Dasselbe gilt für das Web.</li> <li>Und es ist unfassbar, was in so kurzer Zeit entstanden ist.</li> </ul> <p>Noch mal kurz philosophisch …</p> </footer> </div></section> <section class="slide" id="kinder-des-web"><div><h2>Kinder des Web</h2> <p><img src="wikipedia-logo-v2.svg" alt="Wikipedia" class="right" width="300" /><br /> <img src="openstreetmap_logo.svg" alt="Openstreetmap" class="left" width="300" /></p> <p class="center" style="clear:both">Und unzählige mehr…</p> <footer> <ul> <li>Wenn man kurz darüber nachdenkt, was wir da haben: alles Wissen der Menschen, ubiquitär, verfügbar, also jederzeit und an jedem Ort.</li> <li>Vor zwanzig Jahren wäre das undenkbar gewesen.</li> <li>Und hätte damals jemand erzählt, dass das alles frei und kostenlos sein wird, hätte man ihn für einen durchgedrehten Utopisten gehalten.</li> <li>Und heute wirkt es einfach normal. Weil wir uns so schnell an etwas gewöhnen.</li> <li>Dinge von denen wir eben nicht einmal wussten, dass sie exisitieren, sind auf einmal normal.</li> <li>Es gibt einen Sketch von Louis C.K. über Flugzeuge: Wie Leute sich heute beschweren, wenn das WLAN im Flieger kurz nicht geht. Statt zu bedenken, dass wir einfach mal in einem Sessel sitzen. Der fliegt. Mit 700km/h. Über den Wolken!</li> <li>Was ich sagen wollte: Wikipedia war unmöglich. Auch nach Marktgesetzen. Es war unmöglich. Und dann war es da.</li> <li>Was heißt das?</li> <li> <p>Alle großen Ideen kamen, weil jemand Dinge verbunden hat, die keiner vorher verbunden hat. Nicht dass es nicht ging, es wurde nur nicht getan.</p> </li> <li>Das Web ist eigentlich nur ein einfacher Informationsdienst im Internet</li> <li> <p>Aber es hat Märkte zerstört und neue entstehen lassen, samt riesiger Unternehmen wie Google, Amazon, ebay, facebook und Yahoo</p> </li> <li>Joseph Schumpeter, ein Österreicher, präfte den Begriff der Schöpferischen Zerstörung <ul> <li><q>Jede ökonomische Entwicklung (im Sinne von nicht bloß quantitativer Entwicklung) baut auf dem Prozess der schöpferischen bzw. kreativen Zerstörung auf.</q></li> <li><q>Durch eine Neukombination von Produktionsfaktoren, die sich erfolgreich durchsetzt, werden alte Strukturen verdrängt und schließlich zerstört.</q></li> </ul> </li> <li> <p>wobei sich das auch schon bei Nietzsche im Zarathustra) findet: <q>Wer ein Schöpfer sein muss im Guten und Bösen: wahrlich, der muss ein Vernichter erst sein und Werte zerbrechen.</q></p> </li> <li> <p>und wir wissen alle, wie Google und Facebook die etablierte Werbe- und Zeitungsindustrie zersetzt haben, wie Amazon die Buchhandlungen dezimiert hat und, wie auch eBay, den allgemeinn Handel völlig verlagert hat</p> </li> <li>Und wo stehen wir jetzt? …</li> </ul> </footer> </div></section> <section class="slide" id="das-web-heute"><div><h2>Das Web heute</h2> <div class="parts auto "> <div class="part"> <ul> <li><a href="https://whatwebcando.today/">What Web Can Do Today</a></li> <li><a href="http://ncase.me/simulating/model/?local=zoo/sick">Epidemie-Simulation</a></li> <li><a href="https://palava.tv/">palava.tv</a></li> <li>PWAs von <a href="https://twitter.com/davidbrunelle/status/905931990444244995">Starbucks</a>, <a href="https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html">Twitter</a>, <a href="https://www.flipkart.com/">Flipkart</a>, <a href="https://feuerwehr-eisolzried.de/">Feuerwehr Eisolzried</a></li> <li><a href="https://google.github.io/physical-web/">The Physical Web</a></li> </ul> </div><div class="part"> <p><img src="mdconalds.png" alt="McDonalds + Polymer" /></p> </div> </div> <ul> <li><a href="https://www.zdnet.com/article/from-earth-to-orbit-with-linux-and-spacex/">The Dragon spacecraft’s touchscreen interface is rendered using Chromium and JavaScript.</a></li> </ul> <p class="note right">Quelle: <a href="https://twitter.com/ajstacy06/status/857628546507968512">@AJStacy06</a></p> <footer> <ul> <li>Web entwickelt sich immer weiter</li> <li>größte offene Plattform (Flash tot, WindowsMobile tot)</li> <li>Fördert Bricolage: Ad-hoc UI, lokal, alles inspectable, sofort weltweit verfügbar</li> <li>Starbucks-App: iOS 146MB; PWA ~600KB</li> <li>SpaceX-Raumschiff Dragon nutzt Chromium für Interfaces</li> </ul> </footer> </div></section> <section class="slide" id="das-web-heute-1"><div><h2>Das Web heute</h2> <p><img src="installing.png" alt="XKCD" class="right full-height" /></p> <ul> <li class="next">HTTP ist eher Hypermedia als Hypertext</li> <li class="next">Steuerung entfernter Software</li> <li class="next">Suchmaschinen als App-Store des Webs</li> <li class="next">Ersetzt oder integriert langsam alle anderen Dienste und deren Clients</li> <li class="next">Einziger freier, ungeregelter Zugang zu sonst geschützten Ökosystemen</li> </ul> <p class="note">Quelle: <a href="http://xkcd.com/1367/">XKCD</a></p> <footer> <ul> <li>2019 wurde das Web 30 Jahre alt.</li> <li>Und es lebt noch immer die ursprüngliche Idee seines Erfinders Tim Berners-Lee, ein universell verbundenes Informationssystem zu bauen, das für die gesamte Welt funktioniert, alle Menschen verbinden kann und alle Geräte.</li> <li> <p><q>Write once, run everywhere</q> – die Idee von Java. Im Web ist sie wahr geworden.</p> </li> <li>Hypertext: Text, Fußnoten, Glossar, Inhaltsverzeichnis</li> <li> <p>Hypermedia: Grafiken, Audio, Video, (Chat?)</p> </li> <li> <p>Suchmaschinen: Kein AppStore so schnell und gut wie Google-Ergebnisliste</p> </li> <li>Browser werden von guten Dokumentenbetrachtern zur weltweit best verbreiteten, best entwickelten Anwendungsplattform und sind heute schon quasi eigene Betriebssysteme</li> <li>Andere Dienste: E-Mail (GMail), FTP (Dropbox, GitHub), Usenet (Web-Foren), IRC (Facebook, Slack)</li> <li> <p>Ja sogar Skype durch WebRTC</p> </li> <li>Einziger Weg um AppStore und PlatStore herum, einzige Plattform ohne <q>gemanagete Innovation</q> <ul> <li>Und innovative Ideen setzen sich so schnell durch wie nie. WebRTC z.B. erreicht heute schon Milliarden von Menschen.</li> <li>Apple verbietet Game Streaming</li> <li>Amazons Spielestreaming (Luna) daher als progressive Web-App</li> </ul> </li> <li>Und das Web hat die besten Chancen, Startpunkt der nächsten Milliarde zu sein.</li> </ul> </footer> </div></section> <section class="slide" id="links"><div><h2>Links</h2> <ul> <li><a href="https://css-tricks.com/chapter-1-birth/">History of the web</a></li> <li><a href="https://www.youtube.com/watch?v=scWj1BMRHUA">The Web Is Not The Net</a></li> <li><a href="https://github.com/alex/what-happens-when/">What happens when…</a></li> <li><a href="https://briankardell.wordpress.com/2015/11/22/a-briefish-history-of-the-web-universe-part-i-the-pre-web/">A Brief(ish) History of the Web Universe</a></li> <li><a href="https://webaim.org/blog/user-agent-string-history/">History of the browser user-agent string</a></li> </ul> </div></section> <div class="progress"><div></div></div> <script src="/assets/scripts/shower.js"></script> <script src="/assets/scripts/shower-notes.js"></script> <script src="/assets/scripts/editor.js"></script> <script> document.querySelectorAll('[bg]').forEach(el => el.style.backgroundImage = `url(${el.attributes.bg.value})`); </script> </body> </html>