Download as PDF, PPTX
Uploaded byAlexandr Skachkov
WebAssembly Overview
This document discusses WebAssembly and its potential as a game changer for web development. It begins by providing background on how JavaScript evolved and its performance limitations. WebAssembly is presented as a solution to address JavaScript's performance issues by allowing code written in languages like C/C++ to run in the browser at near-native speed. The document explains that WebAssembly is a binary format and build target that works with JavaScript. It discusses how browsers execute WebAssembly, the interaction between WebAssembly and JavaScript, usage scenarios, security considerations, current support and future possibilities like garbage collection and threads. Examples of WebAssembly in use are also provided.
In this document
Powered by AI
Presentation by Oleksandr Skachkov introducing Itera Ukraine 2017 and his role in software architecture.
Introduction to Web Assembly (WASM) and its significance in web development.
History and milestones of JavaScript from its inception to modern enhancements influencing web performance.
Discussion on JavaScript's performance issues and limitations due to its features like dynamic typing.
Technical overview of how browsers execute JavaScript code.
Methods and tools available to optimize JavaScript code execution, including frameworks and optimizers.
WebAssembly introduced as a bytecode standard, enabling performance improvements over JavaScript.
WebAssembly's capability to serve as a build target for programming languages like C/C++/Rust.
Description of how browsers execute WebAssembly code and its interaction with JavaScript.
Explains how WebAssembly functions can interact with JavaScript functions for seamless integration.
Practical applications of WebAssembly including performance enhancements and resource library usage.
Evaluates the security features of WebAssembly, focusing on controlled operations and memory management.
Current global support for WebAssembly standing at 57% and its readiness for usage.
Current status and future expectations for WebAssembly including features like garbage collection and threading.
Showcases real-world applications built with WebAssembly including a video editor and games.
Open floor for questions regarding the presentation and WebAssembly.
More Related Content
![[Blibli Brown Bag] Nodejs - The Other Side of Javascript](https://cdn.slidesharecdn.com/ss_thumbnails/i9sycn9mqmawqhdzv0i6-signature-6c4174f35aa29065af3a8befc1a3a39ca764f84b5c082116486141991cd72c8c-poli-160225041632-thumbnail.jpg?width=640&height=640&fit=bounds)
WebAssembly Overview
- 1. ITERA UKRAINE 2017 WEB ASSEMBLY OLEKSANDRSKACHKOV @alSkachkov
- 2. ABOUT ME • Itera’sSoftware Architect • Itera’s FrontEnd Tech Lead • WebKit contributor from 2015 & JS hacker • Twitter: @alSkachkov • Email: oleksandr.skachkov@itera.no
- 3. WEB ASSEMBLY GAME CHANGER •What was before • WASM – why it is needed • WASM – what is next
- 4. HOW JS EVOLVE •Netscape Navigator 2.0 in 1995: • JS was born • NPAPI – for Java plugins • IE 3.0 - ActiveX • Flash player initial release - 1996 • HTML5 • JiT – in modern JS engines - 2008 • Aggressive optimization algorithms and ASM.js
- 5. WHAT IS WRONGWITH JS? • Performance • Access to OS features
- 6. THE STRENGTH ISA WEAKNESS • Easy to learn • Executes in browser environment • Dynamic typing = • LOW PERFORMANCE!
- 7.
- 8.
- 9.
- 10. HOW TO SOLVEBY TOOLS • Frameworks • Minifiers • Optimizers – Prepack • Rules and Hucks
- 11. TRIES TO SOLVEIN BROWSER
- 12. • WebAssembly, abytecode standard for web browsers • Announced in 17 June 2015 • Will be developed by major Browsers • Developed by WebAssembly Working Group WebAssembly - Game Changer
- 13. • Build target •Binary format • Support integration with JS • Close IR of the JS Engines • WASM 1.2x speed of the native code What is WebAssembly
- 14. WEBASSEMBLY IS BUILDTARGET • Build target – for C/C++/Rust
- 15. WEBASSEMBLY IS BUILDTARGET • Build target – for C/C++/Rust • Used intermediate representation – S expression WAT/WAST
- 16. WEBASSEMBLY IS BUILDTARGET • Build target – for C/C++/Rust • Used intermediate representation – S expression WAT/WAST • Binary format - WASM
- 17. HOW BROWSER EXECUTEWASM JS WASM
- 18. INTERACTION WITH JAVASCRIPT Wecan use JS function in WASM and WASM function in JS
- 19. INTERACTION WITH JAVASCRIPT Wecan use JS function in WASM and WASM function in JS
- 20. USAGE SCENARIOS • Writefaster version of the specific application • Using existing C libraries in browser • Reuse algorithm from service side • Distribute whole application as WebAsm
- 21. SECURITY • Limit setof operation • Controlled operation with memory
- 22. CAN WE USEWEBASSEMBLY? Global support 57% Yes we can
- 23. CURRENT STATUS ANDFUTURE Current • MVP • No finalized spec (Experimental feature) Future: • GC • Threads • Tools
- 24. EXAMLES • Video editorhttps://d2jta7o2zej4pf.cloudfront.net/ • Game: http://webassembly.org/demo/Tanks/ • Garden for Mozilla: https://s3.amazonaws.com/mozilla- games/ZenGarden/EpicZenGarden.html • TypeScript for WA: https://github.com/AssemblyScript/assemblyscript
- 25.