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

JavaScript: The Past, Present and Future

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kim Joar Bekkelund Kim Joar Bekkelund
April 17, 2015
Programming
130
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
120
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
270
Patterns of Large-Scale JavaScript Applications
Avatar for Kim Joar Bekkelund kimjoar
20
1.5k
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
200
Simple JavaScript Abstractions
Avatar for Kim Joar Bekkelund kimjoar
9
800
Introduksjon til forretningsmodeller
Avatar for Kim Joar Bekkelund kimjoar
2
370

Other Decks in Programming

See All in Programming
AIを導入する前にやるべきこと
Avatar for Negima negima
2
320
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
160
検索設計から
推論設計への重心移動と
Recall-First Retrieval
Avatar for po3rin po3rin
5
1.4k
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
Avatar for hadashiA hadashia
2
1.4k
ハーネスエンジニアリングとは？
Avatar for kinopee kinopeee
13
6.6k
リセットCSSを1行消したらアクセシビリティが向上した話
Avatar for pvcresin pvcresin
4
420
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
320
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
9
5.3k
Road to RubyKaigi: Play Hard(ware)
Avatar for makicamel makicamel
1
520
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
440
Spec Driven Development | AI Summit Vilnius
Avatar for Daniel Sogl danielsogl
PRO
1
130
20年以上続くプロダクトでも使い続けられる静的解析ツールを求めて
Avatar for Atsushi Matsuo matsuo_atsushi
0
120

Featured

See All Featured
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
270
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
190
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
240
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730

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!