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

Let's Use More JavaScript, OK?

Jason Rhodes
June 10, 2014
Programming
1
170

Let's Use More JavaScript, OK?

Presentation given at Penn State Web Conference in June 2014.

Jason Rhodes

June 10, 2014
Tweet

More Decks by Jason Rhodes

See All by Jason Rhodes
What's New with React, 2018 Edition
rhodesjason
0
50
Snapshot Everything
rhodesjason
0
41
Make Something Dumb
rhodesjason
0
49
Node Workshop: NorfolkJS Edition
rhodesjason
0
32
Nuclear Pizza Machine
rhodesjason
0
60
How to Succeed With JavaScript (Without Really Trying)
rhodesjason
0
110
NodeSchool is OSCCL
rhodesjason
0
130
NodeSchool Intro: Sept 27, 2014
rhodesjason
1
60
Started from the Bottom
rhodesjason
0
83

Other Decks in Programming

See All in Programming
Unityでのチート対策を簡単かつ高品質に行う為の取り組み
trapezoid
2
1.8k
Writing Greener Java Applications
hollycummins
0
360
Showkase、Paparazziを用いたビジュアルリグレッションテストの導入にチャレンジした話 / MoT TechTalk #15
mot_techtalk
0
140
ポケモンで学ぶiOS 16弾丸ツアー 🚅
giginet
PRO
1
620
Rust、何もわからない...#6発表資料
ryu19
0
140
TypeScript 4.9のas const satisfiesが便利
tonkotsuboy_com
9
2.3k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
360
Milestoner
bkuhlmann
1
250
Glance App Widgetでウィジェットを作ろう / MoT TechTalk #15
mot_techtalk
0
150
和暦を正しく扱うための暦の話
nagise
10
6.6k
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
290
Swift Expression Macros: a practical introduction
kishikawakatsumi
2
740

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
50k
YesSQL, Process and Tooling at Scale
rocio
159
12k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
175
9.1k
The Web Native Designer (August 2011)
paulrobertlloyd
76
2.2k
A Philosophy of Restraint
colly
193
15k
Happy Clients
brianwarren
90
5.8k
Teambox: Starting and Learning
jrom
124
7.9k
Infographics Made Easy
chrislema
235
17k
Navigating Team Friction
lara
177
12k
The Mythical Team-Month
searls
210
40k
What's new in Ruby 2.0
geeforr
336
30k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k

Transcript

  1. Let’s Use More JavaScript, OK?

  2. describe javascript in a few words? how would you

  3. None

  4. Wat @garybernhardt https://www.destroyallsoftware.com/talks/wat

  5. 1 + 3 ! => 4

  6. "hel" + "lo" ! => "hello"

  7. [] + [] ! => ""

  8. {} + {} ! => 0

  9. None

  10. typeof 5 ! => Number

  11. typeof "hello" ! => String

  12. typeof [1,2,3] ! => Object

  13. typeof [1,2,3] ! => Object

  14. typeof null ! => Object

  15. typeof null ! => Object

  16. None

  17. typeof NaN ! => Number

  18. typeof NaN ! => Number

  19. None
  20. None

  21. ! Got a question? ASK TWITTERS!

  22. None
  23. None

  24. JavaScript, the worst invention ever. –Bert Bos computer scientist former

    W3C chairman CSS Working Group
  25. None
  26. None

  27. The most brittle part of the stack is JavaScript. –Jeremy

    Keith web evangelist
  28. None
  29. None
  30. None
  31. None

  32. {{ JavaScript 18 other languages

  33. =

  34. ===

  35. Why?

  36. READY, SET, HISTORY

  37. ASSEMBLY

  38. None
  39. None

  40. FORTRAN Formula Translating System

  41. None

  42. FORTRAN code example

  43. COBOL Common Business Oriented Language

  44. COBOL “Hello World”

  45. The use of COBOL cripples the mind; its teaching should,

    therefore, be regarded as a criminal offense. “ –Edsger Dijkstra, 1975

  46. ALGOL Algorithmic Language

  47. ALGOL example code

  48. LISP List Processing

  49. LISP: the most intelligent way to misuse a computer. “

  50. C

  51. None

  52. A C program is like a fast dance on a

    newly waxed dance floor by people carrying razors. “ –Waldi Ravens

  53. FORTRAN COBOL BASIC ALGOL C LISP Simula Smalltalk C++, PHP,

    Objective-C, Java Ruby Scheme Self

  54. LIKEABILITY ADOPTION AVAILABILITY EASE OF USE Likeability doesn’t matter. 1.

  55. LIKEABILITY ADOPTION AVAILABILITY EASE OF USE Likeability doesn’t matter. 1.

  56. People hate JavaScript. (They should get over it.)

  57. ! 25 Scheme 27 Lisp 36 Smalltalk ! ?? ALGOL

  58. ! ☔️ 1 C 2 Java 3 PHP 5 C++

    25 Scheme 27 Lisp 36 Smalltalk ! ?? ALGOL

  59. JavaScript is everywhere. 2. Likeability doesn’t matter. 1.

  60. JavaScript is 2. Likeability doesn’t matter. 1. JavaScript is awesome.

    3.

  61. FUNCTIONS!!!

  62. FUNCTIONS!!!

  63. FUNCTIONS!!!

  64. FUNCTIONS!!!

  65. FUNCTIONS!!!

  66. FUNCTIONS!!!

  67. FUNCTIONS!!!

  68. Prototype Inheritance

  69. None
  70. None
  71. None

  72. 1 episode: 10 months 1 batch: 30 days Entire programming

    language: 10 days

  73. LiveScript

  74. LiveScript

  75. LiveScript Java

  76. JavaScript JScript

  77. European Computer Manufacturers Association (ECMA)

  78. JavaScript JScript ECMAScript

  79. ES1 (June 1997) ES2 (June 1998) ES3 (December 1999)

  80. DOM AND THE DARK YEARS OF THE DOM CSS 1

    XML RDF HTML 4.0

  81. Jesse James Garrett 2005

  82. None

  83. NOT BAD

  84. None
  85. None

  86. The first time you run $(’.foo’).fadeOut(), you feel like a

    god damn wizard. “ –Oscar Godson, jQuery Made Me Become A Programmer
  87. None
  88. None
  89. None
  90. None

  91. ES5

  92. ES5 Shim github.com/es-shims/es5-shim

  93. small reusable libraries

  94. … 451!

  95. None
  96. None
  97. None
  98. None
  99. None

  100. youtube.com/watch?v=ztspvPYybIY

  101. None
  102. None

  103. http://addyosmani.com/writing-modular-js/

  104. None

  105. myproject/ main.js

  106. myproject/ main.js sayHello.js

  107. None
  108. None

  109. FILE SCOPE sayHello.js

  110. FILE SCOPE sayHello.js

  111. main.js

  112. None
  113. None

  114. browserify main.js -o bundle.js $

  115. myproject/ main.js sayHello.js bundle.js

  116. None
  117. None
  118. None
  119. None
  120. None
  121. None

  122. Likeability doesn’t matter. 1.

  123. Likeability doesn’t matter. 1.

  124. JavaScript is everywhere. 2. Likeability doesn’t matter. 1.

  125. None
  126. None

  127. JavaScript is 2. Likeability doesn’t matter. 1. JavaScript is awesome.

    3.
  128. None
  129. None
  130. None
  131. None
  132. None

  133. Rate this talk! bit.ly/psuprogramming THANKS. Follow me/AMA twitter.com/rhodesjason