Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The web platform: will happen, happening, happened

The web platform: will happen, happening, happened

We have many platforms available, but the Web will be, is, and was the most open, accessible and popular platform for development. Together we explore why, and especially what awaits us in the future.

98ede30a4a96e7c5547dc964b391e2ed?s=128

Sibiu Web Meetup

November 23, 2018
Tweet

More Decks by Sibiu Web Meetup

Other Decks in Programming

Transcript

  1. the web platform the web platform will happen, happening, happened

    23 Nov 2018 Jakob Cosoroabă 1 . 1
  2. Jakob Jakob Cosoroabă Cosoroabă spends too much time on Twitter

    Medium Reddit HackerNews 1 . 2
  3. What is a Platform? What is a Platform? 2 .

    1
  4. What is a Platform: visual person - search on google

    images - all abstract in general sense: thing to stuff build stuff upon so for software: /s/stuff/software software to build software Speaker notes
  5. stuff to build stuff stuff to build stuff upon upon

    :s/stuff/software/g :s/stuff/software/g 2 . 2
  6. Internet and Web - where to draw the line Internet

    != Facebook Speaker notes
  7. History History (let's keep it short) (let's keep it short)

    3 . 1
  8. ~13.772 billion years ago ~13.772 billion years ago 3 .

    2
  9. 6 August 1991 3 . 3

  10. first 13 billion years nothing first website http://info.cern.ch/hypertext/WWW/TheProject.html html August

    6, 1991 Images 1993 CSS 1994 JS 1995 Speaker notes
  11. The Pulse of Web The Pulse of Web Technologies Technologies

    3 . 4
  12. Tehnologic puls Extend private (flash, activex, vendor prefix) Spec catches

    up ajax, sockets, native online first offline second other platforms offline first, online second Speaker notes
  13. 4

  14. The web how we know it now How did we

    get there Speaker notes
  15. Open Open 5 . 1

  16. Open Open Low barrier to entry No proprietary toolset No

    explicit censorship Distributed 5 . 2
  17. Every device Inspect Element Any Editor, or directly in the

    browser Only platform where backwards compatible is expected Speaker notes
  18. Censorship Censorship in other platforms 5 . 3

  19. Porn Free Speech China HTTPS Speaker notes

  20. Diverse Diverse 6 . 1

  21. Diverse Diverse Every Device Every Language Every Country 6 .

    2
  22. Every device apple watch, tesla, fridge, Any Editor, or directly

    in the browser spotify - chromium vscode/atom - electron Speaker notes
  23. Why so popular? Why so popular? 7 . 1

  24. Cornerstones of the Web Cornerstones of the Web Linkable Indexable

    Composable Ephemeral Secure 7 . 2
  25. # Linkable Hypertext , how it got started in the

    first place #Indexable Google #Composable iframes, 3rd party things # Ephemeral nothing to uninstall # Secure Sandbox , most exploits Flash/PDF Speaker notes
  26. Now(ish) Now(ish) 8 . 1

  27. 8 . 2

  28. PWA stolen slide Speaker notes

  29. Google Maps Go Google Maps Go 8 . 3

  30. almost PWA Twitter Facebook Messenger Lite Speaker notes

  31. https://www.shadertoy.com/embed/Ms2SD1? gui=true&t=10&paused=false&muted=false WebGL WebGL https://www.shadertoy.com/ 8 . 4

  32. Live 60FPS Speaker notes

  33. No WebGL available :( 8 . 5

  34. No WebGL available :( 8 . 6

  35. The future is already The future is already here —

    it's just not here — it's just not very evenly very evenly distributed distributed William Gibson William Gibson 9 . 1
  36. WebUSB WebUSB 9 . 2

  37. update drivers Speaker notes

  38. WebAssembly WebAssembly compile to WebASM 9 . 3

  39. Web-assembly not just the next Java Applets/Flash/Silverlight/NaCL no separate runtime

    not just one language (rust, go, elm .. https://github.com/appcypher/awesome-wasm-langs ) WIP integrations, right now webworkers Speaker notes
  40. 9 . 4

  41. Share a terminal session over WebRTC https://maxmcd.github.io/webtty/ 9 . 5

  42. Photopea is a free Photoshop clone that works in web

    browser https://www.photopea.com/ 9 . 6
  43. in Browser Machine Learning https://teachablemachine.withgoogle.com/ 9 . 7

  44. Web-Blockchain? Web-Blockchain? 9 . 8

  45. Brave WebpaymentsAPI Nimiq - browserbased coin Monero mining Speaker notes

  46. Blurred Lines Blurred Lines (not the song) 9 . 9

  47. right now html is everywhere as long as it works

    end users don't know/care chrome desktop apps Speaker notes
  48. The Master The Master Switch Switch The Rise and Fall

    of Information Empires - Book by Tim Wu 10 . 1
  49. web.dev web.dev Let's build the future of the web. 10

    . 2
  50. 11 . 1

  51. Stay in contact Stay in contact @jcsrb @jcsrb jakob@cosoroaba.ro jakob@cosoroaba.ro

    11 . 2