1. WEBASSEMBLY I .NET - WEB APLIKACIJE BUDUĆNOSTI
Ivan Curić, CITUS

3. Sadržaj Potreba Web Assembly Primjena Blazor Demo I što sada?
6/4/2019 7:17 PM
Sadržaj
Potreba
Web Assembly
Primjena
Blazor
Demo
I što sada?
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. Potreba Web danas JavaScript PTSP i ostalo Performanse
6/4/2019 7:17 PM
Potreba
Web danas
JavaScript PTSP i ostalo
Performanse
Ponovno smisliti i „reizumiti”
Pisati „client” bilo kojim jezikom
JavaScript monopol (štogod typescriptirali, babelirali…)
Danas web ne može:
Games, Video apps, CAD…
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5. Web Assembly Open Web Standard „Run binary in browser” Wasm bytecode
6/4/2019 7:17 PM
Open Web Standard
„Run binary in browser”
Wasm bytecode
„BiloKojiJezik” => WASM
Sandbox okolina
20x ubrzanje?!
JavaScript VM izvođenje
Nije zamjena za JavaScript :P ali ukida monopol!!!
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. JS compile

7. WASM compile
Slike sa

8. Web Assembly danas MVP ver 1.0 go go go WA Consencus Members
6/4/2019 7:17 PM
Web Assembly danas
MVP ver 1.0
go go go
WA Consencus Members
Chrome, Edge, Firefox, and WebKit
Radi u svim modernim browserima + mobile browseri
Open Web Platform
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. Primjene i eksperimenti
C, C++
Node.js – wasm npm paketi
Unity – export to Wasm
Xamarin.Forms to Wasm
.NET => Blazor

10. 6/4/2019 7:17 PM
Blazor
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. .NET + WebAssembly = Blazor
Full-stack web development with .NET via WebAssembly
Browser + Razor = Blazor
.NET u browseru jeiiiii
Eksperimentalna faza 0.5.0
Mono runtime
=> kompiliran u WASM
=> izvodi .NET biblioteke

12. Demo File new project, što smo dobili, gdje što kako? 6/4/2019 7:17 PM
Otvoriti kreiranu app
Pokrenuti
Pokazati network tab – mono, dlls
Polazati Startup.cs
Od kuda polazi
Cshtml pages
Komponente <NekaKomponenta>
@page
@inject
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Blazor 1 Razor pages Komponente Dependeny injection Routing
all-in-one (HTML+CS)
Komponente
Dependeny injection
@inject
Routing
@page "/nekaruta"
Layouts => Master layout
Autobuild
Experimental debugging

16. Blazor 2 DataBinding – one-way, two-way Dynamic Contect – graditi HTML
Kod izvan View-a?
JavaScript interop
REST API pozivi
Publishing (self hosted, ASP.NET Core hosted, Server-side Blazor)
App size trimming
Podrška za IntelliSense i ostale VS alate

17. Demo Komponente, data-binding, routing… 6/4/2019 7:17 PM Nešto od toga
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

18. Danas Još je rano… eksperimentiramo
Sa Blazorom možete pisati web app client-side sa .NET-om
Ipak… već sada u svim browserima novim
Eksperiment je ozbiljan
Pa dakle…

19. Isprobajte… potrebno vam je…
.NET Core 2.1 SDK
Visual Studio 2017 (15.7) ili Preview verzija
može side-by-side!
Blazor Language Services ekstenzija
I juhuuuuu… vozi miško!
Dobra početnica:

20. Aaaaa Silverlight dejavu
Blazor
.NET izvorni kod
U svim „modernim” browserima
Na svim platformama
Plugin nepotreban
Silverlight
.NET izvorni kod
U nekim browserima
Na nekim platformama
Potreban plugin

21. Osobni plan!!! 