Introduction to webassembly
0 likes•243 views
The document is an introduction to WebAssembly by Gabriele Falasca, outlining its significance in improving web application performance by enabling near-native execution speeds in browsers. It explains that WebAssembly is a low-level, portable format that can compile C/C++ code for use in web applications, allowing seamless integration with JavaScript. The document also touches on the evolution of web technologies and how WebAssembly provides a solution to performance challenges faced by traditional JavaScript frameworks.
Introduction to webassembly
- 1. INTRODUCTION TO WEBASSEMBLY GABRIELE FALASCA - MOZILLA - ROMAJS
- 2. WHO AM I? ● GABRIELE FALASCA ● Frontend developer @Sourcesense ● Mozilla Tech Speaker ● Mozillian ● Open source Addicted ● Linux user since 2009
- 3. DISCLAIMER
- 4. HISTORY
- 5. HISTORY: 1995 2005 TODAY /index.html /index.php /api/v1/post?page=1&orderby=name Static HTML content HTML content generated from PHP (or ASP or Java) application Semi-raw data in a browser understandable format (someone says JSON?) Javascript is born (1997~1999 )
- 6. FOCUS: JAVASCRIPT IS THE ONLY LANGUAGE THAT WEB BROWSERS CAN RUN
- 7. FOCUS: JAVASCRIPT WAS ORIGINALLY CREATED FOR MANAGE USER INTERACTION WITH THE DOM, BUT NOW YOU CAN WRITE COMPLETE WEB APPLICATION WITH IT.
- 8. FOCUS: TODAY THE BROWSER HAS TO WORK HARD FOR ELABORATE DATA AND RENDER WEBPAGES!!!
- 9. HOW TO AVOID LAGS?
- 10. HOW TO AVOID LAGS: JS FRAMEWORK
- 11. HOW TO AVOID LAGS: PRECOMPILATION
- 12. NEXT STEP
- 13. NEXT STEP: CAN CLIENT-SIDE WEBAPPLICATION RUN AT HARDWARE-NATIVE SPEED?
- 14. NEXT STEP: SOMEONE ARE WORKING ON IT!! :D
- 15. WHO IS: WEBASSEMBLY IS A NEW PORTABLE, SIZE- AND LOAD-TIME-EFFICIENT FORMAT SUITABLE FOR COMPILATION TO THE WEB from: WebAssembly.org
- 16. WHO IS: IS A NEW LOW-LEVEL ASSEMBLY-LIKE LANGUAGE THAT RUNS IN MODERN BROWSERS AT NEAR-NATIVE PERFORMANCE from: WebAssembly.org
- 17. WHAT?!
- 18. WHAT?! WEBASSEMBLY IS NOT A BINARY BLOB COLLECTION LAUNCHED IN YOUR BROWSER!!! IS A SORT OF HUMAN-READABLE CODE RUNTIME COMPILED
- 20. ANOTHER LANGUAGE?! YOU CAN WRITE YOUR C/C++ CODE AND COMPILE IT TO WEBASSEMBLY MODULE.
- 21. ANOTHER LANGUAGE?! WEBASSEMBLY MODULES CAN BE WRAPPED INTO JAVASCRIPT FUNCTIONS (AND CAN USE EXISTING JS LIBRARIES)
- 22. JS API
- 23. JS API WEBASSEMBLY MODULES CAN BE WRAPPED INTO JAVASCRIPT FUNCTIONS (AND CAN USE EXISTING JS LIBRARIES) var mod = new WebAssembly.Module(BufferSource bytes) - (now) --- <script type=”module” src=”somepath/wasmpath”></script> - (in the future) BufferSource object is not a web standard at now
- 25. JS WebAssembly Object - constructors WebAssembly.Module WebAssembly.Instance WebAssembly.Memory WebAssembly.Table WebAssembly.CompileError WebAssembly.LinkError WebAssembly.RuntimeError
- 26. JS WebAssembly Object - functions WebAssembly.validate(BufferSource bs) WebAssembly.compile(BufferSource bs) - async WebAssembly.instantiate(Module m) Complete specifications to: http://webassembly.org/docs/js/
- 27. New JS Types
- 28. New JS Types Uint8Array Uint16Array Uint32Array these types are not standard at this moment, but they are in Release Candidate state for standardization
- 31. EXAMPLES EXPLORER EPICZENGARDEN SOME QT PROJECTS PORTED TO WEBASSEMBLY
- 32. QUESTIONS?!