Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Тема доклада
Тема доклада
Тема доклада
KYIV 2019
Alexandre Malavasi
The future of Web: what Microsoft Blazor can do for yo...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
About me
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
MCP | MCTS | MCPD | ...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Agenda
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Current status of Web ...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Status of Web Technologies
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• ...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Migration from server to client-side
.NET CONFERENCE #1 IN UKRAINE KY...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Migration from server to client-side
.NET CONFERENCE #1 IN UKRAINE KY...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Migration from server to client-side
.NET CONFERENCE #1 IN UKRAINE KY...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Intense use of Javascript libraries / frameworks
.NET CONFERENCE #1 I...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Javascript libraries / frameworks
.NET CONFERENCE #1 IN UKRAINE KYIV ...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Delegating responsibility to the client-side
.NET CONFERENCE #1 IN UK...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Delegating responsibility to client-side
.NET CONFERENCE #1 IN UKRAIN...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Based on components
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
{Componen...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
WebAssembly is the new Web
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
What can I do with WebAssembly?
.NET CONFERENCE #1 IN UKRAINE KYIV 20...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
WebAssembly code
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
WebAssembly x JS performance
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
What is Microsoft Blazor
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
What is Microsoft Blazor
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• Si...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
How it works?
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Client-side Bla...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
How it works?
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Server-side Bla...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
How it works?
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• Dependency in...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Blazor App Template
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Blazor App Template
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Tools for the demo
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• Visual S...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019
Demo
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Benefits
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• Easy adoption by ....
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Benefits
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• Compatible with al...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Negative points
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
• Current low...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019
Questions
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP
Contact info
.NET CONFERENCE #1 IN UKRAINE KYIV 2019
Medium.com/@alex...
Тема доклада
Тема доклада
Тема доклада
.NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019
Thank you
Upcoming SlideShare
Loading in …5
×

of

.NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 1 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 2 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 3 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 4 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 5 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 6 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 7 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 8 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 9 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 10 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 11 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 12 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 13 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 14 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 15 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 16 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 17 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 18 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 19 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 20 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 21 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 22 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 23 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 24 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 25 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 26 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 27 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 28 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 29 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 30 .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you Slide 31
Upcoming SlideShare
What to Upload to SlideShare
Next

1 Like

Share

.NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you

In this presentation, I will talk about Microsoft Blazor, the newest Single Page Application of .NET Core platform. That will contain concepts of Web Assembly, the future of Web technologies in the .NET platform and a detailed live demo.

Related Audiobooks

Free with a 30 day trial from Scribd

See all

.NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you

  1. 1. Тема доклада Тема доклада Тема доклада KYIV 2019 Alexandre Malavasi The future of Web: what Microsoft Blazor can do for you .NET CONFERENCE #1 IN UKRAINE
  2. 2. Тема доклада Тема доклада Тема доклада .NET LEVEL UP About me .NET CONFERENCE #1 IN UKRAINE KYIV 2019 MCP | MCTS | MCPD | ITIL | .NET | MBA | MTAC | Technical Leader | Consultant | .NET Developer Medium.com/@alexandre.malavasi LinkedIn.com/in/alexandremalavasi Twitter.com/alemalavasi
  3. 3. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Agenda .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Current status of Web Technologies Concept of Single Page Applications Blazor: how it works Comparison between Blazor and other SPAs (React, VueJS and Angular) Demo
  4. 4. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Status of Web Technologies .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Migration from server to client-side • Intense use of Javascript libraries / frameworks • Powerful browser resources, such as WebAssembly support
  5. 5. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Migration from server to client-side .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Everything was processed in the server: • Database operations • Logic implementation • HTML process • Security and validation
  6. 6. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Migration from server to client-side .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  7. 7. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Migration from server to client-side .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Issues on running everything on the server: • Costs of scalability • Performance • Latency • No-friendly user experience
  8. 8. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Intense use of Javascript libraries / frameworks .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Gradual Web migration to JS libraries / frameworks
  9. 9. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Javascript libraries / frameworks .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Library / framework First release jQuery 2006 AngularJs 2009 NodeJS 2009 UnderscoreJS 2009 BackboneJS 2010 React 2013 VueJS 2014
  10. 10. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Delegating responsibility to the client-side .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  11. 11. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Delegating responsibility to client-side .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Massive use of API based on JSON • Transfer non-sensitive logic to client • Intense use of local storage • Off-line resources
  12. 12. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Based on components .NET CONFERENCE #1 IN UKRAINE KYIV 2019 {Component HTML CSS JS
  13. 13. Тема доклада Тема доклада Тема доклада .NET LEVEL UP WebAssembly is the new Web .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  14. 14. Тема доклада Тема доклада Тема доклада .NET LEVEL UP What can I do with WebAssembly? .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Increase performance • Reduce latency issues • Run server-side code directly on the browser • Share libraries between desktop and web applications easier
  15. 15. Тема доклада Тема доклада Тема доклада .NET LEVEL UP WebAssembly code .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  16. 16. Тема доклада Тема доклада Тема доклада .NET LEVEL UP WebAssembly x JS performance .NET CONFERENCE #1 IN UKRAINE KYIV 2019 WebAssembly is faster than Javascript, manly for complex operations: • video editing • 3D rendering • video games • music streaming • encryption • image recognition
  17. 17. Тема доклада Тема доклада Тема доклада .NET LEVEL UP What is Microsoft Blazor .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  18. 18. Тема доклада Тема доклада Тема доклада .NET LEVEL UP What is Microsoft Blazor .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Single Page Application of .NET Platform • Based on WebAssembly and not in Javascript • Started as a open-source project and now it is officially part of .NET Stack • Quick improvements and updates since 2017
  19. 19. Тема доклада Тема доклада Тема доклада .NET LEVEL UP How it works? .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Client-side Blazor • .NET generates the underlying WebAssembly file • We don’t need to know WebAssembly to use Blazor • Generates JS compatible file for obsolete browsers
  20. 20. Тема доклада Тема доклада Тема доклада .NET LEVEL UP How it works? .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Server-side Blazor • Intense use of SignalR • More responsibility in the server • Recommendable for external integrations
  21. 21. Тема доклада Тема доклада Тема доклада .NET LEVEL UP How it works? .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Dependency injection • It can use only C# • Possible to integrate with Javascript Libraries • As part of .NET Core platform, it is fully multi-platform and it could be hosted everywhere
  22. 22. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Blazor App Template .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  23. 23. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Blazor App Template .NET CONFERENCE #1 IN UKRAINE KYIV 2019
  24. 24. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Tools for the demo .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Visual Studio 2019 (latest version) • .NET Core 3.1 • Blazor templates
  25. 25. Тема доклада Тема доклада Тема доклада .NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Demo
  26. 26. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Benefits .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Easy adoption by .NET developers • Uncomplicated to learn • All .NET resources already available • Performance
  27. 27. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Benefits .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Compatible with all modern browsers • Can be hosted in a very low cost service • Re-use of code in client-side (validation, logic and more) • The client-side Blazor application works off-line
  28. 28. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Negative points .NET CONFERENCE #1 IN UKRAINE KYIV 2019 • Current low adoption in the market • Scalabity for server-side Blazor application • Doubts about updates and evolution of it • Limited debugging capability
  29. 29. Тема доклада Тема доклада Тема доклада .NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Questions
  30. 30. Тема доклада Тема доклада Тема доклада .NET LEVEL UP Contact info .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Medium.com/@alexandre.malavasi LinkedIn.com/in/alexandremalavasi Twitter.com/alemalavasi
  31. 31. Тема доклада Тема доклада Тема доклада .NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019 Thank you
  • kimhyunseung16

    Jun. 25, 2020

In this presentation, I will talk about Microsoft Blazor, the newest Single Page Application of .NET Core platform. That will contain concepts of Web Assembly, the future of Web technologies in the .NET platform and a detailed live demo.

Views

Total views

315

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

0

Shares

0

Comments

0

Likes

1

×