MunichDotNet - WebAssembly and Blazor - 2018-05-29

Transcript

1. None

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
21. None