A tale of two webs

Difference between real web and cool web, or how to not become overwhelmed with new features of the web.
Presented first in HelsinkiJS.

Transcript

1. A Tale of Two Webs Omid Hezaveh Web Developer at Frosmo
2. Inject Our JavaScript Library Analyse Add more JavaScript (XSS)
4. Cool Web Real Web
5. Cool Web
6. AJAX , WebRTC
7. WebGL AJAX , WebRTC
8. WebGL Example
9. Web Assembly / ASM.js WebGL AJAX, WebRTC
10. asm.js “an extraordinarily optimizable, low-level subset of JavaScript”
11. Compile C Into JavaScript int f(int i) { return i + 1; } function f(i) { i = i|0; return (i + 1) |0; }
12. Vim.js
13. Elm, React, ... Web Assembly / ASM.js WebGL AJAX, WebRTC
14. elm “the best of functional programming in your browser”
15. import Html exposing (text) main = text "Hello, World!" Hello world in elm
16. Elm’s Time Traveling Debugger http://debug.elm-lang.org/edit/NumbersOnly.elm
17. Wizards With Unlimited Time
18. Greenfield “undeveloped land in a city or rural area either used for agriculture, landscape design, or left to evolve naturally.”
19. Real Web
20. Brownfield “land previously used for industrial purposes or some commercial uses.”
21. Every project becomes brownfield even before the first commit.
22. jQuery 1.2 Name: Email: SUBMIT Error: Email is not valid, try again.
23. Experienced developers cherry pick, others get overwhelmed.
24. • Accepting the duality helps to avoid frustration • Be kind to juniors, it’s easy to be confused in this
25. Drink Water Before Each Commit “People with full bladders make better decisions” University of Twente, The Netherlands source
26. Credits • Wizards • Brownfield • Greenfield • WebGL example