The Saga of JavaScript and TypeScript: Part 1
Download as PPTX, PDF0 likes139 views
The document discusses the history and evolution of JavaScript, TypeScript, and related technologies. It describes how JavaScript originated as LiveScript in 1995 and was standardized as ECMAScript. It outlines the development of JavaScript engines like V8 and environments like Node.js that expanded JavaScript beyond browsers. Finally, it introduces TypeScript as a typed superset of JavaScript that transpiles to JavaScript and allows development of client-side and server-side apps using JavaScript and Node.js.
The Saga of JavaScript and TypeScript: Part 1
- 1. The Saga of JavaScript & TypeScript: Part 1 Haci M. Yaman 22/4/2021 Deno
- 2. Content 1. JavaScript 2. Google Chrome V8 3. Node.js 4. TypeScript Node if you get the joke!
- 3. 1. JavaScript • History • 1995: Netscape Navigator: LiveScript, called JavaScript later • 1996: Microsoft Internet Explorer: JScript (reverse-engineered JavaScript) • 2000: Microsoft dominance: stagnant development on browser side • 2004: Mozilla Firefox: popularity and cheers • 2008: Google Chrome: debut with V8 (the fastest) JavaScript engine • 2009: ECMAScript 5 • 2015: ECMAScript 6 • ECMAScript 2016 (7th ed.); ECMAScript 2017 (8th ed.); ECMAScript 2018 (9th ed.) • ECMAScript 2019 (10th ed.); ECMAScript 2020 (11th ed.); ECMAScript 2021 (12th ed.) • Language: • a high-level programming language that conforms to the ECMAScript specification • multi-paradigm: procedural, object-oriented • dynamic typing • prototype-based object-orientation • first-class functions • JIT: just-in-time compilation See language features at: https://node.green/ Ref: https://en.wikipedia.org/wiki/JavaScript
- 4. 2. Google Chrome V8 • an open-source JavaScript engine developed by Google • also runs on the server side • Used in Couchbase, Node.js, Deno, Electron, etc. • compiles JavaScript directly to native machine code using JIT compilation before executing it • optimized (and re-optimized) dynamically at runtime Ref: https://en.wikipedia.org/wiki/V8_(JavaScript_engine) Ref: https://v8.dev/
- 5. 3. Node.js • open-source cross-platform back-end JavaScript runtime environment • runs on the V8 engine • executes JavaScript outside a web browser • an event-driven architecture capable of asynchronous I/O • aim: optimize throughput and scalability • develop • CLI tools • Server-side scripting • HTTP servers • Real-time communication services Ref: https://nodejs.org/en/ Ref: https://en.wikipedia.org/wiki/Node.js
- 6. 4. TypeScript • in 2012 by architect of C# and designer of Delphi & Turbo Pascal • strict syntactical superset of JavaScript • adds static typing (optional) • designed for the development of large enterprise applications • transcompiles/transpiles to JavaScript • target different versions of ECMAScript • existing JavaScript programs • => valid TypeScript programs (usually) • develop apps for both • client-side and • server-side (using Node.js or Deno) Ref: https://www.typescriptlang.org/