SlideShare uma empresa Scribd logo
GUSTAVO BELLINI BIGARDI
JUNDEVELOPERS
GBBIGARDI@GMAIL.COM
SPAs com Blazor e .NET
core
#VSSUMMIT
OQUEÉ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 JavaScript
 Blazor: Browser + Razor
 O nome é criativo, mas o que tem de inovação é mais ainda!
 O Blazor roda no browser através da tecnologia WebAssembly,
o que é um de seus maiores diferenciais!
#VSSUMMIT
O QUE É 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.
 Encontra-se sob responsabilidade do W3C e já é suportado
pela maioria dos browsers modernos.
O QUE É WEBASSEMBLY?
 É 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.
DE OLHO NESSE
CARADEVS!
#VSSUMMIT
POR QUE USAR .NET NO
BROWSER?
POR QUE USAR .NET NO
BROWSER?
 O desenvolvimento Web evoluiu de muitas maneiras ao longo
dos anos, mas a construção de aplicativos web modernos
representa desafios. O uso de .NET no navegador oferece
muitas vantagens que podem ajudar a tornar o
desenvolvimento web mais fácil e produtivo.
POR QUE USAR .NET NO
BROWSER?
 Escalável e consistente: .NET oferece APIs padrão, ferramentas
e infraestrutura de construção em todas as plataformas, que
são escaláveis, com diversos recursos e fáceis de usar.
 Linguagens modernas: Linguagens .NET como C# e F# podem
ser utilizadas, tornando a programação mais fácil.
POR QUE USAR .NET NO BROSER?
 Ferramentas líderes de mercado: A família de produtos do
Visual Studio oferece ferramentas para uma excelente
experiência de desenvolvimento, tanto em Windows como
Mac e Linux.
 Rápido e escalável: o .NET possui um longo histórico onde
podemos ver o quão fácil é desenvolver aplicações que tenham
bom desempenho, segurança e confiabilidade. Usando o .NET
como Stack completo facilita ao evitar que tenhamos que
aprender N tecnologias diferentes para construir aplicações.
E QUAL O DIFERENCIAL DO
BLAZOR?
 Ainda é um projeto experimental, recém anunciado pela
Microsoft, mas já encontra-se como parte do Stack do
ASP.NET.
 Possui todas as funcionalidades conhecidas para SPA:
 Utiliza conceito de Component Model.
 Roteamento e Layouts.
 Formulários e Validações.
 Dependency Injection nativo.
 Interoperabilidade com JavaScript.
FUTURO?
 Enquanto todos os frameworks SPA do mercado são baseados
em JavaScript ou TypeScript, o Blazor entrega um código nativo
rodando em performance superior e com mais segurança.
 Se escrever código em TypeScript é melhor pela tipagem forte,
imagine poder escrever sua aplicação inteira utilizando .NET
com C#?
 Hoje o JavaScript é considerado o Assembly para web,
com a chegada do WebAssembly, isso muda, já que qualquer
linguagem pode se beneficiar do WebAssembly.
MINHASOPNIÕESSOBRE
OBLAZOR
#VSSUMMIT
PONTOS POSITIVOS
 Utiliza WebAssembly.
 Todas as features de um SPA comum.
 Permite reaproveitar todo conhecimento de backend em
C# e Views em Razor.
 Curva de aprendizado para times que desejam entregar
aplicações SPA baseadas em uma arquitetura REST.
 Server-side Rendering. (SEO!!!)
 É .NET, um mesmo Stack para toda a aplicação.
PONTOS NEGATIVOS
 Ainda é novo, experimental. Mesmo fazendo parte oficialmente
do stack do ASP.NET, ainda não temos certeza de seu futuro.
 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.
 Ainda não temos kits de componente prontos como temos par
o Angular e React, já consolidados no mercado.
 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.
DEMO
#VSSUMMIT
 BLAZOR
 ASP.NET CORE
 VS CODE
GitHub: https://github.com/gustavobigardi/demo-blazor-aspnet-core
FINALIZANDO
 Temos uma nova tecnologia, ainda experimental, mas que tem
grandes possibilidades de revolucionar como densenvolvemos
aplicações para Web.
 O único ponto que não muda daqui para frente é: O Blazor
é baseado em .NET. Da mesma forma que um desenvolvedor
front-end pode alternar entre React e VueJS apenas se
adaptando a particularidades dos frameworks, o mesmo não
acontecerá com o Blazor, o que pode ser um empecilho.
 De outro lado, desenvolvedores back-end tendem a se
adaptar de forma mais rápida e com maior facilidade.
DUVIDAS?
#VSSUMMIT
gbbigardi@gmail.com ou me procurem durante o evento.
Artigo em meu blog:
https://gbbigardi.com/2018/05/14/spas-com-blazor-e-asp-net-core/
MUITOOBRIGADO!
#VSSUMMIT

Mais conteúdo relacionado

Mais procurados

.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
akamud
 
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
William Oliveira
 
9 erros que desenvolvedores Node.js cometem
9 erros que desenvolvedores Node.js cometem9 erros que desenvolvedores Node.js cometem
9 erros que desenvolvedores Node.js cometem
Fernando Henriques
 
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Criciúma Dev
 
Desenvolvendo uma App multiplataforma compartilhando 90% do código
Desenvolvendo uma App multiplataforma compartilhando 90% do códigoDesenvolvendo uma App multiplataforma compartilhando 90% do código
Desenvolvendo uma App multiplataforma compartilhando 90% do código
Guilherme Heynemann Bruzzi
 
DevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIs
DevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIsDevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIs
DevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIs
Júnior Porfirio
 
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net CoreTDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
tdc-globalcode
 
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endO que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
Diego Eis
 
ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017
Renato Groff
 
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
Renato Groff
 
ASP.NET Core - iMasters - Março/2016
ASP.NET Core - iMasters - Março/2016ASP.NET Core - iMasters - Março/2016
ASP.NET Core - iMasters - Março/2016
Renato Groff
 
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
Renato Groff
 
Uaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - IntroduçãoUaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - Introdução
Rogerio Fontes
 
Dapper - Developers-SP - Junho/2017
Dapper - Developers-SP - Junho/2017Dapper - Developers-SP - Junho/2017
Dapper - Developers-SP - Junho/2017
Renato Groff
 
Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017
Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017
Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017
Renato Groff
 
Asp.Net Core - Meetup BH
Asp.Net Core - Meetup BHAsp.Net Core - Meetup BH
Asp.Net Core - Meetup BH
André Paulovich
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
Diego Eis
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
Sérgio Vilar
 
Python Brasil[9] - Entrega Contínua
Python Brasil[9] - Entrega Contínua Python Brasil[9] - Entrega Contínua
Python Brasil[9] - Entrega Contínua
Renzo Nuccitelli
 
Xamarin em 7 minutos
Xamarin em 7 minutosXamarin em 7 minutos
Xamarin em 7 minutos
akamud
 

Mais procurados (20)

.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
 
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
 
9 erros que desenvolvedores Node.js cometem
9 erros que desenvolvedores Node.js cometem9 erros que desenvolvedores Node.js cometem
9 erros que desenvolvedores Node.js cometem
 
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
 
Desenvolvendo uma App multiplataforma compartilhando 90% do código
Desenvolvendo uma App multiplataforma compartilhando 90% do códigoDesenvolvendo uma App multiplataforma compartilhando 90% do código
Desenvolvendo uma App multiplataforma compartilhando 90% do código
 
DevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIs
DevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIsDevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIs
DevPira Festival 21 - .NET6 Uma nova forma de construir apis MinimalAPIs
 
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net CoreTDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
 
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endO que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
 
ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - Araras Dev - Julho/2017
 
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
 
ASP.NET Core - iMasters - Março/2016
ASP.NET Core - iMasters - Março/2016ASP.NET Core - iMasters - Março/2016
ASP.NET Core - iMasters - Março/2016
 
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
 
Uaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - IntroduçãoUaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - Introdução
 
Dapper - Developers-SP - Junho/2017
Dapper - Developers-SP - Junho/2017Dapper - Developers-SP - Junho/2017
Dapper - Developers-SP - Junho/2017
 
Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017
Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017
Novidades do ASP.NET Core 2.0 - ASP.NET Core Campinas - Agosto/2017
 
Asp.Net Core - Meetup BH
Asp.Net Core - Meetup BHAsp.Net Core - Meetup BH
Asp.Net Core - Meetup BH
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
Python Brasil[9] - Entrega Contínua
Python Brasil[9] - Entrega Contínua Python Brasil[9] - Entrega Contínua
Python Brasil[9] - Entrega Contínua
 
Xamarin em 7 minutos
Xamarin em 7 minutosXamarin em 7 minutos
Xamarin em 7 minutos
 

Semelhante a SPA's com Blazor e .NET Core

Iniciação JSP!
Iniciação JSP!Iniciação JSP!
Iniciação JSP!
JErickPPTs
 
Campus Party - Desenvolvendo aplicações .Net com software gratuito
Campus Party  - Desenvolvendo aplicações .Net com software gratuitoCampus Party  - Desenvolvendo aplicações .Net com software gratuito
Campus Party - Desenvolvendo aplicações .Net com software gratuito
Alexandre Tarifa
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
Fabrício Lopes Sanchez
 
O Futuro do ASP.NET (vNext)
O Futuro do ASP.NET (vNext)O Futuro do ASP.NET (vNext)
O Futuro do ASP.NET (vNext)
Fabrício Lopes Sanchez
 
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout  Tempo Real Eventos - Nodejs - Os Primeiros PassosHangout  Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Jackson F. de A. Mafra
 
Apostila de Fundamentos Java
Apostila de Fundamentos JavaApostila de Fundamentos Java
Apostila de Fundamentos Java
Marcio Marinho
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
Valmir Justo
 
Aula 1
Aula 1Aula 1
.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
Letticia Nicoli
 
Futuro do ASP.NET vNext - MVP ShowCast
Futuro do ASP.NET vNext - MVP ShowCast Futuro do ASP.NET vNext - MVP ShowCast
Futuro do ASP.NET vNext - MVP ShowCast
Eduardo Pires
 
ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?
Douglas Aguiar
 
Construindo aplicações web java com netbeans
Construindo aplicações web java com netbeansConstruindo aplicações web java com netbeans
Construindo aplicações web java com netbeans
Sliedesharessbarbosa
 
2902868 desenvolvendo-aplicacoes-web-com-net beans-ide-6
2902868 desenvolvendo-aplicacoes-web-com-net beans-ide-62902868 desenvolvendo-aplicacoes-web-com-net beans-ide-6
2902868 desenvolvendo-aplicacoes-web-com-net beans-ide-6
marcelrodriguess
 
Java e net beans
Java e net beans Java e net beans
Java e net beans
Sliedesharessbarbosa
 
Criando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMindCriando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMind
Jaydson Gomes
 
O rad da wave maker developing for the cloud
O rad da wave maker developing for the cloudO rad da wave maker developing for the cloud
O rad da wave maker developing for the cloud
Francisco Gonçalves
 
Angular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativoAngular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativo
GDGFoz
 
ASP.NET MVC para desenvolvedores Web Forms (TechEd)
ASP.NET MVC para desenvolvedores Web Forms (TechEd)ASP.NET MVC para desenvolvedores Web Forms (TechEd)
ASP.NET MVC para desenvolvedores Web Forms (TechEd)
Giovanni Bassi
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Rodrigo Branas
 
APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016
APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016
APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016
Renato Groff
 

Semelhante a SPA's com Blazor e .NET Core (20)

Iniciação JSP!
Iniciação JSP!Iniciação JSP!
Iniciação JSP!
 
Campus Party - Desenvolvendo aplicações .Net com software gratuito
Campus Party  - Desenvolvendo aplicações .Net com software gratuitoCampus Party  - Desenvolvendo aplicações .Net com software gratuito
Campus Party - Desenvolvendo aplicações .Net com software gratuito
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
 
O Futuro do ASP.NET (vNext)
O Futuro do ASP.NET (vNext)O Futuro do ASP.NET (vNext)
O Futuro do ASP.NET (vNext)
 
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout  Tempo Real Eventos - Nodejs - Os Primeiros PassosHangout  Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
 
Apostila de Fundamentos Java
Apostila de Fundamentos JavaApostila de Fundamentos Java
Apostila de Fundamentos Java
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Aula 1
Aula 1Aula 1
Aula 1
 
.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
 
Futuro do ASP.NET vNext - MVP ShowCast
Futuro do ASP.NET vNext - MVP ShowCast Futuro do ASP.NET vNext - MVP ShowCast
Futuro do ASP.NET vNext - MVP ShowCast
 
ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?
 
Construindo aplicações web java com netbeans
Construindo aplicações web java com netbeansConstruindo aplicações web java com netbeans
Construindo aplicações web java com netbeans
 
2902868 desenvolvendo-aplicacoes-web-com-net beans-ide-6
2902868 desenvolvendo-aplicacoes-web-com-net beans-ide-62902868 desenvolvendo-aplicacoes-web-com-net beans-ide-6
2902868 desenvolvendo-aplicacoes-web-com-net beans-ide-6
 
Java e net beans
Java e net beans Java e net beans
Java e net beans
 
Criando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMindCriando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMind
 
O rad da wave maker developing for the cloud
O rad da wave maker developing for the cloudO rad da wave maker developing for the cloud
O rad da wave maker developing for the cloud
 
Angular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativoAngular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativo
 
ASP.NET MVC para desenvolvedores Web Forms (TechEd)
ASP.NET MVC para desenvolvedores Web Forms (TechEd)ASP.NET MVC para desenvolvedores Web Forms (TechEd)
ASP.NET MVC para desenvolvedores Web Forms (TechEd)
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016
APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016
APIs na nuvem com Azure e ASP.NET Core - Azure Weekend 2016
 

Mais de Gustavo Bellini Bigardi

Canal DotNet - Design Patterns - Mediator
Canal DotNet - Design Patterns - MediatorCanal DotNet - Design Patterns - Mediator
Canal DotNet - Design Patterns - Mediator
Gustavo Bellini Bigardi
 
Aplicações Distribuídas com .NET e Apache Kafka
Aplicações Distribuídas com .NET e Apache KafkaAplicações Distribuídas com .NET e Apache Kafka
Aplicações Distribuídas com .NET e Apache Kafka
Gustavo Bellini Bigardi
 
Azure Labs - Publicando APIs no Azure
Azure Labs - Publicando APIs no AzureAzure Labs - Publicando APIs no Azure
Azure Labs - Publicando APIs no Azure
Gustavo Bellini Bigardi
 
MVP Week 2020 - Aplicações Modernas com Blazor WASM
MVP Week 2020 - Aplicações Modernas com Blazor WASMMVP Week 2020 - Aplicações Modernas com Blazor WASM
MVP Week 2020 - Aplicações Modernas com Blazor WASM
Gustavo Bellini Bigardi
 
Codificando Night Week - Blazor, tornando o fullstack C# possível!
Codificando Night Week - Blazor, tornando o fullstack C# possível!Codificando Night Week - Blazor, tornando o fullstack C# possível!
Codificando Night Week - Blazor, tornando o fullstack C# possível!
Gustavo Bellini Bigardi
 
Ignite The Tour 2019 - Sao Paulo - Blazor, AI & Blockchain
Ignite The Tour 2019 - Sao Paulo - Blazor, AI & BlockchainIgnite The Tour 2019 - Sao Paulo - Blazor, AI & Blockchain
Ignite The Tour 2019 - Sao Paulo - Blazor, AI & Blockchain
Gustavo Bellini Bigardi
 
DevPira2019 - Blazor
DevPira2019 - BlazorDevPira2019 - Blazor
DevPira2019 - Blazor
Gustavo Bellini Bigardi
 
Dev week2019 blazor
Dev week2019 blazorDev week2019 blazor
Dev week2019 blazor
Gustavo Bellini Bigardi
 
Microsservicos serverles combinacao perfeita
Microsservicos serverles combinacao perfeitaMicrosservicos serverles combinacao perfeita
Microsservicos serverles combinacao perfeita
Gustavo Bellini Bigardi
 
Microsservicos com node js + azure functions + azure service bus
Microsservicos com node js + azure functions + azure service busMicrosservicos com node js + azure functions + azure service bus
Microsservicos com node js + azure functions + azure service bus
Gustavo Bellini Bigardi
 
Microsserviços com Serverles e Azure Functions
Microsserviços com Serverles e Azure FunctionsMicrosserviços com Serverles e Azure Functions
Microsserviços com Serverles e Azure Functions
Gustavo Bellini Bigardi
 
Blazor and azure functions for serverless websites
Blazor and azure functions for serverless websitesBlazor and azure functions for serverless websites
Blazor and azure functions for serverless websites
Gustavo Bellini Bigardi
 
Implementando rapidamente web apps com blazor e serverless
Implementando rapidamente web apps com blazor e serverlessImplementando rapidamente web apps com blazor e serverless
Implementando rapidamente web apps com blazor e serverless
Gustavo Bellini Bigardi
 
Distribuindo seu app Blazor no Azure com Storage + CDN
Distribuindo seu app Blazor no Azure com Storage + CDNDistribuindo seu app Blazor no Azure com Storage + CDN
Distribuindo seu app Blazor no Azure com Storage + CDN
Gustavo Bellini Bigardi
 
Esqueca o ETL! Estraindo métricas com CosmosDB e Serverless
Esqueca o ETL! Estraindo métricas com CosmosDB e ServerlessEsqueca o ETL! Estraindo métricas com CosmosDB e Serverless
Esqueca o ETL! Estraindo métricas com CosmosDB e Serverless
Gustavo Bellini Bigardi
 
Serverless com azure functions e node js
Serverless com azure functions e node jsServerless com azure functions e node js
Serverless com azure functions e node js
Gustavo Bellini Bigardi
 
Fullstack C# com Blazor
Fullstack C# com BlazorFullstack C# com Blazor
Fullstack C# com Blazor
Gustavo Bellini Bigardi
 
CapiConf Online - Utilizando reconhecimento facial para segurança em aplicações
CapiConf Online - Utilizando reconhecimento facial para segurança em aplicaçõesCapiConf Online - Utilizando reconhecimento facial para segurança em aplicações
CapiConf Online - Utilizando reconhecimento facial para segurança em aplicações
Gustavo Bellini Bigardi
 
Meetup - FC Nuvem - Serviços Cognitivos
Meetup - FC Nuvem - Serviços CognitivosMeetup - FC Nuvem - Serviços Cognitivos
Meetup - FC Nuvem - Serviços Cognitivos
Gustavo Bellini Bigardi
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps
Gustavo Bellini Bigardi
 

Mais de Gustavo Bellini Bigardi (20)

Canal DotNet - Design Patterns - Mediator
Canal DotNet - Design Patterns - MediatorCanal DotNet - Design Patterns - Mediator
Canal DotNet - Design Patterns - Mediator
 
Aplicações Distribuídas com .NET e Apache Kafka
Aplicações Distribuídas com .NET e Apache KafkaAplicações Distribuídas com .NET e Apache Kafka
Aplicações Distribuídas com .NET e Apache Kafka
 
Azure Labs - Publicando APIs no Azure
Azure Labs - Publicando APIs no AzureAzure Labs - Publicando APIs no Azure
Azure Labs - Publicando APIs no Azure
 
MVP Week 2020 - Aplicações Modernas com Blazor WASM
MVP Week 2020 - Aplicações Modernas com Blazor WASMMVP Week 2020 - Aplicações Modernas com Blazor WASM
MVP Week 2020 - Aplicações Modernas com Blazor WASM
 
Codificando Night Week - Blazor, tornando o fullstack C# possível!
Codificando Night Week - Blazor, tornando o fullstack C# possível!Codificando Night Week - Blazor, tornando o fullstack C# possível!
Codificando Night Week - Blazor, tornando o fullstack C# possível!
 
Ignite The Tour 2019 - Sao Paulo - Blazor, AI & Blockchain
Ignite The Tour 2019 - Sao Paulo - Blazor, AI & BlockchainIgnite The Tour 2019 - Sao Paulo - Blazor, AI & Blockchain
Ignite The Tour 2019 - Sao Paulo - Blazor, AI & Blockchain
 
DevPira2019 - Blazor
DevPira2019 - BlazorDevPira2019 - Blazor
DevPira2019 - Blazor
 
Dev week2019 blazor
Dev week2019 blazorDev week2019 blazor
Dev week2019 blazor
 
Microsservicos serverles combinacao perfeita
Microsservicos serverles combinacao perfeitaMicrosservicos serverles combinacao perfeita
Microsservicos serverles combinacao perfeita
 
Microsservicos com node js + azure functions + azure service bus
Microsservicos com node js + azure functions + azure service busMicrosservicos com node js + azure functions + azure service bus
Microsservicos com node js + azure functions + azure service bus
 
Microsserviços com Serverles e Azure Functions
Microsserviços com Serverles e Azure FunctionsMicrosserviços com Serverles e Azure Functions
Microsserviços com Serverles e Azure Functions
 
Blazor and azure functions for serverless websites
Blazor and azure functions for serverless websitesBlazor and azure functions for serverless websites
Blazor and azure functions for serverless websites
 
Implementando rapidamente web apps com blazor e serverless
Implementando rapidamente web apps com blazor e serverlessImplementando rapidamente web apps com blazor e serverless
Implementando rapidamente web apps com blazor e serverless
 
Distribuindo seu app Blazor no Azure com Storage + CDN
Distribuindo seu app Blazor no Azure com Storage + CDNDistribuindo seu app Blazor no Azure com Storage + CDN
Distribuindo seu app Blazor no Azure com Storage + CDN
 
Esqueca o ETL! Estraindo métricas com CosmosDB e Serverless
Esqueca o ETL! Estraindo métricas com CosmosDB e ServerlessEsqueca o ETL! Estraindo métricas com CosmosDB e Serverless
Esqueca o ETL! Estraindo métricas com CosmosDB e Serverless
 
Serverless com azure functions e node js
Serverless com azure functions e node jsServerless com azure functions e node js
Serverless com azure functions e node js
 
Fullstack C# com Blazor
Fullstack C# com BlazorFullstack C# com Blazor
Fullstack C# com Blazor
 
CapiConf Online - Utilizando reconhecimento facial para segurança em aplicações
CapiConf Online - Utilizando reconhecimento facial para segurança em aplicaçõesCapiConf Online - Utilizando reconhecimento facial para segurança em aplicações
CapiConf Online - Utilizando reconhecimento facial para segurança em aplicações
 
Meetup - FC Nuvem - Serviços Cognitivos
Meetup - FC Nuvem - Serviços CognitivosMeetup - FC Nuvem - Serviços Cognitivos
Meetup - FC Nuvem - Serviços Cognitivos
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps
 

Último

ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebuliçãoExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão
 
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ismael Ash
 
ExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negócios
ExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negóciosExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negócios
ExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negócios
ExpoGestão
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
Faga1939
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
Ismael Ash
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
ronaldos10
 

Último (6)

ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebuliçãoExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebulição
 
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
 
ExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negócios
ExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negóciosExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negócios
ExpoGestão 2024 - Inteligência Artificial – A revolução no mundo dos negócios
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
 

SPA's com Blazor e .NET Core

  • 2. OQUEÉ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 JavaScript  Blazor: Browser + Razor  O nome é criativo, mas o que tem de inovação é mais ainda!  O Blazor roda no browser através da tecnologia WebAssembly, o que é um de seus maiores diferenciais! #VSSUMMIT
  • 3. O QUE É 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.  Encontra-se sob responsabilidade do W3C e já é suportado pela maioria dos browsers modernos.
  • 4. O QUE É WEBASSEMBLY?  É 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.
  • 6. POR QUE USAR .NET NO BROWSER?
  • 7. POR QUE USAR .NET NO BROWSER?  O desenvolvimento Web evoluiu de muitas maneiras ao longo dos anos, mas a construção de aplicativos web modernos representa desafios. O uso de .NET no navegador oferece muitas vantagens que podem ajudar a tornar o desenvolvimento web mais fácil e produtivo.
  • 8. POR QUE USAR .NET NO BROWSER?  Escalável e consistente: .NET oferece APIs padrão, ferramentas e infraestrutura de construção em todas as plataformas, que são escaláveis, com diversos recursos e fáceis de usar.  Linguagens modernas: Linguagens .NET como C# e F# podem ser utilizadas, tornando a programação mais fácil.
  • 9. POR QUE USAR .NET NO BROSER?  Ferramentas líderes de mercado: A família de produtos do Visual Studio oferece ferramentas para uma excelente experiência de desenvolvimento, tanto em Windows como Mac e Linux.  Rápido e escalável: o .NET possui um longo histórico onde podemos ver o quão fácil é desenvolver aplicações que tenham bom desempenho, segurança e confiabilidade. Usando o .NET como Stack completo facilita ao evitar que tenhamos que aprender N tecnologias diferentes para construir aplicações.
  • 10. E QUAL O DIFERENCIAL DO BLAZOR?  Ainda é um projeto experimental, recém anunciado pela Microsoft, mas já encontra-se como parte do Stack do ASP.NET.  Possui todas as funcionalidades conhecidas para SPA:  Utiliza conceito de Component Model.  Roteamento e Layouts.  Formulários e Validações.  Dependency Injection nativo.  Interoperabilidade com JavaScript.
  • 11. FUTURO?  Enquanto todos os frameworks SPA do mercado são baseados em JavaScript ou TypeScript, o Blazor entrega um código nativo rodando em performance superior e com mais segurança.  Se escrever código em TypeScript é melhor pela tipagem forte, imagine poder escrever sua aplicação inteira utilizando .NET com C#?  Hoje o JavaScript é considerado o Assembly para web, com a chegada do WebAssembly, isso muda, já que qualquer linguagem pode se beneficiar do WebAssembly.
  • 13. PONTOS POSITIVOS  Utiliza WebAssembly.  Todas as features de um SPA comum.  Permite reaproveitar todo conhecimento de backend em C# e Views em Razor.  Curva de aprendizado para times que desejam entregar aplicações SPA baseadas em uma arquitetura REST.  Server-side Rendering. (SEO!!!)  É .NET, um mesmo Stack para toda a aplicação.
  • 14. PONTOS NEGATIVOS  Ainda é novo, experimental. Mesmo fazendo parte oficialmente do stack do ASP.NET, ainda não temos certeza de seu futuro.  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.  Ainda não temos kits de componente prontos como temos par o Angular e React, já consolidados no mercado.  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.
  • 15. DEMO #VSSUMMIT  BLAZOR  ASP.NET CORE  VS CODE GitHub: https://github.com/gustavobigardi/demo-blazor-aspnet-core
  • 16. FINALIZANDO  Temos uma nova tecnologia, ainda experimental, mas que tem grandes possibilidades de revolucionar como densenvolvemos aplicações para Web.  O único ponto que não muda daqui para frente é: O Blazor é baseado em .NET. Da mesma forma que um desenvolvedor front-end pode alternar entre React e VueJS apenas se adaptando a particularidades dos frameworks, o mesmo não acontecerá com o Blazor, o que pode ser um empecilho.  De outro lado, desenvolvedores back-end tendem a se adaptar de forma mais rápida e com maior facilidade.
  • 17. DUVIDAS? #VSSUMMIT gbbigardi@gmail.com ou me procurem durante o evento. Artigo em meu blog: https://gbbigardi.com/2018/05/14/spas-com-blazor-e-asp-net-core/