A Tale of Two Webs

Omid Hezaveh Web Developer at Frosmo

Inject Our JavaScript Library

Analyse Add more JavaScript

(XSS)

Cool WebReal Web

Cool Web

AJAX , WebRTC

WebGL

AJAX , WebRTC

WebGL Example

Web Assembly / ASM.js

WebGL

AJAX, WebRTC

asm.js“an extraordinarily optimizable, low-level subset of JavaScript”

Compile C Into JavaScript

int f(int i) { return i + 1;}

function f(i) { i = i|0; return (i + 1)|0;}

Vim.js

Elm, React, ...

Web Assembly / ASM.js

WebGL

AJAX, WebRTC

elm“the best of functional programming in your browser”

import Html exposing (text)

main =

text "Hello, World!"

Hello world in elm

Elm’s Time Traveling Debugger

http://debug.elm-lang.org/edit/NumbersOnly.elm

Wizards With Unlimited Time

Greenfield

“undeveloped land in a city or rural area either used for agriculture, landscape design, or left to evolve naturally.”

Real Web

Brownfield “land previously used for industrial purposes or some commercial uses.”

Every project becomes brownfield even before the first commit.

jQuery 1.2

Name:

Email:

SUBMIT

Error: Email is not valid, try again.

Experienced developers cherry pick, others get overwhelmed.

● Accepting the duality helps to avoid frustration

● Be kind to juniors, it’s easy to be confused in this

Drink Water Before Each Commit

“People with full bladders make better decisions”University of Twente, The Netherlands source

Credits ● Wizards● Brownfield● Greenfield● WebGL example