Blazor es un framework de .NET que corre en el navegador

1. Jonathan González
Blazor, un framework .NET para aplicaciones en
el browser
jon_gon1 /in/jongon

2. Agenda
1. ¿Quién soy?
2. Encuesta interactiva I
3. Un poco de Historia
4. La web moderna
5. WebAssembly
6. Ahora sí, ¿Qué es Blazor?
7. ¿Por qué Blazor?
8. ¿Cómo funciona?
9. Demo
10.El Futuro de Javascript
11.Encuesta interactiva II
12.QnA

3. Hola, me dicen Jon
o Venezolano en Chile
o Amante del Metal
o Apasionado de la tecnología
o Arquitecto Cloud/Desarrollador de Software
o Intento ser desarrollador full stack
o Y sí… PHP pagó mis estudios
o En github: @jongon
o Blog: comentandoelcodigo.me
o Actualmente como Ingeniero de Pre-ventas en:

4. 46 12 29
Ve a www.menti.com y utiliza el
código

5. Recordando los 2000s

6. Recordando los 2000s

7. Freelancer starter pack

8. La web moderna
Angular React Js Vue.Js
● Javascript lleva más de 20 años en el navegador

9. WebAssembly (Wasm)
Es un estándar web que define un formato binario y un formato de
texto similar a un ensamblado para código ejecutable en páginas
web. Está destinado a permitir la ejecución de código casi tan
rápido como ejecutar código de máquina nativo.
VM VM VM VM VM

10. Características de “Wasm”
• Rápido, eficiente y portable.
• Está mucho más cerca que javascript al lenguaje de
máquina.
• Su target es de bajo nivel. Está diseñado para ser binario.
• Está dividido en secciones que permite ejecutar sin que
esté descargado todo el archivo.
• Es seguro, está planteado pensado como un sandbox.
• Lenguaje difícil de leer pero igual se puede “debuguear”.

11. ¿Cómo funciona Wasm?

12. WebAssembly
Más lenguajes de alto nivel

13. Performance e Interoperabilidad
Comparten ciertos bloques de arreglos
Wasm es más rápido, pero no siempre

14. WASM y el CLR
• C++ puede ser compilado para WASM.
• El CLR de .NET está escrito en C++
¿Puede el CLR de .NET correr en WASM?
Sí, se puede, con Mono

15. ¡Advertencia!
● Blazor aún es experimental.
● Fue recién lanzado en abril 18’ con la
versión 0.1.0 y ahora están en 0.7.0 aún
prerelease.
● NSFW!
Ahora sí, Blazor

16. ¿Qué es Blazor?
● Un Web Framework de .NET que corre
aplicaciones en el navegador.
● Orientado a construcción de SPA (Single Page
Applications)
Browser + Razor = Blazor

17. Blazor - ¿Cómo funciona?

18. Blazor - ¿Cómo funciona?

19. Blazor - ¿Cómo funciona?
Los archivos de código C # y Razor se compilan en
ensamblado .NET

20. Blazor - ¿Cómo funciona?
Assemblies y el runtime de .NET son descargados al
navegador

21. Blazor - ¿Cómo funciona?
Blazor usa javascript para cargar el runtime de .NET
y los otros assemblies

22. Blazor - ¿Cómo funciona?
Blazor usa javascript para cargar el runtime de .NET
y los otros assemblies

23. Blazor - ¿Qué Ofrece?
● Component Model
● Routing
● Layouts
● Formularios y validaciones
● Inyección de dependencias
● Javascript Interop

24. Blazor
One Way
Data Binding

25. Blazor
Two Way
Data Binding

26. Blazor
Event Binding
onclick & onchange

27. Blazor
Routing
Client side

28. Blazor
Componente
Propiedades

29. Blazor
Javascript Interop
C# llamando a JS

30. Blazor
Inyección de
dependencias

31. DEMO

32. ¿Webassembly reemplaza a Javascript?
Sí
No

33. 46 12 29
De nuevo, ve a www.menti.com y
utiliza el código

34. ¿Dónde aprendo más?

35. Q&A

37. #EXPLOTAAA
¡GRACIAS!