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

JavaScript: The Past, Present and Future

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Kim Joar Bekkelund Kim Joar Bekkelund
April 17, 2015
Programming
150
0

JavaScript: The Past, Present and Future

An introduction to the role of JavaScript. Given to students at NTNU in Trondheim, Norway.

Avatar for Kim Joar Bekkelund

Kim Joar Bekkelund

April 17, 2015

More Decks by Kim Joar Bekkelund

See All by Kim Joar Bekkelund
ASTs in JavaScript
Avatar for Kim Joar Bekkelund kimjoar
0
130
Writing Beautiful JavaScript Tests
Avatar for Kim Joar Bekkelund kimjoar
12
2.7k
WebSockets and Server-Sent Events
Avatar for Kim Joar Bekkelund kimjoar
1
280
Patterns of Large-Scale JavaScript Applications
Avatar for Kim Joar Bekkelund kimjoar
20
1.6k
Patterns of Large-Scale JavaScript Applications
Avatar for Kim Joar Bekkelund kimjoar
22
2.4k
Enkle JavaScript-abstraksjoner
Avatar for Kim Joar Bekkelund kimjoar
1
210
Simple JavaScript Abstractions
Avatar for Kim Joar Bekkelund kimjoar
9
820
Introduksjon til forretningsmodeller
Avatar for Kim Joar Bekkelund kimjoar
2
380

Other Decks in Programming

See All in Programming
Built Our Own Background Agent at LayerX
Avatar for LayerX layerx
PRO
9
4.9k
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
530
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
200
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
Avatar for YuppeEng yuppeeng
0
190
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.7k
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
Avatar for freee freee
PRO
0
260
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
Avatar for Kenji Kono konokenj
3
750
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
440
霧の中の代数的エフェクト
Avatar for funnycat funnyycat
1
460
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
Avatar for maroon1st maroon1st
0
310
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.5k
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
400

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
240
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
180
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
360
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
440
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
430
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.2M
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k

Transcript

  1. JavaScript The Past, Present and Future

  2. Kim Joar Bekkelund @kimjoar [email protected] Fagleder i JS-plattform Jobbet i

    BEKK siden 2011
  3. None
  4. None

  5. It all started at 1995

  6. Brendan Eich + 10 days = JavaScript

  7. What did we do with this new language? (You really

    don't want to know)

  8. CUT & PASTE

  9. None
  10. None
  11. None

  12. … and this went on for almost 10 years

  13. 2004

  14. 2005

  15. What happened?

  16. What happened?

  17. What happened?

  18. What happened?

  19. JavaScript went from nothing to …

  20. "any application that can be written in JavaScript, will eventually

    be written in JavaScript." Atwood's Law

  21. JavaScript Where are we now?

  22. We expect more!

  23. None
  24. None

  25. SPA Single-page applications

  26. None

  27. 10/90? 50/50? 70/30?

  28. None
  29. None

  30. WebSockets Client Server Set up connection

  31. JavaScript + I/O Single-threaded, non-blocking

  32. None

  33. Node.js in production?

  34. “Assembly language of the web”

  35. None

  36. # Assignment: number = 42 opposite = true # Conditions:

    number = -42 if opposite # Functions: square = (x) -> x * x # Arrays: list = [1, 2, 3, 4, 5] # Objects: math = root: Math.sqrt square: square cube: (x) -> x * square x Inspired by Ruby and Python Several features will be added to the next JS version

  37. class Point { x: number; y: number; constructor(x: number, y:

    number) { this.x = x; this.y = y; } getDist() { return Math.sqrt( this.x * this.x + this.y * this.y ); } } var p = new Point(3,4); var dist = p.getDst(); console.log("Hypotenuse is: " + dist); Optional static typing. Superset of JS.

  38. data Person = Person { name :: String, age ::

    Number } showPerson :: Person -> String showPerson (Person o) = o.name ++ ", aged " ++ show o.age examplePerson :: Person examplePerson = Person { name: "Bonnie", age: 26 } Inspired by Haskell

  39. (ns example (:require [om.core :as om] [om.dom :as dom])) (defn

    widget [data owner] (reify om/IRender (render [this] (dom/h1 nil (:text data))))) (om/root widget {:text "Hello world!"} {:target (. js/document (getElementById "my-app"))}) A Lisp for the browser

  40. asm.js Speeding up compiled languages

  41. asm.js Speeding up compiled languages "an extraordinarily optimizable, low-level subset

    of JavaScript"

  42. C/C++ -> LLVM -> Emscripten -> asm.js

  43. int f(int i) { return i + 1; } C

    function f(i) { i = i|0; return (i + 1)|0; } asm.js

  44. But what happens when you can run C and C++

    code in the browser?
  45. None
  46. None
  47. None

  48. millions of lines of C compiled to asm.js/JavaScript running in

    a browser !

  49. JavaScript The future

  50. language, apps, ecosystem, VM

  51. LANGUAGE the

  52. ES1 1997 ES2 1998 ES3 1999 ES4 Abandoned ES5 2009

    ES6 2015 ES7 est. 2016

  53. Adjustments based on real-world problems

  54. None

  55. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Datainn</title>

    <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <script src="../shared/vendor/proj4js/proj4js-compressed.js"></scr <script src="../shared/vendor/bower_components/underscore/undersco <script src="../shared/vendor/bower_components/jquery/jquery.min.j <script src="../shared/vendor/bower_components/spin.js/spin.js"></ <script src="../shared/vendor/bower_components/angular/angular.js" <script src="../shared/vendor/bower_components/angular-route/angul <script src="../shared/vendor/bower_components/angular-animate/ang <script src="../shared/vendor/bower_components/ng-table/ng-table.j <script src="../shared/vendor/bower_components/moment/moment.js">< <script src="../shared/vendor/bower_components/moment/lang/nb.js"> <script src="../shared/vendor/bower_components/based-on/index.js"> <script src="../shared/vendor/bower_components/poller.js/poller.js <script src="../shared/vendor/bower_components/ee.js/ee.js"></scri <script src="../shared/vendor/bower_components/d3/d3.js"></script> <script src="../shared/vendor/bower_components/nvd3/nv.d3.js"></sc
  56. None

  57. ECOSYSTEM the

  58. None

  59. Cryptography API, Audio API, WebRTC, File API …

  60. 60fps, but only one thread Web Workers 60fps, but only

    one thread
  61. None

  62. from mostly huge frameworks to thousands of small libraries

  63. None

  64. Rendering to …

  65. WebGL

  66. vimeo.com/105880197 javazone webgl

  67. React Native

  68. None
  69. None

  70. APPS the

  71. None
  72. None

  73. offline first

  74. Full-featured online apps

  75. None
  76. None

  77. Desktop and mobile apps

  78. None

  79. chrome os, windows 8, firefox os JavaScript as a first-class

    citizen

  80. We will see more of the backend developers on the

    frontend … and that's a great thing!

  81. VM the

  82. Browser = rendering engine + JavaScript engine

  83. Chakra SpiderMonkey JavaScriptCore V8 Nashorn

  84. Super-competitive market Push for new features and better performance

  85. 2/3 of native speed on benchmarks emscripten + asm.js

  86. None

  87. Want to learn JS?

  88. None
  89. None

  90. Takk for meg!