asp.net 5 & tag helpers

18
Reconnect(); //2015 ASP.NET 5 & TAG HELPERS Marc Rubiño CIO Captio @Marc_Rubino

Upload: marc-rubino

Post on 14-Apr-2017

367 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: ASP.NET 5 & Tag Helpers

Reconnect(); //2015

ASP.NET 5 & TAG HELPERS

Marc RubiñoCIO Captio@Marc_Rubino

Page 2: ASP.NET 5 & Tag Helpers

COLABORA

Patrocinan

Colabora

Page 3: ASP.NET 5 & Tag Helpers

MARC RUBIÑOMARC RUBIÑO

#Reconnect2015

@Marc_Rubinowww.mrubino.net

Page 4: ASP.NET 5 & Tag Helpers

ASP.NET 5

Common

Next gen JIT (RyuJIT)SIMD

RuntimeComponents Compilers

.NET Compiler Platform (Roslyn)Languages innovation

.NET Core 5 Libraries

.NET Framework 4.6 Libraries

NuGet packages

WPF Windows Forms ASP.NET (4 & 5) ASP.NET 5 Universal

Windows Apps

.NET Framework 4.6Full .NET Framework for any scenario and

library support on Windows

Core CLR .Net Native

.NET Core 5Modular libraries & runtime optimized for

server and cloud workloads

Page 5: ASP.NET 5 & Tag Helpers

ASP.NET 5

Page 6: ASP.NET 5 & Tag Helpers

ASP.NET 5

Page 7: ASP.NET 5 & Tag Helpers

ASP.NET 5 Principales Novedades• Cross-platform runtime• Open Source• Self-Host & IIS• Middelware• Inyección de Dependencias• Programación unificada Mvc, Web API, Web Pages• Tag Helpers• Running Side by Side on different framework versions• Diseñado para escalar en el CLoud

Page 8: ASP.NET 5 & Tag Helpers

ASP.NET 5

Page 9: ASP.NET 5 & Tag Helpers

ASP.NET 5 - Client Libraries

Page 10: ASP.NET 5 & Tag Helpers

ASP.NET 5 - Tag Helpers

Page 11: ASP.NET 5 & Tag Helpers

ASP.NET 5 - Tag Helpers¿Qué son los tag Helpers?

<a asp-controller="Home" asp-action="Index">Home</a>

@Html.ActionLink("TagHelpers", "Index", "Home")

Page 12: ASP.NET 5 & Tag Helpers

ASP.NET 5 - Tag HelpersUsar Tag Helpers• Crear formularios• Crear links• Cargar JS• Cargar CSS• Crear elementos personalizados

@addTagHelper "*, Microsoft.AspNet.Mvc.TagHelpers"

Importar

Page 13: ASP.NET 5 & Tag Helpers
Page 14: ASP.NET 5 & Tag Helpers

ASP.NET 5 - Tag HelpersTipos de Tag Helpers• Html existentes que se modifica el output

• Nuevos elementos con output “Custom Tag Helpers”

• Elementos sin output

<input asp-for="Email" class="form-control" />

<myControl/>

<environment names="Development">…</environment>

Page 15: ASP.NET 5 & Tag Helpers

ASP.NET 5 - Tag HelpersCustom Tag Helpers

No Lifecycle

• Solo implementar ITagHelper

Page 16: ASP.NET 5 & Tag Helpers
Page 17: ASP.NET 5 & Tag Helpers

ASP.NET 5 RC1

https://get.asp.net/

Page 18: ASP.NET 5 & Tag Helpers

Reconnect(); //2015

ASP.NET 5 RC1

Marc RubiñoCIO Captio@Marc_Rubino