Slide 1

Slide 1 text

JS Belgrade
 Martin Kleppe @aemkei

Slide 2

Slide 2 text

Martin Kleppe @aemkei

Slide 3

Slide 3 text

HH.js @hhjs

Slide 4

Slide 4 text

JSUnconf @jsunconf

Slide 5

Slide 5 text

Ubilabs

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdyssoooyNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMNy/..` ``` ``..--/+/+yydNMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMNy- ` `....+mMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMNs.` `` `...`/hNMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMN+` `-dMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMN: ` ``-dMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMN- ` ``.:/dMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMdo` `.-/-hMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMNo` .:/:/.:hMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMN/ `.../sms.:oNMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMo` ``..-//:yNMMm::shMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMy. ``..---.``.::///++oyNMMMMM+:soMMMMMMMMMMMMMM MMMMMMMMMMMMMMMN- ``..---::::/+ooosydmNMMMMMMN+//+NMMMMMMMMMMMMM MMMMMMMMMMMMMMMMy- `....---:://+oyhdmNNNNMMMMMMmy/-+NMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMmo `....----::/++ohmmNNNNMMMMMMMMN/./mMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMN/ `.....``````..-::/osyhddhhddddmNd..+NMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMy` `.--...```````` ``-:/+++/:.``./hs`oNMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMNo+:.` .---..``` `.`````.:+o:.` `:+mNNMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMm:` ```----...``````:-``.``-+mN+..``:NNMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMmh-..`..`-::--........---....-oNMNdyyhmMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMho:. `-..``-:----..--::::::-...-+NMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMNo. ` `.-------:://///:-....-/hMMMMMMMMMh`oMMMMMMMMMMMMMMMM MMMMMMMMMMMMN- .-:------:::::--.`..--/sMMMh+yNMMh sMMMMMMMMMMMMMMM MMMMMMMMMMMMo `.-----..........`````.-+dNm+-/dN- +MMMMMMMMMMMMMMM MMMMMMMMMMMM. `.--...````````````````.oNMMo:.o/ +MMMMMMMMMMMMMMM MMMMMMMMMMMM/ `....````` ````.-:/+hmmy-:/y oMMMMMMMMMMMMMMM MMMMMMMMMMMMs ``..````````` ```.-+shyydh. dMMMMMMMMMMMMMMM MMMMMMMMMMMMy ``````````..``````--:/yMMNmh. /mMMMMMMMMMMMMMM MMMMMMMMMMMMs `````` ``````````.-oNNh+. .+oyhhmMMMMMMMM MMMMMMMMMMMM. ` ````````....-:ohmNd/` `-:+sh MMMMMMMMMMMs `...--/ydy: MMMMMMMMmdy- `.-. MMMNy+-. ms: ``` Martin Kleppe MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM

Slide 12

Slide 12 text

__ _/\ \ /' \ \ \ __ __ ___ ___ /\_, \ \ \/'\ /'__`\ /'__`\/' __` __`\/_/\ \ \ , < ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____ /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\ \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/ @aemkei

Slide 13

Slide 13 text

__ | \ _______ ______ ____| $$ ______ / \ / \ / $$ / \ | $$$$$$$| $$$$$$\| $$$$$$$| $$$$$$\ | $$ | $$ | $$| $$ | $$| $$ $$ | $$_____ | $$__/ $$| $$__| $$| $$$$$$$$ \$$ \ \$$ $$ \$$ $$ \$$ \ \$$$$$$$ \$$$$$$ \$$$$$$$ \$$$$$$$ 888 .d888 d8b 888 d88P" Y8P 888 888 .d88b. .d88b. 888 888888 888 88888b. .d88b. d88P"88b d88""88b 888 888 888 888 "88b d88P"88b 888 888 888 888 888 888 888 888 888 888 888 Y88b 888 Y88..88P 888 888 888 888 888 Y88b 888 "Y88888 "Y88P" 888 888 888 888 888 "Y88888 888 888 Y8b d88P Y8b d88P "Y88P" "Y88P"

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

What is "Code Golf"?

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

x .

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text


              

Slide 32

Slide 32 text

aem1k.com/world

Slide 33

Slide 33 text

. eval(z='p="<"+"pre>"/* ,.oq#+ ,._, */;for(y in n="zw24l6k\ 4e3t4jnt4qj24xh2 x/* =<,m#F^ A W###q. */42kty24wrt413n243n\ 9h243pdxt41csb yz/* #K q##H######Am */43iyb6k43pk7243nm\ r24".split(4)){/* dP cpq#q##########b, */for(a in t=pars\ eInt(n[y],36)+/* p##@###YG=[#######y */(e=x=r=[]))for\ (r=!r,i=0;t[a/* d#qg `*PWo##q#######D */]>i;i+=.05)wi\ th(Math)x-= /* aem1k.com Q###KWR#### W[ */.05,0>cos(o=\ new Date/1e3/* .Q#########Md#.###OP A@ , */+x/PI)&&(e[~\ ~(32*sin(o)*/* , (W#####Xx######.P^ T % */sin(.5+y/7))\ +60] =-~ r);/* #y `^TqW####P###BP */for(x=0;122>\ x;)p+=" *#"/* b. OQ####x#K */[e[x++]+e[x++\ ]]||(S=("eval"/* l `X#####D , */+"(z=\'"+z.spl\ it(B = "\\\\")./* G####B" # */join(B+B).split\ (Q="\'").join(B+Q/* VQBP` */)+Q+")//m1k")[x/2\ +61*y-1]).fontcolor/* TP */(/\\w/.test(S)&&"#\ 03B");document.body.innerHTML=p+=B+"\\n"}setTimeout(z)')//

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

aem1k.com/mandelcode

Slide 36

Slide 36 text

 E
= 1
, z=1.07 ;
function s( a)
{ for(a&&(E=!E),H="",z *=
.9,T*=.8,Y=0;2>Y;Y+=.1) {
for (X=0;2>X;X+=.04){for(x=y=i
=0;99>i &&99>=x*x+y*y;i++)t=2*x*y,x
= x*x-y*y+z*X -z-Z/(1-T),y=t+z*Y-z-U;(/*
MANDELCODE=A-QUINE-BY-AEMKEI=CLICK-TO-ZOOM*/
H )+=" .+#"[ i%5]}H+=n}!E&&setTimeout(s
,99),P[ I]=H}Z=1.74909351853611232,
U = 3.40212772e-7,onclick=s;n
="\n";P.textContent="<" +
"pre id=P>\n"+P[I= "i"+
"nnerHTML" ]
T /*aem1k*/
= -
2

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

jsfuck.com

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

[][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[] +[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]][( [(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+! []]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+![+[]]]]]+ [+[[!+[]+!+[]+!+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+! []]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]] []+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]]+([][[]]+[])[+[[+!+[]] (![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[+!+[]]]]+([][[]]+[ [[+[]]]]+([][(![]+[])[[[[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[]) [[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+! []]]]]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(![]+[])[+[[+[]]]]+([][[] [])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+( +[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+ []]]]+(!![]+[])[+[[+!+[]]]]]((![]+[])[+[[+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+ [+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(![]+[])[+[[+ []]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[ +[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[ []+!+[]+!+[]+!+[]]]]+[+!+[]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[] []+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+ []]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]])()

Slide 42

Slide 42 text

DHTML5 DHTML5

Slide 43

Slide 43 text

Title function init() { ... } ...

Slide 44

Slide 44 text

Title function init() { ... } ...

Slide 45

Slide 45 text

Title function init() { ... } ...

Slide 46

Slide 46 text

... Title function init() { ... }

Slide 47

Slide 47 text

function init() { ... } ...

Slide 48

Slide 48 text

function init() { ... } ...

Slide 49

Slide 49 text

...

Slide 50

Slide 50 text

Slide 51

Slide 51 text

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

'+1>

Slide 58

Slide 58 text

'+1>

Slide 59

Slide 59 text

'+1>

Slide 60

Slide 60 text

Slide 61

Slide 61 text

Slide 62

Slide 62 text

id=b onload="b.innerHTML='
'+1"

Slide 63

Slide 63 text

Slide 64

Slide 64 text

Slide 65

Slide 65 text


              

Slide 66

Slide 66 text

b.innerHTML=1

Slide 67

Slide 67 text

min.js

Slide 68

Slide 68 text

var x = Math.random(); var y = Math.random(); var z = Math.max(x, y);

Slide 69

Slide 69 text

x = Math.random(); y = Math.random(); z = Math.max(x, y);

Slide 70

Slide 70 text

M = Math; x = Math.random(); y = Math.random(); z = Math.max(x, y);

Slide 71

Slide 71 text

M = Math; x = M.random(); y = M.random(); z = M.max(x, y);

Slide 72

Slide 72 text

M = Math; r = M.random; x = M.random(); y = M.random(); z = M.max(x, y);

Slide 73

Slide 73 text

M = Math; r = M.random; x = r(); y = r(); z = M.max(x, y);

Slide 74

Slide 74 text

M = Math; r = "random"; x = M[r](); y = M[r](); z = M.max(x, y);

Slide 75

Slide 75 text

M = Math; r = "random"; x = M[r="random"](); y = M[r](); z = M.max(x, y);

Slide 76

Slide 76 text

M = Math; x = M[r="random"](); y = M[r](); z = M.max(x, y);

Slide 77

Slide 77 text

with (Math){ x = random(); y = random(); z = max(x, y); }

Slide 78

Slide 78 text

with (Math) x = random(), y = random(), z = max(x, y);

Slide 79

Slide 79 text

with (Math) x = (r=random)(), y = r(), z = max(x, y);

Slide 80

Slide 80 text

with (Math) z = max((r=random)(), r());

Slide 81

Slide 81 text

with(Math)z=max((r=random)(),r())

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

א

Slide 84

Slide 84 text

Jorge Luis Borges

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

"Writing long books is an act of foolishness."

Slide 87

Slide 87 text

A man sets out to draw the world. As the years go by, he peoples a space with images of provinces, kingdoms, mountains, bays, ships, islands, fishes, rooms, instruments, stars, horses, and individuals. A short time before he dies, he discovers that the patient labyrinth of lines traces his own face.

Slide 88

Slide 88 text

A man sets out to draw the world. As the years go by, he peoples a space with images of provinces, kingdoms, mountains, bays, ships, islands, fishes, rooms, instruments, stars, horses, and individuals. A short time before he dies, he discovers that the patient labyrinth of lines traces his own face.

Slide 89

Slide 89 text

A man sets out to draw the world. As the years go by, he peoples a space with images of provinces, kingdoms, mountains, bays, ships, islands, fishes, rooms, instruments, stars, horses, and individuals. A short time before he dies, he discovers that the patient labyrinth of lines traces his own face.

Slide 90

Slide 90 text

A man sets out to draw the world. As the years go by, he peoples a space with images of provinces, kingdoms, mountains, bays, ships, islands, fishes, rooms, instruments, stars, horses, and individuals. A short time before he dies, he discovers that the patient labyrinth of lines traces his own face.

Slide 91

Slide 91 text

א

Slide 92

Slide 92 text

Hebrew === first letter === number 1

Slide 93

Slide 93 text

Kabbalah === origin of the universe === contains all numbers

Slide 94

Slide 94 text

The Aleph "the only place on earth where all places are – seen from every angle, each standing clear, without any confusion or blending."

Slide 95

Slide 95 text

...

Slide 96

Slide 96 text

א ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א' ח , "" = ב = ! ב + ב , ח ! = ד + ב = ו , ב + { } , ה = ' " ' , 0 ] ח = ע ] , ך , [ 1 ] ח = נ = ח ) = ם , [ 5 ] ו . ח = ף , [ 1 ] ( ו + ד [ 2 ] , ד = ס , [ 1 ] ו = מ [ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ] ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג + ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ + ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה =".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()

Slide 97

Slide 97 text

א ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א' ח , "" = ב = ! ב + ב , ח ! = ד + ב = ו , ב + { } , ה = ' " ' , 0 ] ח = ע ] , ך , [ 1 ] ח = נ = ח ) = ם , [ 5 ] ו . ח = ף , [ 1 ] ( ו + ד [ 2 ] , ד = ס , [ 1 ] ו = מ [ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ] ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג + ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ + ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה =".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()

Slide 98

Slide 98 text

א ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א' ח , "" = ב = ! ב + ב , ח ! = ד + ב = ו , ב + { } , ה = ' " ' , 0 ] ח = ע ] , ך , [ 1 ] ח = נ = ח ) = ם , [ 5 ] ו . ח = ף , [ 1 ] ( ו + ד [ 2 ] , ד = ס , [ 1 ] ו = מ [ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ] ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג + ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ + ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה =".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

life in the browser? How to create

Slide 101

Slide 101 text

Conway's Game of Life Count the neighbors of a cell … Any dead cell with … three: becomes alive, as if by reproduction. Any live cell with … two or three: lives on to the next generation. fewer than two: dies, as if caused by under-population. more than three: dies, as if by overcrowding.

Slide 102

Slide 102 text

Conway's Game of Life Count the neighbors of a cell … Any dead cell with … three: becomes alive, as if by reproduction. Any live cell with … two or three: lives on to the next generation. fewer than two: dies, as if caused by under-population. more than three: dies, as if by overcrowding.

Slide 103

Slide 103 text

No content

Slide 104

Slide 104 text

Any dead cell with … three: becomes alive, as if by reproduction. Any live cell with … two or three: lives on to the next generation. fewer than two: dies, as if caused by under-population. more than three: dies, as if by overcrowding.

Slide 105

Slide 105 text

Any dead cell with … three: becomes alive, as if by reproduction. Any live cell with … two or three: lives on to the next generation. fewer than two: dies, as if caused by under-population. more than three: dies, as if by overcrowding.

Slide 106

Slide 106 text

No content

Slide 107

Slide 107 text

No content

Slide 108

Slide 108 text

No content

Slide 109

Slide 109 text

No content

Slide 110

Slide 110 text

Any dead cell with … three: becomes alive, as if by reproduction. Any live cell with … two or three: lives on to the next generation. fewer than two: dies, as if caused by under-population. more than three: dies, as if by overcrowding.

Slide 111

Slide 111 text

Any dead cell with … three: becomes alive Any live cell with … two or three: lives on fewer than two: dies more than three: dies

Slide 112

Slide 112 text

Any dead cell with … three: becomes alive Any live cell with … two or three: lives on

Slide 113

Slide 113 text

Any dead cell with … three: lives Any live cell with … two or three: lives

Slide 114

Slide 114 text

Any dead cell with … three: lives Any live cell with … two or three: lives

Slide 115

Slide 115 text

Any dead cell with … three: lives Any live cell with … two or three: lives

Slide 116

Slide 116 text

Any cell with … three: lives Any live cell with … two : lives

Slide 117

Slide 117 text

A cell with three or a live cell with two neighbors lives

Slide 118

Slide 118 text

var count = ...; if (!alive) { if (count == 3) { cell.alive = true; } else { cell.alive = false; } } else { if (count == 2 || count == 3) { cell.alive = true; } else if (count < 2 || count > 3) { cell.alive = false; } }

Slide 119

Slide 119 text

var count = ...; cell.alive = false; if (count == 3) { cell.alive = true; } else if (alive) { if (count == 2) { cell.alive = true; } }

Slide 120

Slide 120 text

var count = ...; cell.alive = (count == 3) || (alive && count == 2)

Slide 121

Slide 121 text

var c = ...; b[i] = (c == 3) || (a[i] && c == 2)

Slide 122

Slide 122 text

b[i] = (c == 3) || (a[i] && c == 2)

Slide 123

Slide 123 text

b[i] = c == 3 || a[i] && c == 2

Slide 124

Slide 124 text

b[i] = c == 3 | a[i] & c == 2

Slide 125

Slide 125 text

b[i]=c==3|a[i]&c==2

Slide 126

Slide 126 text

Slide 127

Slide 127 text

Slide 128

Slide 128 text

Slide 129

Slide 129 text

Slide 130

Slide 130 text

Slide 131

Slide 131 text

Slide 132

Slide 132 text

Slide 133

Slide 133 text

Slide 134

Slide 134 text

Slide 135

Slide 135 text

Slide 136

Slide 136 text

No content

Slide 137

Slide 137 text

AFTER THE BREAK

Slide 138

Slide 138 text

א ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א' ח , "" = ב = ! ב + ב , ח ! = ד + ב = ו , ב + { } , ה = ' " ' , 0 ] ח = ע ] , ך , [ 1 ] ח = נ = ח ) = ם , [ 5 ] ו . ח = ף , [ 1 ] ( ו + ד [ 2 ] , ד = ס , [ 1 ] ו = מ [ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ] ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג + ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ + ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה =".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()

Slide 139

Slide 139 text

without Latin characters? How to write JavaScript

Slide 140

Slide 140 text

JS Belgrade
 Martin Kleppe @aemkei

Slide 141

Slide 141 text

without Latin characters? How to write JavaScript

Slide 142

Slide 142 text

Зв езда см р Ти

Slide 143

Slide 143 text

Зв езда см р Ти

Slide 144

Slide 144 text

Зв езда см р Ти

Slide 145

Slide 145 text

Зв езда см р Ти

Slide 146

Slide 146 text

Зв езда см р Ти

Slide 147

Slide 147 text

Slide 148

Slide 148 text

ウ="" ,ア= !ウ+ ウ,ネ =!ア +ウ, ホ=ウ +{}, ヌ=ア [ウ++ ],セ= ア[ミ =ウ] ,ハ= ++ミ +ウ, ヘ=ホ [ミ+ハ ],ア[ ヘ+= ホ[ウ ]+(ホ .ホ+ホ )[ウ] +ネ[ハ ]+ヌ+ セ+ア [ミ]+ ヘ+ヌ +ホ[ ウ]+セ ][ヘ] (ネ[ ウ]+ ネ[ミ ]+ア [ハ]+ セ+ヌ+ "(ウ)" )()

Slide 149

Slide 149 text

No content

Slide 150

Slide 150 text

No content

Slide 151

Slide 151 text

aem1k.com/⾬雨

Slide 152

Slide 152 text

aem1k.com/matrix

Slide 153

Slide 153 text

No content

Slide 154

Slide 154 text

No content

Slide 155

Slide 155 text

aem1k.com/םלוע-םולש

Slide 156

Slide 156 text

aem1k.com/hebrew

Slide 157

Slide 157 text

How does it work?

Slide 158

Slide 158 text

1. Escape Sequences 2. Playing Scrabble

Slide 159

Slide 159 text

a

Slide 160

Slide 160 text

a \u0061

Slide 161

Slide 161 text

\u0061\u006c\u0065\u0072\u0074(1)

Slide 162

Slide 162 text

a l e r t (1)

Slide 163

Slide 163 text

a \u0061

Slide 164

Slide 164 text

א \u05D0

Slide 165

Slide 165 text

a \x61

Slide 166

Slide 166 text

"a" "\x61"

Slide 167

Slide 167 text

"a" "\141"

Slide 168

Slide 168 text

[]["\155\141\160\]["\ \143\157\156\163\164\ \162\165\143\164\157\ \162"]("\141\154\145\ \162\164\50\61\51")()

Slide 169

Slide 169 text

[]["\155\141\160"]["\ \143\157\156\163\164\ \162\165\143\164\157\ \162"]("\141\154\145\ \162\164\50\61\51")()

Slide 170

Slide 170 text

[][" m a p "]["\ c o n s t \ r u c t o \ r "](" a l e \ r t ( 1 ) ")()

Slide 171

Slide 171 text

[]["map"]["constructor"]("alert(1)")()

Slide 172

Slide 172 text

[]["map"]["constructor"]("alert(1)")()

Slide 173

Slide 173 text

function["constructor"]("alert(1)")()

Slide 174

Slide 174 text

function["constructor"]("alert(1)")()

Slide 175

Slide 175 text

Function("alert(1)")()

Slide 176

Slide 176 text

Function("alert(1)")()

Slide 177

Slide 177 text

eval("alert(1)")

Slide 178

Slide 178 text

[]["map"]["constructor"]("...")()

Slide 179

Slide 179 text

C="constructor" C[C][C]("...")()

Slide 180

Slide 180 text

1. Escape Sequences 2. Playing Scrabble

Slide 181

Slide 181 text

![] => false !![] => true

Slide 182

Slide 182 text

![] + "" => "false" !![] + "" => "true"

Slide 183

Slide 183 text

"true"[0] => "t" "true"[1] => "r" "true"[2] => "u" "true"[3] => "e"

Slide 184

Slide 184 text

"false" [1] "false" [2] "true" [3] "true" [1] "true" [0]

Slide 185

Slide 185 text

f a l s e f a l s e t r u e t r u e t r u e

Slide 186

Slide 186 text

f a l s e f a l s e t r u e t r u e t r u e

Slide 187

Slide 187 text

f a l s e o b j e c t t r u e f a l s e o b j e c t o b j e c t f a l s e t r u e

Slide 188

Slide 188 text

o b j e c t o b j e c t u n d e f i n e d f a l s e t r u e t r u e t r u e o b j e c t t r u e o b j e c t t r u e

Slide 189

Slide 189 text

[]["map"]["constructor"]("alert(1)")()

Slide 190

Slide 190 text

No content

Slide 191

Slide 191 text

Invisible Code

Slide 192

Slide 192 text

Can we hide JavaScript inside itself?

Slide 193

Slide 193 text

00 | Null 01 | Start of Heading 02 | Start of Text Whitespace 04 | End of Transmission 05 | Enquiry 06 | Acknowledge 07 | Bell (audible or \b | 08 | Backspace \t | 09 | Horizontal Tabulation \n | 0A | Line Feed \v | 0B | Vertical Tab \f | 0C | Form Feed \r | 0D | Carriage Return 0E | Shift Out 0F | Shift In

Slide 194

Slide 194 text

00 | Null 01 | Start of Heading 02 | Start of Text 03 | End of Text 04 | End of Transmission 05 | Enquiry 06 | Acknowledge 07 | Bell \b | 08 | Backspace \t | 09 | Horizontal Tabulation \n | 0A | Line Feed \v | 0B | Vertical Tab \f | 0C | Form Feed \r | 0D | Carriage Return 0E | Shift Out 0F | Shift In

Slide 195

Slide 195 text

10 | Data Link Escape 11 | Device Control 1 12 | Device Control 2 13 | Device Control 3 14 | Device Control 4 15 | Negative Acknowledge 16 | Synchronous Idle 17 | End of Transmission Block 18 | Cancel 19 | End of Medium 1A | Substitute 1B | Escape 1C | File Separator 1D | Group Separator 1E | Record Separator 1F | Unit Separator

Slide 196

Slide 196 text

aem1k.com/0

Slide 197

Slide 197 text

Slide 198

Slide 198 text

No content

Slide 199

Slide 199 text

1616161F171212181612131D1619131D151B1518131D1313131713171312 151D131B1619121D121D131B12191612151B1619151D131D13161318121A 16191215131912151312131B1713161517141419161E1714161517121716 1611161C121812171616161F171212181611131D1612121C1612131D151B 1618131D1212131C171017121615131E1212151D121C1619131D1310131B 1619121B121B131C1518131B161912151717171C171C12181618121B131D 1212151C151C161E121212191219171B1616161F171212181614131D161A 131D1310131B1615131D151B1311121C13191311121C1717121C13191313 151D151B161A121B121B151D131B12191614121B131D1611151B1619121B 1615151D121B1611151B1619121D1615151D131B1618121B131D1212121E 12131212151B1612151B1619151D131D1313131D131D1614171C1611151B 1619151D12161312131D131D1614151D171D1614161F16131715161D1615 161E1714121E1612161F16141719121E1619161E161E1615171214181514 141D141C131D16181217121C1717131D131913121219

Slide 200

Slide 200 text

Slide 201

Slide 201 text

escape('').replace(/..(.)..(.)/g,'\\x$1$2')

Slide 202

Slide 202 text

escape('').replace(/..(.)..(.)/g,'\\x$1$2')

Slide 203

Slide 203 text

escape('').replace(/..(.)..(.)/g,'\\x$1$2')

Slide 204

Slide 204 text

escape('').replace(/..(.)..(.)/g,'\\x$1$2')

Slide 205

Slide 205 text

0 1 2 3 4 5 6 7 8 9 A B C D E F

Slide 206

Slide 206 text

00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F

Slide 207

Slide 207 text

00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 16 11 16 1C 16 15 17 12 17 14 12 18 13 11 12 19

Slide 208

Slide 208 text

%16%11%16%1C%16%15%17%12%17%14%12%18%13%11%12%19

Slide 209

Slide 209 text

6 1 6 C 6 5 7 2 7 4 2 8 3 1 2 9

Slide 210

Slide 210 text

61 6C 65 72 74 28 31 29

Slide 211

Slide 211 text

\x61\x6C\x65\x72\x74\x28\x31\x29

Slide 212

Slide 212 text

a l e r t ( 1 )

Slide 213

Slide 213 text

-moz-control-character-visibility: visible;

Slide 214

Slide 214 text

-moz-control-character-visibility: visible;

Slide 215

Slide 215 text

").replace(/..(.)..(.)/g,'\\x$1$2') escape("

Slide 216

Slide 216 text

").replace(/..(.)..(.)/g,'\\x$1$2') escape(" 1616161F171212181612131D1619131D151B1518131D 1313131713171312151D131B1619121D121D131B12191612151B1619151D13 1D13161318121A16191215131912151312131B1713161517141419161E1714 1615171217161611161C121812171616161F171212181611131D1612121C16 12131D151B1618131D1212131C171017121615131E1212151D121C1619131D 1310131B1619121B121B131C1518131B161912151717171C171C1218161812 1B131D1212151C151C161E121212191219171B1616161F171212181614131D 161A131D1310131B1615131D151B1311121C13191311121C1717121C131913 13151D151B161A121B121B151D131B12191614121B131D1611151B1619121B 1615151D121B1611151B1619121D1615151D131B1618121B131D1212121E12 131212151B1612151B1619151D131D1313131D131D1614171C1611151B1619 151D12161312131D131D1614151D171D1614161F16131715161D1615161E17 14121E1612161F16141719121E1619161E161E1615171214181514141D141C 131D16181217121C17

Slide 217

Slide 217 text

... within Mozilla; some people like the idea of displaying control characters “ ”

Slide 218

Slide 218 text

Pack the code in a single char?

Slide 219

Slide 219 text

escape('') .replace( /..(.)..(.)/g, '\\x$1$2' )

Slide 220

Slide 220 text

escape('') .replace( /.{5}(.).{5}(.).{5}(.)/g, '\\$1$2$3' )

Slide 221

Slide 221 text

0 1 2 3 4 5 6 7 8 9 A B C D E F

Slide 222

Slide 222 text

0 1 2 3 4 5 6 7

Slide 223

Slide 223 text

1 1 1 1 1 1 1 1 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 0 1 2 3 4 5 6 7

Slide 224

Slide 224 text

1 1 1 1 1 1 1 1 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 0 1 2 3 4 5 6 7

Slide 225

Slide 225 text

1 1 1 1 1 1 1 1 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 0 1 2 3 4 5 6 7 ֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧

Slide 226

Slide 226 text

֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧

Slide 227

Slide 227 text

֢֣֤֥֦֧֠֡ " א "

Slide 228

Slide 228 text

1 1 1 1 1 1 4 4 4 4 4 4 4 4 4 4 4 4 1 4 1 1 5 4

Slide 229

Slide 229 text

%u05A1%u05A4%u05A1%u05A1%u05A5%u05A4

Slide 230

Slide 230 text

1 4 1 1 5 4

Slide 231

Slide 231 text

141 154

Slide 232

Slide 232 text

\141 \154

Slide 233

Slide 233 text

\141\154\145\162\164\50\61\51

Slide 234

Slide 234 text

a l e r t ( 1 )

Slide 235

Slide 235 text

aem1k.com/א

Slide 236

Slide 236 text

aem1k.com/aleph

Slide 237

Slide 237 text

א ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א' ח , "" = ב = ! ב + ב , ח ! = ד + ב = ו , ב + { } , ה = ' " ' , 0 ] ח = ע ] , ך , [ 1 ] ח = נ = ח ) = ם , [ 5 ] ו . ח = ף , [ 1 ] ( ו + ד [ 2 ] , ד = ס , [ 1 ] ו = מ [ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ] ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג + ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ + ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה =".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()

Slide 238

Slide 238 text

No content

Slide 239

Slide 239 text

eval(unescape( escape(`⡢⠽⡛⡣⠽⠢ ⠢⡝⠻⡦⡯⡲⠨⡤⠽⡥⠽⡦⠽ ⡧⠽⡩⠽⠰⠻⠹⠹⠾⡩⠻⠩⡣ ⠫⠽⠢⠠⠠⠢⠫⠢⡜⡵⠲⠸⠴ ⠶⡜⡵⠲⠸⠴⠵⡜⡵⠲⠸⠴⠳ ⡜⡵⠲⠸⠰⠷⠢⡛⡢⡛⡩⠫ ⠫⡝⠽⠴ ⠪ ⡍ ⡡ ⡴ ⡨ ⠮⡲⡡⡮⡤⡯ ⡭ ⠨ ⠩ ⡼ ⠰ ⡝ ⠻ ⡯ ⡮ ⡫ ⡥ ⡹ ⡵ ⡰ ⠽⡡⠽⠾⡤⠫⠽⡡⠮⡷⡨ ⡩ ⡣ ⡨ ⠭ ⠳⠹⠻⡳⡥ ⡴ ⡉⡮⡴⡥⡲⡶⡡⡬⠨⠧⠳ ⠼ ⡥ ⠦ ⠦⠡⠨⡥⠥ ⠲⠷⠩⠿⡩⠦⠦⡢⡛⡧⠫ ⠫⡝⠽⠽⡤⠿⡦⠫⠫⠺ ⡩⠽⠰⠺⡨⠽⠢⡜⡵⠲⠸⠰⠸ ⡜⡵⠲⠸⠱⠰⡜⡵⠲⠸⠲⠰⡜ ⡵⠲⠸⠸⠰⠢⡛⡤⡝⠻⡬⡯⡣ ⡡⡴⡩⡯⡮⠮⡨⡡⡳⡨⠽⡩⠿ ⡛⡨⡝⠫⡣⠮⡳⡬⡩⡣⡥⠨⡥ ⠫⠫⠯⠹⠩⠺⡦⠧⠬⠲⠷⠩` ).replace(//<3 /%20|%0A|u../g ,'')))//flappy

Slide 240

Slide 240 text

aem1k.com/mona

Slide 241

Slide 241 text

No content

Slide 242

Slide 242 text

No content

Slide 243

Slide 243 text

No content

Slide 244

Slide 244 text

JPEG 400 KB

Slide 245

Slide 245 text

JPEG 12 KB

Slide 246

Slide 246 text

GIF 440 B

Slide 247

Slide 247 text

GIF 253 B

Slide 248

Slide 248 text

JPEG 2 KB

Slide 249

Slide 249 text

WEBP 598 B

Slide 250

Slide 250 text

WEBP 244 B

Slide 251

Slide 251 text

No content

Slide 252

Slide 252 text

No content

Slide 253

Slide 253 text

No content

Slide 254

Slide 254 text

No content

Slide 255

Slide 255 text

⡝⠻⡯⡮⡫⡥⡹⡵⡰⠽⡡⠽⠾⡤⠫⠽⡡⠮⡷⡨

Slide 256

Slide 256 text

RIFF?WEBPVP8?@?????f??:@????@]?H?-?? XO?????J)I???????SDS????Ddwdw????cw? ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww? 4???.XF?????($?e?@?0??K?@k?J%??????? pp??????36?/??wĸ??_"???????????????? C??7???o3?P?5$?\*4H%E7?W',???f?w????

Slide 257

Slide 257 text

RIFF?WEBPVP8?@?????f??:@????@]?H?-?? XO?????J)I???????SDS????Ddwdw????cw? ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww? 4???.XF?????($?e?@?0??K?@k?J%??????? pp??????36?/??wĸ??_"???????????????? C??7???o3?P?5$?\*4H%E7?W',???f?w????

Slide 258

Slide 258 text

RIFF?WEBPVP8?@?????f??:@????@]?H?-?? XO?????J)I???????SDS????Ddwdw????cw? ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww? 4???.XF?????($?e?@?0??K?@k?J%??????? pp??????36?/??wĸ??_"???????????????? C??7???o3?P?5$?\*4H%E7?W',???f?w????

Slide 259

Slide 259 text

RIFF?WEBPVP8?@?????f??:@????@]?H?-?? XO?????J)I???????SDS????Ddwdw????cw? ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww? 4???.XF?????($?e?@?0??K?@k?J%??????? pp??????36?/??wĸ??_"???????????????? C??7???o3?P?5$?\*4H%E7?W',???f?w????

Slide 260

Slide 260 text

RIFF?WEBPVP8?@?????f??:@????@]?H?-?? XO?????J)I???????SDS????Ddwdw????cw? ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww? 4???.XF?????($?e?@?0??K?@k?J%??????? pp??????36?/??wĸ??_"???????????????? C??7???o3?P?5$?\*4H%E7?W',???f?w????

Slide 261

Slide 261 text

RIFF?WEBPVP8?@?????f??:@????@]?H?-?? XO?????J)I???????SDS????Ddwdw????cw? ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww? 4???.XF?????($?e?@?0??K?@k?J%??????? pp??????36?/??wĸ??_"???????????????? C??7???o3?P?5$?\*4H%E7?W',???f?w????

Slide 262

Slide 262 text

aem1k.com/mona

Slide 263

Slide 263 text

No content

Slide 264

Slide 264 text

WHY???

Slide 265

Slide 265 text

__/\\\______________/\\\\\\\\\\\__/\\\\____________/\\\\__/\\\\\\\\\\\__/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\___ _\/\\\_____________\/////\\\///__\/\\\\\\________/\\\\\\_\/////\\\///__\///////\\\/////____/\\\/////////\\\_ _\/\\\_________________\/\\\_____\/\\\//\\\____/\\\//\\\_____\/\\\___________\/\\\________\//\\\______\///__ _\/\\\_________________\/\\\_____\/\\\\///\\\/\\\/_\/\\\_____\/\\\___________\/\\\_________\////\\\_________ _\/\\\_________________\/\\\_____\/\\\__\///\\\/___\/\\\_____\/\\\___________\/\\\____________\////\\\______ _\/\\\_________________\/\\\_____\/\\\____\///_____\/\\\_____\/\\\___________\/\\\_______________\////\\\___ _\/\\\_________________\/\\\_____\/\\\_____________\/\\\_____\/\\\___________\/\\\________/\\\______\//\\\__ _\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_\/\\\_____________\/\\\__/\\\\\\\\\\\_______\/\\\_______\///\\\\\\\\\\\/___ _\///////////////__\///////////__\///______________\///__\///////////________\///__________\///////////_____

Slide 266

Slide 266 text

.-:::::' ... .,-::::: ... ::: .::::::. ;;;'''' .;;;;;;;. ,;;;'````' ;; ;;;;;;` ` [[[,,==,[[ \[[,[[[ [[' [[['[==/[[[[, `$$$"``$$$, $$$$$$ $$ $$$ ''' $ 888 "888,_ _,88P`88bo,__,o,88 .d888 88b dP "MM, "YMMMMMP" "YUMMMMMP""YmmMMMM"" "YMmMY"

Slide 267

Slide 267 text

________ _________ ________ ___ ___ ________ _________ ___ ___ ________ _______ |\ ____\|\___ ___\\ __ \|\ \|\ \|\ ____\\___ ___\\ \|\ \|\ __ \|\ ___ \ \ \ \___|\|___ \ \_\ \ \|\ \ \ \\\ \ \ \___\|___ \ \_\ \ \\\ \ \ \|\ \ \ __/| \ \_____ \ \ \ \ \ \ _ _\ \ \\\ \ \ \ \ \ \ \ \ \\\ \ \ _ _\ \ \_|/__ \|____|\ \ \ \ \ \ \ \\ \\ \ \\\ \ \ \____ \ \ \ \ \ \\\ \ \ \\ \\ \ \_|\ \ ____\_\ \ \ \__\ \ \__\\ _\\ \_______\ \_______\ \ \__\ \ \_______\ \__\\ _\\ \_______\ |\_________\ \|__| \|__|\|__|\|_______|\|_______| \|__| \|_______|\|__|\|__|\|_______| \|_________|

Slide 268

Slide 268 text

███████╗██╗ ██╗███╗ ██╗ ██╔════╝██║ ██║████╗ ██║ █████╗ ██║ ██║██╔██╗ ██║ ██╔══╝ ██║ ██║██║╚██╗██║ ██║ ╚██████╔╝██║ ╚████║ ╚═╝ ╚═════╝ ╚═╝ ╚═══╝

Slide 269

Slide 269 text

▄▄· ▄▄▄ ▄▄▄ . ▄▄▄· ▄▄▄▄▄ ▀ ▌ ▐· ▀ ▄▄▄▄▄ ▄· ▄ ▐█ ▌▪▀▄ █·▀▄.▀·▐█ ▀█ •██ ██ ▪█·█▌██ •██ ▐█▪▐█ ██ ▄▄▐▀▀▄ ▐▀▀▪▄▄█▀▀█ ▐█.▪▐█·▐█▐█•▐█· ▐█.▪ █▌█▌▪ ▐███▌▐█•█▌▐█▄▄▌▐█ ▪▐▌ ▐█▌·▐█▌ ███ ▐█▌ ▐█▌· █·. ·▀▀▀ .▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀. ▀ ▀▀▀ ▀▀▀ ▀▀▀•

Slide 270

Slide 270 text

a88888b. .88888. 8888ba.88ba 8888ba.88ba dP dP 888888ba dP d888888P dP dP d8' `88 d8' `8b 88 `8b `8b 88 `8b `8b 88 88 88 `8b 88 88 Y8. .8P 88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 Y8aa8P 88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 Y8. .88 Y8. .8P 88 88 88 88 88 88 Y8. .8P 88 88 88 88 88 Y88888P' `8888P' dP dP dP dP dP dP `Y88888P' dP dP dP dP dP oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo special thanks to: subzey, xem, 0ndras, p01, jed, mametter, kuvos, marijnjh, mathias …

Slide 271

Slide 271 text

YOU!!!

Slide 272

Slide 272 text

No content

Slide 273

Slide 273 text

No content

Slide 274

Slide 274 text

No content

Slide 275

Slide 275 text

No content

Slide 276

Slide 276 text

::::::::::: ::: ::: ::: :::: ::: ::: ::: :+: :+: :+: :+: :+: :+:+: :+: :+: :+: +:+ +:+ +:+ +:+ +:+ :+:+:+ +:+ +:+ +:+ +#+ +#++:++#++ +#++:++#++: +#+ +:+ +#+ +#++:+ +#+ +#+ +#+ +#+ +#+ +#+ +#+#+# +#+ +#+ #+# #+# #+# #+# #+# #+# #+#+# #+# #+#

Slide 277

Slide 277 text

__ _/\ \ /' \ \ \ __ __ ___ ___ /\_, \ \ \/'\ /'__`\ /'__`\/' __` __`\/_/\ \ \ , < ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____ /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\ \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/ @aemkei