SlideShare una empresa de Scribd logo
REUTILIZACIÓN DE
COMPONENTES RAZOR EN
.NET MAUI
Ricardo Josue Perez Altamirano
SPONSORS
Gracias por su
colaboración
AGENDA
o Presentación
o Conceptos
o Demo/Practica
o Preguntas
PRESENTACION
o .NET Multi-platform App UI
(.NET MAUI) es un marco
multiplataforma para crear
aplicaciones móviles y de escritorio
nativas con C# y XAML.
o Con .NET MAUI, puede desarrollar
aplicaciones que se pueden
ejecutar en Android, iOS, macOS y
Windows desde una sola base de
código compartida.
N E T M A U I
BLAZOR
o Blazor es una plataforma de trabajo para la creación de
interfaces de usuario web interactivas del lado cliente con
Blazor:
o Cree interfaces de usuario completamente interactivas
con C# en lugar de JavaScript.
o Comparta la lógica de aplicación del lado cliente y servidor
escrita con .NET.
o Realice la integración con plataformas de hospedaje
modernas, como Docker.
o Cree aplicaciones híbridas de escritorio y móviles con .NET y
Blazor.
H O S P E D A J E D E U N A A P L I C A C I Ó N
W E B B L A Z O R E N M A U I D E . N E T
M E D I A N T E B L A Z O R W E B V I E W
La interfaz de usuario de aplicación multiplataforma de .NET (.NET
MAUI) BlazorWebView es un control que permite hospedar una aplicación web
Blazor en la aplicación MAUI de .NET. Estas aplicaciones, conocidas como
aplicaciones híbridas de Blazor, permiten que una aplicación web blazor se integre
con las características de la plataforma y los controles de interfaz de usuario.
El BlazorWebView control se puede agregar a cualquier página de una aplicación
MAUI de .NET y apuntar a la raíz de la aplicación Blazor.
S I N TA X I S D E R A Z O R PA R A
A S P. N E T C O R E
o Razor admite C# y usa el símbolo para realizar la @
transición de HTML a C#. Razor evalúa las expresiones
de C# y las representa en la salida HTML.
o Cuando un @ símbolo va seguido de una Razor
palabra clave reservada, pasa al Razor marcado
específico de . De lo contrario, pasa a HTML sin
formato.
B I B L I O T E C A D E C L A S E S D E
R A Z O R
o Las vistas, páginas, controladores y modelos de página de Razor, los
componentes de Razor, los componentes de vista y los modelos de datos
se pueden integrar en una biblioteca de clases de Razor (RCL). Las RCL se
pueden empaquetar y reutilizar.
Reuse Razor Components With .NET MAUI
PREGUNTAS
HTTPS://AZURE
DAY.COMMUNIT
Y/ES-LIVE-
FROM-MEXICO/
GRACIAS
Ricardo Josue Perez Altamirano
josue12510@outlook.com
@RicardoJosue04
https://www.youtube.com/c/RicardoJosue/
https://twitter.com/RicardoJosue04
https://www.linkedin.com/in/ricardojosue/
SPONSORS
Gracias por su
colaboración
GRACIAS
INTRODUCTION
At Krypto Logics, we empower investors to maximize their portfolios
to help them meet their financial goals responsibly. By offering customized and
sophisticated strategies, we help clients' portfolios grow organically and foster
a trusted consumer-consultant relationship.
TRADING & INVESTING
Crypto can be complicated but getting started
doesn’t have to be
L O N G - T E R M V S . S H O R T - T E R M
20
4.5
3.5
2.5
4.3
2.8
1.8
4.4
2.4
5.0
3.0
2.0
2.0
- 2.0 4.0 6.0 8.0 10.0 12.0 14.0
Q4
Q3
Q2
Q1
Series 3 Series 2 Series 1
Crypto: investing & trading
G L O B AL C U R R E N C Y M A R K E T S
21
$USD £EUR ¥JPY ₿BTC
Q1 4.5 2.3 1.7 5.0
Q2 3.2 5.1 4.4 3.0
Q3 2.1 1.7 2.5 2.8
Q4 4.5 2.2 1.7 7.0
Crypto: investing & trading
WEALTH IS THE
ABILITY TO FULLY
EXPERIENCE LIFE.
-Henry David Thoreau
TYPES OF TOKENS
Payment
Used to complete
transactions
anywhere crypto is
accepted
Utility
These tokens have a
specific use within a
blockchain
Security
Tokens backed by
securities
NFT
Authenticates
ownership of specific
assets
Gaming
Used as in-game
currency and traded
with real world value
PORTFOLIO BUILDUP
24
Step 1 Step 2 Step 3 Step 4 Step 5
Choose a
cryptocurrency
exchange
Purchase
preferred coins
& create
"wallet"
Research
investment and
trading options
Stake preferred
coins in chosen
company
Set exponential
growth goals
Crypto: investing & trading
AREAS OF FOCUS
25
Portfolio diversification
o Develop winning combinations to
stay ahead of the market
o Capitalize on direct ownership of
digital coins
o Invest in multiple blockchains​
Short and long-term
goals
o Create an emergency fund
o Add a second stream of income
o Buy a house
o Supplement retirement fund
Crypto: investing & trading
HOW TO GET THERE
26
Strategize
o Do your research and
develop a plan with goals
o Diversify your portfolio
through coin ownership​
o Follow the markets closely​
Minimize risk
o Be cautious of scams and
"too good to be true"
scenarios
o Avoid "all-in" strategies
Utilize resources
o Apps and platforms help
streamline user experience
o Seek expert guidance from
Krypto Logics team
members​
Crypto: investing & trading
MEET OUR TEAM
27
Takuma Hayashi​
President
Mirjam Nilsson​
Chief Executive Officer
Flora Berggren​
Chief Operations Officer
Rajesh Santoshi​
VP Marketing
Crypto: investing & trading
MEET OUR EXTENDED
TEAM
28
Takuma Hayashi​
President
Graham Barnes
VP Product
Mirjam Nilsson​
Chief Executive Officer
Rowan Murphy
SEO Strategist
Flora Berggren​
Chief Operations Officer
Elizabeth Moore
Product Designer
Rajesh Santoshi​
VP Marketing
Robin Kline
Content Developer
Crypto: investing & trading
S U M M A R Y
At Krypto Logics, we believe in giving 110%. By using our next-generation data
architecture, we help investors virtually manage their portfolios. We thrive
because of our market knowledge and great team. As our CEO says,
"Efficiencies will come from proactively transforming how we do business."

Más contenido relacionado

PDF
Introduction to .NET MAUI.pdf
PDF
Tutorial aprendiendo a programar
PDF
Tutorial aprendiendo a programar
PDF
Tutorial aprendiendo a programar
PDF
Tutorial aprendiendo a programar
PPTX
Web matrix razor_aspnetmvc_finalv2_techdays2010
PPTX
NetRaf 2017 - La plataforma .NET en el 2017
PPTX
Hablemos de .NET 6 y .NET MAUI
Introduction to .NET MAUI.pdf
Tutorial aprendiendo a programar
Tutorial aprendiendo a programar
Tutorial aprendiendo a programar
Tutorial aprendiendo a programar
Web matrix razor_aspnetmvc_finalv2_techdays2010
NetRaf 2017 - La plataforma .NET en el 2017
Hablemos de .NET 6 y .NET MAUI

Similar a Reuse Razor Components With .NET MAUI (9)

PPTX
Angular, Buenas Prácticas de Desarrollo de Software
PPTX
Guia de supervivencia mobile para el desarrollador .NET
PDF
Professional C and NET 2021st Edition Christian Nagel
PPTX
Como planificar la arquitectura de nuestras aplicaciones
PPSX
Windows Phone
PPTX
Azure Tech Frogs La vida despues de Xamarin NET MAUI y el desarrollo de apps....
PDF
Desarrollo de aplicaciones Windows8 para desarrolladores de internet
PPTX
Semana Lambda - Fundamentos de Xamarin - Desarrollo de apps moviles multiplat...
PPTX
Net Maui Blazor Jornada ASP Net en Español.pptx
Angular, Buenas Prácticas de Desarrollo de Software
Guia de supervivencia mobile para el desarrollador .NET
Professional C and NET 2021st Edition Christian Nagel
Como planificar la arquitectura de nuestras aplicaciones
Windows Phone
Azure Tech Frogs La vida despues de Xamarin NET MAUI y el desarrollo de apps....
Desarrollo de aplicaciones Windows8 para desarrolladores de internet
Semana Lambda - Fundamentos de Xamarin - Desarrollo de apps moviles multiplat...
Net Maui Blazor Jornada ASP Net en Español.pptx
Publicidad

Más de RicardoJosuePerezAlt1 (8)

PPTX
Use Prism with WPF
PPTX
Procesing a million data with Azure and .NET MAUI
PPTX
Azure Custom Vision for .NET MAUI
PPTX
Implement Identity Server with .NET
PPTX
integration of Native platforms with .NET MAUI
PPTX
Native Service With .NET MAUI
PPTX
Azure Speech Services with .NET MAUI
PPTX
Micrcoservicios con Asp Net Core y AKS
Use Prism with WPF
Procesing a million data with Azure and .NET MAUI
Azure Custom Vision for .NET MAUI
Implement Identity Server with .NET
integration of Native platforms with .NET MAUI
Native Service With .NET MAUI
Azure Speech Services with .NET MAUI
Micrcoservicios con Asp Net Core y AKS
Publicidad

Último (11)

PPTX
sistemas de informacion.................
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
Implementación equipo monitor12.08.25.pptx
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PPTX
Fundamentos de Python - Curso de Python dia 1
DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
sistemas de informacion.................
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Implementación equipo monitor12.08.25.pptx
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Derechos_de_Autor_y_Creative_Commons.pptx
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Conceptos basicos de Base de Datos y sus propiedades
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
Fundamentos de Python - Curso de Python dia 1
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
AutoCAD Herramientas para el futuro, Juan Fandiño

Reuse Razor Components With .NET MAUI

  • 1. REUTILIZACIÓN DE COMPONENTES RAZOR EN .NET MAUI Ricardo Josue Perez Altamirano
  • 3. AGENDA o Presentación o Conceptos o Demo/Practica o Preguntas
  • 5. o .NET Multi-platform App UI (.NET MAUI) es un marco multiplataforma para crear aplicaciones móviles y de escritorio nativas con C# y XAML. o Con .NET MAUI, puede desarrollar aplicaciones que se pueden ejecutar en Android, iOS, macOS y Windows desde una sola base de código compartida. N E T M A U I
  • 6. BLAZOR o Blazor es una plataforma de trabajo para la creación de interfaces de usuario web interactivas del lado cliente con Blazor: o Cree interfaces de usuario completamente interactivas con C# en lugar de JavaScript. o Comparta la lógica de aplicación del lado cliente y servidor escrita con .NET. o Realice la integración con plataformas de hospedaje modernas, como Docker. o Cree aplicaciones híbridas de escritorio y móviles con .NET y Blazor.
  • 7. H O S P E D A J E D E U N A A P L I C A C I Ó N W E B B L A Z O R E N M A U I D E . N E T M E D I A N T E B L A Z O R W E B V I E W La interfaz de usuario de aplicación multiplataforma de .NET (.NET MAUI) BlazorWebView es un control que permite hospedar una aplicación web Blazor en la aplicación MAUI de .NET. Estas aplicaciones, conocidas como aplicaciones híbridas de Blazor, permiten que una aplicación web blazor se integre con las características de la plataforma y los controles de interfaz de usuario. El BlazorWebView control se puede agregar a cualquier página de una aplicación MAUI de .NET y apuntar a la raíz de la aplicación Blazor.
  • 8. S I N TA X I S D E R A Z O R PA R A A S P. N E T C O R E o Razor admite C# y usa el símbolo para realizar la @ transición de HTML a C#. Razor evalúa las expresiones de C# y las representa en la salida HTML. o Cuando un @ símbolo va seguido de una Razor palabra clave reservada, pasa al Razor marcado específico de . De lo contrario, pasa a HTML sin formato.
  • 9. B I B L I O T E C A D E C L A S E S D E R A Z O R o Las vistas, páginas, controladores y modelos de página de Razor, los componentes de Razor, los componentes de vista y los modelos de datos se pueden integrar en una biblioteca de clases de Razor (RCL). Las RCL se pueden empaquetar y reutilizar.
  • 13. GRACIAS Ricardo Josue Perez Altamirano josue12510@outlook.com @RicardoJosue04 https://www.youtube.com/c/RicardoJosue/ https://twitter.com/RicardoJosue04 https://www.linkedin.com/in/ricardojosue/
  • 16. INTRODUCTION At Krypto Logics, we empower investors to maximize their portfolios to help them meet their financial goals responsibly. By offering customized and sophisticated strategies, we help clients' portfolios grow organically and foster a trusted consumer-consultant relationship.
  • 17. TRADING & INVESTING Crypto can be complicated but getting started doesn’t have to be
  • 18. L O N G - T E R M V S . S H O R T - T E R M 20 4.5 3.5 2.5 4.3 2.8 1.8 4.4 2.4 5.0 3.0 2.0 2.0 - 2.0 4.0 6.0 8.0 10.0 12.0 14.0 Q4 Q3 Q2 Q1 Series 3 Series 2 Series 1 Crypto: investing & trading
  • 19. G L O B AL C U R R E N C Y M A R K E T S 21 $USD £EUR ¥JPY ₿BTC Q1 4.5 2.3 1.7 5.0 Q2 3.2 5.1 4.4 3.0 Q3 2.1 1.7 2.5 2.8 Q4 4.5 2.2 1.7 7.0 Crypto: investing & trading
  • 20. WEALTH IS THE ABILITY TO FULLY EXPERIENCE LIFE. -Henry David Thoreau
  • 21. TYPES OF TOKENS Payment Used to complete transactions anywhere crypto is accepted Utility These tokens have a specific use within a blockchain Security Tokens backed by securities NFT Authenticates ownership of specific assets Gaming Used as in-game currency and traded with real world value
  • 22. PORTFOLIO BUILDUP 24 Step 1 Step 2 Step 3 Step 4 Step 5 Choose a cryptocurrency exchange Purchase preferred coins & create "wallet" Research investment and trading options Stake preferred coins in chosen company Set exponential growth goals Crypto: investing & trading
  • 23. AREAS OF FOCUS 25 Portfolio diversification o Develop winning combinations to stay ahead of the market o Capitalize on direct ownership of digital coins o Invest in multiple blockchains​ Short and long-term goals o Create an emergency fund o Add a second stream of income o Buy a house o Supplement retirement fund Crypto: investing & trading
  • 24. HOW TO GET THERE 26 Strategize o Do your research and develop a plan with goals o Diversify your portfolio through coin ownership​ o Follow the markets closely​ Minimize risk o Be cautious of scams and "too good to be true" scenarios o Avoid "all-in" strategies Utilize resources o Apps and platforms help streamline user experience o Seek expert guidance from Krypto Logics team members​ Crypto: investing & trading
  • 25. MEET OUR TEAM 27 Takuma Hayashi​ President Mirjam Nilsson​ Chief Executive Officer Flora Berggren​ Chief Operations Officer Rajesh Santoshi​ VP Marketing Crypto: investing & trading
  • 26. MEET OUR EXTENDED TEAM 28 Takuma Hayashi​ President Graham Barnes VP Product Mirjam Nilsson​ Chief Executive Officer Rowan Murphy SEO Strategist Flora Berggren​ Chief Operations Officer Elizabeth Moore Product Designer Rajesh Santoshi​ VP Marketing Robin Kline Content Developer Crypto: investing & trading
  • 27. S U M M A R Y At Krypto Logics, we believe in giving 110%. By using our next-generation data architecture, we help investors virtually manage their portfolios. We thrive because of our market knowledge and great team. As our CEO says, "Efficiencies will come from proactively transforming how we do business."

Notas del editor

  • #10: Los componentes de Razor se ejecutan de forma nativa en el proceso de .NET y representan la interfaz de usuario web en un control de vista web incrustado. En .NET MAUI, las aplicaciones híbridas de Blazor se pueden ejecutar en todas las plataformas compatibles con .NET MAUI. BlazorWebView define las siguientes propiedades: HostPage, de tipo string?, que define la página raíz de la aplicación web Blazor. RootComponents, de tipo RootComponentsCollection, que especifica la colección de componentes raíz que se pueden agregar al control . La clase RootComponent define las propiedades siguientes: