HolyJS - 3L3M3NT5

In this mind-bending talk, Martin will explain how to use the unknown aspects of JavaScript to make something new – all in just a bunch of bytes and out of nothing.

Transcript

1. HolyJS Martin Kleppe
   3L3M3NT5
   

   View Slide

2. Martin Kleppe
   

   View Slide

3. Ubilabs
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. 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: ```
   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
   

   View Slide

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

   View Slide

9. ███████╗██╗ ██╗███╗ ██╗
   ██╔════╝██║ ██║████╗ ██║
   █████╗ ██║ ██║██╔██╗ ██║
   ██╔══╝ ██║ ██║██║╚██╗██║
   ██║ ╚██████╔╝██║ ╚████║
   ╚═╝ ╚═════╝ ╚═╝ ╚═══╝
   

   View Slide

10. _____ ______ _____ _ _ _____ _____ _______ __
    / ____| ____/ ___ | | | | __ \|_ _|_ _\ \ / /
    | (___ | |__ | | `-| | | | |__) | | | | | \ \_/ /
    \___ \| __|| | | | | | _ / | | | | \ /
    ,--,_) | |___| |__,-| |__| | | \ \ _| |_ | | | |
    |_____/|______\_____|\____/|_| \_\_____| |_| |___|
    

    View Slide

11. _____ ______ _____ _ _ _____ _____ _______ __
    / ____| ____/ ___ | | | | __ \|_ _|_ _\ \ / /
    | (___ | |__ | | `-| | | | |__) | | | | | \ \_/ /
    \___ \| __|| | | | | | _ / | | | | \ /
    ,--,_) | |___| |__,-| |__| | | \ \ _| |_ | | | |
    |_____/|______\_____|\____/|_| \_\_____| |_| |___|
    __________________________________________________________
    |__________________________________________________________|
    __________________________________________________________
    |__________________________________________________________|
    

    View Slide

12. __ .__
    ___________ ____ _____ _/ |_|__|__ __ ____
    _/ ___\_ __ \_/ __ \\__ \\ __\ \ \/ // __ \
    \ \___| | \/\ ___/ / __ \| | | |\ /\ ___/
    \___ >__| \___ >____ /__| |__| \_/ \___ >
    \/ \/ \/ .___.__ \/
    ____ ____ __| _/|__| ____ ____
    _/ ___\/ _ \ / __ | | |/ \ / ___\
    \ \__( <_> ) /_/ | | | | \/ /_/ >
    \___ >____/\____ | |__|___| /\___ /
    \/ \/ \//_____/
    

    View Slide

13. dP""b8 dP"Yb 8888b. 888888 dP""b8 dP"Yb 88 888888
    dP `" dP Yb 8I Yb 88__ dP `" dP Yb 88 88__
    Yb Yb dP 8I dY 88"" Yb "88 Yb dP 88 .o 88""
    YboodP YbodP 8888Y" 888888 YboodP YbodP 88ood8 88
    

    View Slide

14. Code Golf: a competition in which
    participants strive to achieve the
    shortest possible source code
    that solves a certain problem.
    

    View Slide

15. EXAMPLE
    

    View Slide

16. SNOW
    

    View Slide

17. ❄
    

    View Slide

18. alert("❄")
    

    View Slide

19. alert `❄`
    

    View Slide

20. alert`❄`
    

    View Slide

21. alert`❄`
    *
    

    View Slide

22. *
    *
    *
    

    View Slide

23. View Slide

24. 'z=p.innerText=Array(i=i*2%99)
    .join` `+"*\\n"+z',i=z=80)>
    

    View Slide

25. ❄
    

    View Slide

26. View Slide

27. 
    

    View Slide

28. View Slide

29. d88888b db d88888b .88b d88. d88888b d8b db d888888b .d8888.
    88' 88 88' 88'YbdP`88 88' 888o 88 `~~88~~' 88' YP
    88ooooo 88 88ooooo 88 88 88 88ooooo 88V8o 88 88 `8bo.
    88~~~~~ 88 88~~~~~ 88 88 88 88~~~~~ 88 V8o88 88 `Y8b.
    88. 88booo. 88. 88 88 88 88. 88 V888 88 db 8D
    Y88888P Y88888P Y88888P YP YP YP Y88888P VP V8P YP `8888Y'
    

    View Slide

30. Earth
    Air
    Water Fire
    

    View Slide

31. WATER
    

    View Slide

32. for(I+=h=i=88;i--;p.innerHTML=h)
    for(h+=j=0;j<5+(s=Math.sin)(I+i
    /4)+s(I-i/9);j+=.3)h+="
    ̥
    "',I=9)>
    

    View Slide

33. View Slide

34. FIRE
    

    View Slide

35. setInterval(p=h=>{for(p[I++*I%17+
    578]=i=89;i++<630;h+=i%30?"`*"[p[
    i]=p[i]+p[i+1]+p[i+29]+p[i+30]>>2
    ]||8:"\n");console.log(h)},I=30)
    

    View Slide

36. View Slide

37. AIR
    

    View Slide

38. 
    

    View Slide

39. View Slide

40. EARTH
    

    View Slide

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

    View Slide

42. View Slide

43. Earth
    Air
    Water Fire
    

    View Slide

44. Earth
    Air
    Water Fire Aether
    

    View Slide

45. ____ __ _____ ____ _____
    \ \ / // \ | || \
    \ \/ /| || || \
    \____/ \_____/ |____||______/
    

    View Slide

46. _____ _____ ______ _____ _____
    / __/ _ \ _ \ \ __\
    | __| | | _ <| |--| __|
    \__/ \_____/__|\__\_____/_____/
    

    View Slide

47. Aurebesh.js
    

    View Slide

48. A U R E B E S H .
    Aurebesh.js
    

    View Slide

49. A U R E B E S H . J S
    Aurebesh.js
    

    View Slide

50. A U R E B E S H . J S
    Aurebesh.js
    

    View Slide

51. aem1k.com/aurebesh.js
    

    View Slide

52. Б Д И Ж Щ З Л Ю Ф
    

    View Slide

53. Б='',Д=!Б+Б,И=!Д+Б,Ж=Б+{},
    Щ=Д[Б++],З=Д[Л=Б],Ю=++Л
    +Б,Ф=Ж[Л+Ю],Д[Ф+=Ж[Б]+
    (Д.И+Ж)[Б]+И[Ю]+Щ+З+Д[Л]
    +Ф+Щ+Ж[Б]+З][Ф](И[Б]+И[Л]
    +Д[Ю]+З+Щ+"(Б)")``
    

    View Slide

54. alert(1)
    

    View Slide

55. π='',β=!π+π,ε=!β+π,γ=π+
    {},µ=β[π++],τ=β[φ=π],θ=++φ
    +π,λ=γ[φ+θ],β[λ+=γ[π]+(β.ε
    +γ)[π]+ε[θ]+µ+τ+β[φ]+λ+µ
    +γ[π]+τ][λ](ε[π]+ε[φ]+β[θ]+τ
    +µ+"(π)")``
    

    View Slide

56. ᅺ='',ᅻ=!ᅺ+ᅺ,ᅼ=!ᅻ+ᅺ,ᅽ
    =ᅺ+{},ᅾ=ᅻ[ᅺ++],ᅿ=ᅻ[ᆀ=
    ᅺ],ᆁ=++ᆀ+ᅺ,ᆂ=ᅽ[ᆀ+ᆁ],
    ᅻ[ᆂ+=ᅽ[ᅺ]+(ᅻ.ᅼ+ᅽ)[ᅺ]
    +ᅼ[ᆁ]+ᅾ+ᅿ+ᅻ[ᆀ]+ᆂ+ᅾ
    +ᅽ[ᅺ]+ᅿ][ᆂ](ᅼ[ᅺ]+ᅼ[ᆀ]
    +ᅻ[ᆁ]+ᅿ+ᅾ+"(ᅺ)")``
    

    View Slide

57. Ä='',ja=!Ä+Ä,nein=!ja+Ä,ö=Ä+{},Ü=ja[Ä+
    +],sch=ja[Schnitzel=Ä],Bier=+
    +Schnitzel+Ä,ß=ö[Schnitzel+Bier],ja[ß
    +=ö[Ä]+(ja.nein+ö)[Ä]+nein[Bier]+Ü+sch
    +ja[Schnitzel]+ß+Ü+ö[Ä]+sch][ß]
    (nein[Ä]+nein[Schnitzel]+ja[Bier]+sch
    +Ü+"(Ä)")``
    

    View Slide

58. Ϻ='',π=!Ϻ+Ϻ,Y=!π+Ϻ,Ƙ
    =Ϻ+{},ᗐ=π[Ϻ++],Ξ=π[Δ=
    Ϻ],ᐳ=++Δ+Ϻ,Ɩ=Ƙ[Δ+ᐳ],π
    [Ɩ+=Ƙ[Ϻ]+(π.Y+Ƙ)[Ϻ]+Y[
    ᐳ]+ᗐ+Ξ+π[Δ]+Ɩ+ᗐ+Ƙ[Ϻ]+
    Ξ][Ɩ](Y[Ϻ]+Y[Δ]+π[ᐳ]+Ξ
    +ᗐ+"(Ϻ)")``
    

    View Slide

59. ᐳ='',ᐸ=!ᐳ+ᐳ,Ƙ=!ᐸ+ᐳ,ᐳᐳ=ᐳ+
    {},ᐳᐸ=ᐸ[ᐳ++],ᐳƘ=ᐸ[ᐸᐳ=ᐳ],ᐸᐸ=
    ++ᐸᐳ+ᐳ,ᐸƘ=ᐳᐳ[ᐸᐳ+ᐸᐸ],ᐸ[ᐸƘ
    +=ᐳᐳ[ᐳ]+(ᐸ.Ƙ+ᐳᐳ)[ᐳ]+Ƙ[ᐸᐸ]
    +ᐳᐸ+ᐳƘ+ᐸ[ᐸᐳ]+ᐸƘ+ᐳᐸ+ᐳᐳ[ᐳ]
    +ᐳƘ][ᐸƘ](Ƙ[ᐳ]+Ƙ[ᐸᐳ]+ᐸ[ᐸᐸ]+ᐳ
    Ƙ+ᐳᐸ+"(ᐳ)")()
    

    View Slide

60. ò́̂ ='',o
    ̔ ̕
    ̖ =!ò́̂ +ò́̂ ,o
    ̞̟̠ =!o
    ̔ ̕
    ̖ +ò́̂ ,ò́̂ ̃=ò́̂ +{},o
    ̔ ̕
    ̖̗ =o
    ̔ ̕
    ̖ [ò́̂ +
    +],o
    ̡̞̟̠
    =o
    ̔ ̕
    ̖ [o
    ̡̢̞̟̠
    ̣=ò́̂ ],o
    ̔ ̕
    ̖̗̘̙
    =++o
    ̡̢̞̟̠
    ̣+ò́̂ ,ò́̂ ̃
    ̄
    =ò́̂ ̃[o
    ̡̢̞̟̠
    ̣+o
    ̔ ̕
    ̖̗̘̙
    ],o
    ̔ ̕
    ̖ [ò́̂ ̃
    ̄
    +=ò́̂ ̃[ò́̂ ]+(o
    ̔ ̕
    ̖ .o
    ̞̟̠ +ò́̂ ̃)[ò́̂ ]+o
    ̞̟̠ [o
    ̔ ̕
    ̖̗̘̙
    ]+o
    ̔ ̕
    ̖̗ +o
    ̡̞̟̠
    +o
    ̔ ̕
    ̖ [o
    ̡̢̞̟̠
    ̣]+ò́̂ ̃
    ̄
    +o
    ̔ ̕
    ̖̗ +ò́̂ ̃[ò́̂ ]+o
    ̡̞̟̠
    ][ò́̂ ̃
    ̄
    ](o
    ̞̟̠ [ò́̂ ]+o
    ̞̟̠ [o
    ̡̢̞̟̠
    ̣]+o
    ̔ ̕
    ̖ [o
    ̔ ̕
    ̖̗̘̙
    ]+o
    ̡̞̟̠
    +o
    ̔ ̕
    ̖̗
    +"(ò́̂ )")``
    

    View Slide

61. _='',__=!_+_,___=!__+_,____=_+{},_____=__[_+
    +],______=__[_______=_],________=++_______+
    _,_________=____[_______+________],__[_________
    +=____[_]+(__.___+____)[_]+___[________]+_____+
    ______+__[_______]+_________+_____+____[_]
    +______][_________](___[_]+___[_______]+
    __[________]+______+_____+'(_)')()
    

    View Slide

62. ⽌='',⽌⽌=!⽌+⽌,⽌⽌⽌=!⽌⽌+⽌,⽌⽌⽌⽌=⽌+{},⽌⽌⽌
    ⽌⽌=⽌⽌[⽌++],⽌⽌⽌⽌⽌⽌=⽌⽌[⽌⽌⽌⽌⽌⽌⽌=⽌],
    ⽌⽌⽌⽌⽌⽌⽌⽌=++⽌⽌⽌⽌⽌⽌⽌+⽌,⽌⽌⽌⽌⽌⽌⽌
    ⽌⽌=⽌⽌⽌⽌[⽌⽌⽌⽌⽌⽌⽌+⽌⽌⽌⽌⽌⽌⽌⽌],⽌⽌[⽌
    ⽌⽌⽌⽌⽌⽌⽌⽌+=⽌⽌⽌⽌[⽌]+(⽌⽌.⽌⽌⽌+⽌⽌⽌⽌)
    [⽌]+⽌⽌⽌[⽌⽌⽌⽌⽌⽌⽌⽌]+⽌⽌⽌⽌⽌+⽌⽌⽌⽌⽌⽌
    +⽌⽌[⽌⽌⽌⽌⽌⽌⽌]+⽌⽌⽌⽌⽌⽌⽌⽌⽌+⽌⽌⽌⽌⽌
    +⽌⽌⽌⽌[⽌]+⽌⽌⽌⽌⽌⽌][⽌⽌⽌⽌⽌⽌⽌⽌⽌](⽌⽌⽌
    [⽌]+⽌⽌⽌[⽌⽌⽌⽌⽌⽌⽌]+⽌⽌[⽌⽌⽌⽌⽌⽌⽌⽌]+⽌⽌
    ⽌⽌⽌⽌+⽌⽌⽌⽌⽌+"(⽌)")``
    

    View Slide

63. How it works?
    

    View Slide

64. A='',B=!A+A,C=!B+A,D=A+
    {},E=B[A++],F=B[G=A],H=+
    +G+A,I=D[G+H],B[I+=D[A]+
    (B.C+D)[A]+C[H]+E+F+B[G]
    +I+E+D[A]+F][I](C[A]+C[G]
    +B[H]+F+E+"(A)")``
    

    View Slide

65. A='',B=!A+A,C=!B+A,D=A+
    {},E=B[A++],F=B[G=A],H=+
    +G+A,I=D[G+H],B[I+=D[A]+
    (B.C+D)[A]+C[H]+E+F+B[G]
    +I+E+D[A]+F][I](C[A]+C[G]
    +B[H]+F+E+"(A)")``
    

    View Slide

66. A = '' // empty string
    B = !A + A // "true"
    C = !B + A // "false"
    D = A + {} // "[object Object]"
    E = B[A++] // "t" = "true"[0]
    F = B[G = A] // "r" = "true"[1]
    H = ++G + A // 2, 3
    I = D[G + H] // "c"
    

    View Slide

67. I + // "c"
    D[A] + // "o" = "object"[0]
    (B.C+D)[A] + // "n" = "undefined"[1]
    C[H] + // "s" = "false"[2]
    E + // "t"
    F + // "r"
    B[G] + // "u" = "true"[2]
    I + // "c" = "[object]"[5]
    E + // "t"
    D[A] + // "o" = "[object]"[1]
    F // "r"
    

    View Slide

68. C[A] + // "a"
    C[G] + // "l"
    B[H] + // "e"
    F + // "r"
    E + // "t"
    "(A)" // "(1)"
    

    View Slide

69. View Slide

70. Зв
    езда
    

    View Slide

71. Зв
    езда
    

    View Slide

72. Зв
    езда
    

    View Slide

73. Зв
    езда
    

    View Slide

74. ̣
    

    View Slide

75. γ="" ,ί= !γ+ γ,Ϛ =!ί +γ, Ϩ=γ
    +{}, ϙ=ί [γ++ ],ψ= ί[Ϭ =γ] ,Ϝ=
    ++Ϭ +γ, ϥ=Ϩ [Ϭ+Ϝ ],ί[ ϥ+= Ϩ[γ
    ]+(Ϩ .Ϩ+Ϩ )[γ] +Ϛ[Ϝ ]+ϙ+ ψ+ί [Ϭ]+
    ϥ+ϙ +Ϩ[ γ]+ψ ][ϥ] (Ϛ[
    γ]+ Ϛ[Ϭ ]+ί [Ϝ]+
    ψ+ϙ+ "(γ)"
    )()
    

    View Slide

76. View Slide

77. View Slide

78. without Latin characters?
    How to write JavaScript
    

    View Slide

79. 1. Escape Sequences
    2. Playing Scrabble
    

    View Slide

80. a
    

    View Slide

81. a \u0061
    

    View Slide

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

    View Slide

83. a l e r t (1)
    

    View Slide

84. ᵨ \u96e8
    

    View Slide

85. a \x61
    

    View Slide

86. "a" "\x61"
    

    View Slide

87. "a" "\141"
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

96. Function("alert(1)")()
    

    View Slide

97. Function("alert(1)")()
    

    View Slide

98. eval("alert(1)")
    

    View Slide

99. 1. Escape Sequences
    2. Playing Scrabble
    

    View Slide

100. ![] => false
     !![] => true
     

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

106. 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
     

     View Slide

107. 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
     

     View Slide

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

     View Slide

109. View Slide

110. jsfuck.com
     

     View Slide

111. View Slide

112. [][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]
     +[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]][(
     [(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!
     []]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+![+[]]]]]+
     [+[[!+[]+!+[]+!+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!
     []]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]
     []+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]]+([][[]]+[])[+[[+!+[]]
     (![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[+!+[]]]]+([][[]]+[
     [[+[]]]]+([][(![]+[])[[[[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])
     [[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!
     []]]]]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]
     [])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(
     +[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+
     []]]]+(!![]+[])[+[[+!+[]]]]]((![]+[])[+[[+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+
     [+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(![]+[])[+[[+
     []]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[
     +[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[
     []+!+[]+!+[]+!+[]]]]+[+!+[]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]
     []+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+
     []]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]])()
     

     View Slide

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

     View Slide

114. [ ] + ! ( )
     

     View Slide

115. [ ] + ! ( )
     =
     <
     >
     /
     

     View Slide

116. [ ] + ! ( )
     ` `
     

     View Slide

117. [ ] + ! ( )
     alert`1`
     

     View Slide

118. [ ] + ! ` `
     

     View Slide

119. View Slide

120. Invisible Code
     

     View Slide

121. aem1k.com/0
     

     View Slide

122. 
     

     View Slide

123. View Slide

124. 
     

     View Slide

125. 
     

     View Slide

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

     View Slide

127. a=b,b=h=[],i=3760;i--;h+="̂̊-"[
     i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
     %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
     99) id=s>
     

     View Slide

128. invisible code?
     How to write
     

     View Slide

129. 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
     

     View Slide

130. 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
     

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

136. 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
     

     View Slide

137. 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
     

     View Slide

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

     View Slide

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

     View Slide

140. 61 6C 65 72 74 28 31 29
     

     View Slide

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

     View Slide

142. a l e r t ( 1 )
     

     View Slide

143. -moz-control-character-visibility: visible;
     

     View Slide

144. -moz-control-character-visibility: visible;
     

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

148. א – The Aleph
     

     View Slide

149. Hebrew
     === first letter
     === number 1
     

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

153. View Slide

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

     View Slide

155. 0 1 2 3 4 5 6 7
     

     View Slide

156. 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
     

     View Slide

157. 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
     ֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧
     

     View Slide

158. ֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧
     

     View Slide

159. ֢֣֤֥֠֡ ֦֧
     " א "
     

     View Slide

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

     View Slide

161. aem1k.com/aleph
     

     View Slide

162. aem1k.com/lions
     

     View Slide

163. eval(unescape(escape('').replace(/u.{8}/g,'')))
     

     View Slide

164. View Slide

165. eval(unescape(escape('').replace(/u.{8}/g,'')))
     

     View Slide

166. eval(unescape(escape('').replace(/u.{8}/g,'')))
     

     View Slide

167. String.fromCodePoint(c + 0xE0100)
     

     View Slide

168. %uDB40%uDD61%uDB40%uDD6C%uDB40%uDD65%uDB40%uDD72%uDB40%uDD74
     

     View Slide

169. % 61% 6C% 65% 72% 74
     

     View Slide

170. %61%6C%65%72%74
     

     View Slide

171. a l e r t
     

     View Slide

172. Invisible Variables
     

     View Slide

173. A='',B=!A+A,C=!B+A,D=A+
     {},E=B[A++],F=B[G=A],H=+
     +G+A,I=D[G+H],B[I+=D[A]+
     (B.C+D)[A]+C[H]+E+F+B[G]
     +I+E+D[A]+F][I](C[A]+C[G]
     +B[H]+F+E+"(A)")``
     

     View Slide

174. A='',B=!A+A,C=!B+A,D=A+
     {},E=B[A++],F=B[G=A],H=+
     +G+A,I=D[G+H],B[I+=D[A]+
     (B.C+D)[A]+C[H]+E+F+B[G]
     +I+E+D[A]+F][I](C[A]+C[G]
     +B[H]+F+E+"(A)")``
     

     View Slide

175. =[]
     

     View Slide

176. _=[]
     

     View Slide

177. +++
     

     View Slide

178. a+b+c+d
     

     View Slide

179. ==>
     

     View Slide

180. x=y=>z
     

     View Slide

181. //
     

     View Slide

182. /x/
     

     View Slide

183. a
     /
     b
     *
     c
     *
     d
     *
     x
     *
     y
     /
     z
     

     View Slide

184. a/b*c*d *x*y/z
     

     View Slide

185. //-[=''],‌=!+,‌‌=!‌+,‌‌‌=+{},‌‌‌‌=‌[++],‌‌‌‌‌=‌[
     ‌‌‌‌‌‌=],‌‌‌‌‌‌‌=++‌‌‌‌‌‌+,=‌‌‌[‌‌‌‌‌‌+‌‌‌‌‌‌‌],‌[+=‌‌‌[]+(‌.‌‌+‌‌‌)[]+‌‌[‌‌‌‌‌‌‌]+‌‌‌‌+
     ‌‌‌‌‌+‌[‌‌‌‌‌‌]++‌‌‌‌+‌‌‌[]+‌‌‌‌‌][](‌‌[]+‌‌[‌‌‌‌‌‌]+‌[‌‌‌‌‌‌‌]+‌‌‌‌‌+‌‌‌‌+"()")()
     

     View Slide

186. Invisible Vars + Code
     

     View Slide

187. /‌‌‌‌/[‌‌‌‌=""],‌‌‌‌‌‌‌‌='"',‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌==‌‌‌‌,‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌==‌‌‌‌‌‌‌‌,‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌,‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌,‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=+‌‌‌‌,‌=+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌
     ‌‌‌‌‌‌‌‌‌={},‌‌=‌+‌,‌‌‌=‌‌+‌,‌‌‌‌‌=‌‌+‌‌‌,‌‌‌‌‌‌‌‌‌=‌‌‌‌+‌‌‌‌‌‌‌‌‌,‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌.‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌,‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌[‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌[‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌[‌],
     ‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌[‌‌‌‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌[‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌[‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌[‌‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌[‌‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌[‌],‌‌‌‌‌‌‌‌‌‌‌‌‌="\\)(",
     ‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌[‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌[‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌[‌],‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+" ",‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌
     +‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌,‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌[‌‌‌‌‌‌‌‌‌‌][‌‌‌‌‌‌‌‌‌‌],‌‌‌‌‌‌‌‌‌‌‌‌‌‌(‌‌‌‌‌‌‌‌‌‌‌‌‌‌(‌‌‌‌‌‌+‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌(‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌(‌‌‌‌‌‌+‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+(‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌=‌‌‌‌‌‌‌‌‌‌‌+‌+(‌‌‌+‌‌‌)+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌
     )+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+"''"+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+"."+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌+‌+‌‌‌‌‌+(‌‌+‌‌)+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌
     +‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+"/"+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+".{"+(‌‌‌+‌‌‌‌‌)+"}/"+‌‌‌‌‌‌‌‌‌‌‌+‌+(‌‌+‌‌)+(‌‌‌‌‌+‌‌)
     +",''"+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌+‌‌‌‌‌‌‌‌)())()+‌‌‌‌‌‌‌‌)())() /// aem1k
     

     View Slide

188. ____ __ _____ ____ _____
     \ \ / // \ | || \
     \ \/ /| || || \
     \____/ \_____/ |____||______/
     Earth
     Air
     Water Fire
     

     View Slide

189. View Slide

190. aem1k.com/void
     

     View Slide

191. ::::::::::: ::: ::: ::: :::: ::: ::: :::
     :+: :+: :+: :+: :+: :+:+: :+: :+: :+:
     +:+ +:+ +:+ +:+ +:+ :+:+:+ +:+ +:+ +:+
     +#+ +#++:++#++ +#++:++#++: +#+ +:+ +#+ +#++:+
     +#+ +#+ +#+ +#+ +#+ +#+ +#+#+# +#+ +#+
     #+# #+# #+# #+# #+# #+# #+#+# #+# #+#
     

     View Slide

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

     View Slide