$30 off During Our Annual Pro Sale. View Details »

The Book Nerd's Guide to JavaScript

Angus Croll
November 17, 2014
Technology
14
3.8k

The Book Nerd's Guide to JavaScript

Given at DotJS, Paris on 17th November 2014

Angus Croll

November 17, 2014
Tweet

More Decks by Angus Croll

See All by Angus Croll
Stop being Perfect
anguscroll
11
1.1k
ES6 Uncensored
anguscroll
72
11k
Learning to Fly — Twitter Flight and Mixins
anguscroll
23
4.2k
JavaScript is Literature is JavaScript
anguscroll
21
3k
The Politics of JavaScript
anguscroll
122
22k
Parlez-Vous JavaScript
anguscroll
33
6.1k
Break all the Rulez
anguscroll
42
15k
How we Learned to Stop Worrying and Love JavaScript
anguscroll
90
21k

Other Decks in Technology

See All in Technology
Redshift ServerlessとProvisioned Cluster のちょっとした違い
mashiike
0
160
データ操作について
miyakemito
0
310
Svelte Runtime 101 (JSConf JP 2022)
baseballyama
3
4.3k
Sports Analyst Meetup #13 (2022/11/26)
keisuke198619
0
270
Oracleが提供するマイクロサービス開発基盤 / oracle-microservices-development-platform-overview
oracle4engineer
PRO
1
120
Advice for Ruby beginners
sinsoku
2
200
Reactのトレンドよくわからん
oukayuka
11
6.6k
OCI Search Service with OpenSearch ご紹介/search-service-overview
oracle4engineer
PRO
0
320
Make time count with Wear OS 🤖⌚️
moyheen
3
170
OracleのCloud Native 戦略／ソリューションの特徴 / oracle-cloud-native-strategy-overview
oracle4engineer
PRO
1
190
Oracle Funtions ご紹介 / oracle-functions-overview
oracle4engineer
PRO
0
450
金融システムにおけるクラウドネイティブなアーキテクチャ設計とその構築
tetsun
0
150

Featured

See All Featured
YesSQL, Process and Tooling at Scale
rocio
158
12k
Teambox: Starting and Learning
jrom
124
7.8k
Principles of Awesome APIs and How to Build Them.
keavy
116
15k
Designing for Performance
lara
599
64k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Rails Girls Zürich Keynote
gr2m
87
12k
GraphQLとの向き合い方2022年版
quramy
19
9.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
270
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Adopting Sorbet at Scale
ufuk
65
7.8k
Git: the NoSQL Database
bkeepers
PRO
417
60k
Producing Creativity
orderedlist
PRO
335
37k

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