MunichDotNet - WebAssembly and Blazor - 2018-05-29

Slides for my talk about WebAssembly and Blazor at the DotNet Usergroup Munich, on May the 29th, 20018.

Transcript

2. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ Twitter: .NET im Browser
3. 3 ▪ ▪ ▪ ▪ ▪ .NET im Browser
4. 4 .NET im Browser
5. 5 ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser
6. 6 ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser
7. 7 ▪ ▪ ▪ ▪ ▪ .NET im Browser
8. 8 ▪ Strict subset of JavaScript that can be used as a low-level, efficient target language for compilers ▪ Effectively describes a sandboxed virtual machine for memory-unsafe languages like C or C++ ▪ Combination of static and dynamic validation allows JavaScript engines to employ an ahead-of- time (AOT) optimizing compilation strategy for valid asm.js code ▪ ▪ .NET im Browser
9. 9 .NET im Browser
10. 10 ▪ Low-level bytecode for the web – but why? ▪ Because JavaScript (but not a replacement for JavaScript!) ▪ Bring any language into the browser ▪ Superior performance ▪ Goals ▪ Fast, efficient, portable ▪ Readable and debuggable ▪ Use existing sandboxing tools ▪ Don’t break the web ▪ Binary (.wasm) & text (.wat) format ▪ Officially open source ▪ http://webassembly.github.io/spec/core/index.html .NET im Browser
11. 11 ▪ Entire code base in WebAssembly ▪ Main app frame in WebAssembly, UI in JavaScript / HTML / CSS ▪ Re-use existing code by targeting WebAssembly, embedded in larger JavaScript / HTML application ▪ Anything from simple helper libraries, to compute-oriented task offload .NET im Browser
12. 12 .NET im Browser
13. 13 ▪ ▪ compiler and toolchain infrastructure library for WebAssembly, written in C++ ▪ ▪ LLVM-to-JavaScript-or-WASM compiler ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser https://developer.mozilla.org/en-US/docs/WebAssembly/Concepts
14. 14 ▪ ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser http://www.mono-project.com/news/2018/01/16/mono-static-webassembly-compilation/
15. 15 ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser
16. 16 .NET im Browser
17. 17 ▪ ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser
18. 18 ▪ ▪ ▪ ▪ .NET im Browser
19. 19 ▪ ▪ ▪ ▪ .NET im Browser * Today: May 26, 2018
20. 20 ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ .NET im Browser