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

The Book Nerd's Guide to JavaScript

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Angus Croll Angus Croll
November 17, 2014
Technology
4.4k
14

The Book Nerd's Guide to JavaScript

Given at DotJS, Paris on 17th November 2014

Avatar for Angus Croll

Angus Croll

November 17, 2014

More Decks by Angus Croll

See All by Angus Croll
Stop being Perfect
Avatar for Angus Croll anguscroll
11
1.7k
ES6 Uncensored
Avatar for Angus Croll anguscroll
72
12k
Learning to Fly — Twitter Flight and Mixins
Avatar for Angus Croll anguscroll
23
4.7k
JavaScript is Literature is JavaScript
Avatar for Angus Croll anguscroll
21
3.6k
The Politics of JavaScript
Avatar for Angus Croll anguscroll
122
23k
Parlez-Vous JavaScript
Avatar for Angus Croll anguscroll
33
6.4k
Break all the Rulez
Avatar for Angus Croll anguscroll
42
16k
How we Learned to Stop Worrying and Love JavaScript
Avatar for Angus Croll anguscroll
90
22k

Other Decks in Technology

See All in Technology
生成AIの活用/high_school2026
Avatar for Oka Natsuki okana2ki
0
130
10年目を迎えた「ABEMA」がどのように AI 活用を推進して、AI 駆動開発にシフトしているのか / How ABEMA, entering its 10th year, is promoting the use of AI and shifting toward AI-driven development
Avatar for Yusei Yamanaka miyukki
0
120
ゼロをイチにする仕事が終わったあと
Avatar for Masato Sugiyama smasato
0
330
CIで使うClaude
Avatar for TomoyaIwata iwatatomoya
0
240
関数型の考えを TypeScript に持ち込んで、テストしやすい純粋関数を増やす / Pure at the Core, Effects at the Edge: Bringing Functional Thinking into TypeScript
Avatar for 株式会社カミナシ kaminashi
1
110
型は壁、Rustでもバグを直すな、表現できなくせよ
Avatar for nwiizo nwiizo
13
2k
Control Planeで育てるBtoB SaaSの認証基盤 - SRE NEXT 2026
Avatar for pokohide pokohide
1
2.3k
美しいコードを書くためにF#を学んでみた話
Avatar for yud0uhu yud0uhu
1
410
ポストモーテム！ DDoSからサイトは守れた。 でもビジネスは守れなかった。
Avatar for 弁護士ドットコム bengo4com
0
2.8k
誤解だらけの開発生産性 / Myths and Misconceptions about Developer Productivity
Avatar for Masato Ishigaki / 石垣雅人 i35_267
1
230
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
110k
オブザーバビリティ、本当に活用できてる？ 〜API連携×生成AIで成熟度を自動評価〜
Avatar for dmmsre dmmsre
1
3k

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
186
16k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
220
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
52k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.9k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
270
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
220
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

Transcript

  1. A Book Nerd’s Guide to JavaScript @angustweets

  2. None

  3. Practical, Useful, Mind Numbingly Boring Nonsensical Work of Genius

  4. What can Literature teach us about Programming?

  5. Great literature is the creation of open minds As programmers

    our focus can be very narrow

  6. We’re encouraged to follow only one style…

  7. Actual excerpts from: Google Style Guide AirBnb Style Guide JavaScript

    Garden
  8. None
  9. None

  10. We’re left with only one way to get from A

    to B :(
  11. None
  12. None

  13. Literature is about embracing the entire language

  14. When programmers embrace the entire language we get choices…

  15. None
  16. None

  17. "There are indeed many ways to do the same thing

    in JS. That's one of the beauties of the language" - Peter van der Zee (@kuvos)
  18. None
  19. None

  20. (at least until the JavaScript Police get here)

  21. None
  22. None

  23. Perhaps most importantly…

  24. …Open Minds keep JavaScript fun.

  25. This one just follows The Good Parts These two learn

    by experiment

  26. As programmers we’re not encouraged to experiment

  27. Yet experiment is what keeps JavaScript alive

  28. “You need a lot of bad code to write good

    code” - Substack (dotJS 2014)

  29. ‣ if(!!x) ‣ fn && fn() ‣ immediately invoked functions

    ‣ module pattern ‣ promises
  30. None

  31. I decided to take experiment to the next level…

  32. None

  33. Wait What?

  34. Twenty Five Authors solving Five JavaScript Problems

  35. Hemingway developed the Iceberg Theory

  36. Here is Hemingway’s Iceberg Theory applied to JavaScript…

  37. (weird shit) (Deceptively Familiar Syntax) (weird shit) JavaScript

  38. (weird shit) JAVA!! (Deceptively Familiar Syntax) (weird shit) JavaScript

  39. (weird shit) JAVA!! But Easier!! (Deceptively Familiar Syntax) (weird shit)

    JavaScript

  40. (weird shit) JAVA!! But Easier!! (Deceptively Familiar Syntax) (weird shit)

    WTF? JavaScript

  41. Generate Prime Numbers

  42. None

  43. // A succession of creatures mount the stairs;! // each

    creature's stride exceeds that of its predecessor! var monstersAscendingAStaircase = function(numberOfSteps) {! var stairs = []; stepsUntrodden = [];! var largestGait = Math.sqrt(numberOfSteps);! for (var i = 2; i <= largestGait; i++) {! if (!stairs[i]) {! for (var j = i * i; j <= numberOfSteps; j += i) {! stairs[j] = 'stomp';! }! }! }! ! // Long-limbed monsters won't tread on prime numbered stairs.! for (var i = 2; i <= numberOfSteps; i++) {! if(!stairs[i]) {! stepsUntrodden.push(i);! }! }! ! // Here, then, is our answer.! return stepsUntrodden;! };!

  44. 1 2 3 4 5 6 7 8 9 10

    11 12 13 14 2 3 Borges vs. Prime Numbers
  45. None

  46. function downTheRabbitHole(growThisBig) {! var theFullDeck = Array(growThisBig);! var theHatter =

    Function('return this/4').call(2*2);! var theMarchHare = Boolean("The frumious Bandersnatch!");! ! var theVerdict = "the white rabbit".split(/the march hare/).slice(theHatter);! ! //into the pool of tears...! eval(theFullDeck.join("if (!theFullDeck[++theHatter]) {\! theMarchHare = 1;\! theVerdict.push(theHatter);\! " + theFullDeck.join("theFullDeck[++theMarchHare * theHatter]=true;") + "}")! );! ! return theVerdict;! }!

  47. function downTheRabbitHole(growThisBig) {! var theFullDeck = Array(growThisBig);! var theHatter =

    Function('return this/4').call(2*2);! var theMarchHare = Boolean("The frumious Bandersnatch!");! ! var theVerdict = "the white rabbit".split(/the march hare/).slice(theHatter);! ! //into the pool of tears...! eval(theFullDeck.join("if (!theFullDeck[++theHatter]) {\! theMarchHare = 1;\! theVerdict.push(theHatter);\! " + theFullDeck.join("theFullDeck[++theMarchHare * theHatter]=true;") + "}")! );! ! return theVerdict;! }!

  48. function downTheRabbitHole(growThisBig) {! var theFullDeck = Array(growThisBig);! var theHatter =

    Function('return this/4').call(2*2);! var theMarchHare = Boolean("The frumious Bandersnatch!");! ! var theVerdict = "the white rabbit".split(/the march hare/).slice(theHatter);! ! //into the pool of tears...! eval(theFullDeck.join("if (!theFullDeck[++theHatter]) {\! theMarchHare = 1;\! theVerdict.push(theHatter);\! " + theFullDeck.join("theFullDeck[++theMarchHare * theHatter]=true;") + "}")! );! ! return theVerdict;! }!

  49. ! new Array(5).join('A' + new Array(5).join('a'));! ! >! !

  50. new Array(5).join("A" + new Array(5).join('a'));! ! > "AaaaaAaaaaAaaaaAaaaa"!

  51. function downTheRabbitHole(growThisBig) {! var theFullDeck = Array(growThisBig);! var theHatter =

    Function('return this/4').call(2*2);! var theMarchHare = Boolean("The frumious Bandersnatch!");! ! var theVerdict = "the white rabbit".split(/the march hare/).slice(theHatter);! ! //into the pool of tears...! eval(theFullDeck.join("if (!theFullDeck[++theHatter]) {\! theMarchHare = 1;\! theVerdict.push(theHatter);\! " + theFullDeck.join("theFullDeck[++theMarchHare * theHatter]=true;") + "}")! );! ! return theVerdict;! }!

  52. eval(“if(!theFullDeck[++theHatter]){theMarchHare=1;theVerdict.push(theHatter);theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;}if(!theFullDeck[+ +theHatter]){theMarchHare=1;theVerdict.push(theHatter);theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;}if(!theFullDeck[+ +theHatter]){theMarchHare=1;theVerdict.push(theHatter);theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+

    +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;}if(!theFullDeck[+ +theHatter]){theMarchHare=1;theVerdict.push(theHatter);theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;}if(!theFullDeck[+ +theHatter]){theMarchHare=1;theVerdict.push(theHatter);theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;}if(!theFullDeck[+ +theHatter]){theMarchHare=1;theVerdict.push(theHatter);theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;theFullDeck[+ +theMarchHare*theHatter]=true;theFullDeck[++theMarchHare*theHatter]=true;}”);!

  53. eval(“if (!theFullDeck[++theHatter]) {! theMarchHare = 1;! theVerdict.push(theHatter);! theFullDeck[++theMarchHare * theHatter]

    = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! }! if (!theFullDeck[++theHatter]) {! theMarchHare = 1;! theVerdict.push(theHatter);! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! theFullDeck[++theMarchHare * theHatter] = true;! }! if (!theFullDeck[++theHatter]) {! theMarchHare = 1;!

  54. Alice in Prime Numberland

  55. Alice in Prime Numberland

  56. Alice in Prime Numberland

  57. Alice in Prime Numberland

  58. Alice in Prime Numberland

  59. Alice in Prime Numberland

  60. Alice in Prime Numberland

  61. Alice in Prime Numberland

  62. Alice in Prime Numberland

  63. Alice in Prime Numberland

  64. Alice in Prime Numberland

  65. So what did we learn?

  66. Playing is Learning

  67. Self-taught programmers are often the best programmers because they get

    to make mistakes

  68. Experiment, Play, Have Fun and Keep an Open Mind.

  69. Fin, merci! @angustweets anguscroll.com/hemingway

  70. Books: http://pixgood.com/classic-book-spines.html/ Montparnasse Tower: http://allparisguides.com Eiffel Tower: Yellow Monster: http://content.mycutegraphics.com/

    Green Monster: http://wondersofdisney2.yolasite.com/ White Rabbit: http://www.clker.com/ Mad Hatter, March Hare: http://wondersofdisney2.yolasite.com/ Cow, tree, office buildings: clipartpanda.com/ Grass: imgarcade.com/ Lion cubs: https://www.flickr.com/photos/mbiddulph/6947067048/ Cheetah cubs: http://www.bhmpics.com/view-cheetah_cubs_playing-1920x1080.html/ ! Image credits