1.
MSP Tech Days
SPA além do
Javascript com
Blazor

2.
Gustavo Bigardi
Desenvolvedor
.NET
Java, GoLang, JS
e outras artes
ocultas
https://about.me/gbb

3.
SPA?
?

4.
Single Page Application
 SPA é uma forma de construir aplicações Web onde
temos mais código relacionado a interface feito para o
cliente que no servidor, normalmente usando JavaScript
 O servidor tem como maior responsabilidade fornecer
dados apenas, para que o cliente consuma

5.
Single Page Application
 A navegação entre telas não necessariamente irá exigir
alguma resposta do servidor, apenas caso necessite de
mais dados, pois é feita toda no cliente.
 Com isso, temos apenas um carregamento maior no
início, quando acessamos a aplicação, e demais
carregamentos são apenas dados.

6.
Frameworks conhecidos
 Angular
 React
 Vue.js
 Até mesmo jQuery pode ser utilizado…

7.
Blazor?
?

8.
Mais um...............

9.
Blazor
 Blazor é um framework Web baseado nas
tecnologias Web já existentes como HTML e CSS,
mas utiliza C# e a sintaxe do Razor, ao invés de
apenas Javascript
 Blazor: Browser + Razor

10.
Blazor
 O Blazor é executado no browser através da
tecnologia WebAssembly, o que é um de seus
maiores diferenciais!

11.
AVISO!

12.
Experimental!
 O Blazor ainda é um projeto em fase experimental, ou
seja, não possui suporte ou mesmo garantia de
continuidade pela Microsoft.
 O projeto é open-source, disponível no GitHub. Quanto
mais participação houver, maiores as chances de se
tornar um projeto oficial.

13.
WebAssembly?
?

14.
WebAssembly
 Para quem não conhece o WebAssembly, é uma nova
tecnologia que tem indícios de ser o futuro da web.
 É como se o Browser funcionasse como uma máquina
virtual, como o .NET ou JVM, que executa de forma nativa
um código binário (WASM), que é quase tão rápido como
código nativo e com performance superior ao JavaScript.

15.
WebAssembly
 Encontra-se sob responsabilidade do W3C e já é suportado
pela maioria dos browsers modernos.
 É possível executar aplicações com OpenGL, Banco de dados,
além dos recursos já existentes como acesso a câmera,
microfone, localização, etc.
 A engine Unreal 4 já foi portada para WebAssembly, assim
como o .NET Core está passando por essa portabilidade.

16.
Por que usar .NET no browser?

17.
Javascript...

18.
C#
everywhere!

19.
Arquitetura
do Blazor

20.
Pontos positivos

21.
Utiliza WebAssembly

22.
Todas as features de um SPA
comum

23.
Permite reaproveitar todo
conhecimento de backend em
C# e Views em Razor

24.
Curva de aprendizado para
times que desejam entregar
aplicações SPA baseadas em
uma arquitetura REST

25.
Server-side Rendering. (SEO!!!)

26.
É .NET, um mesmo Stack para
toda a aplicação

27.
Pontos negativos

28.
Ainda é novo, experimental.
Mesmo fazendo parte
oficialmente
do stack do ASP.NET, ainda não
temos certeza de seu futuro

29.
Por ser baseado em .NET, para
desenvolvedores JS / TS,
apresenta uma curva de
aprendizado maior, o que pode
diminuir a aderência ao seu uso,
pelo menos no início

30.
Ainda não temos kits de
componente prontos como
temos para
o Angular e React, já
consolidados no mercado

31.
Sua arquitetura ainda depende
do JS para acesso ao DOM, o
que acaba tornando o Blazor
ainda mais lento que o JS, pelo
menos na versão atual

32.
https://bit.ly/2NW1UCZ

33.
Por ser experimental, ainda não
contamos com documentação
e suporte da comunidade 100%,
assim como tooling nas
ferramentas Visual Studio e Visual
Studio Code

34.
DEMO
https://github.com/gustavobigardi/demo-blazor-msp-tech-days

35.
DEMO
• Visual Studio 2017 – 15.8.0 (!!!)
• ASP.NET / .NET Core 2.1.400 (Apenas com o VS 15.8.0), mas
pode ser utilizada a versão 2.1.300 ou superior
• Plugin VS – ASP.NET Core Blazor Language Services
• SQL Server Express

36.
Repositório Oficial
https://github.com/aspnet/Blazor

37.
Documentação Oficial
https://blazor.net/docs/index.html

38.
Documentação Extra
https://learn-blazor.com/

39.
Documentação Extra
https://www.linkedin.com/learning/blazor-first-look

40.
Série sobre Blazor no Medium
https://bit.ly/2xtSkO3

41.
Gustavo Bigardi
Desenvolvedor
.NET
Java, GoLang, JS
https://about.me/gbb
igardi/
Dúvidas?

42.
Obrigado!