web matrix razor_aspnetmvc_finalv2_techdays2010

21
Web Matrix y Razor Acelera el desarrollo de tus aplicaciones Web Gabriel Cor Arquitecto – Beacon42 Gonzalo Pérez Correa MVP – Corobori Web Design www.chalalo.cl - twitter: chalalo

Upload: gonzalo-c

Post on 24-May-2015

1.596 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Web matrix razor_aspnetmvc_finalv2_techdays2010

Web Matrix y Razor Acelera el desarrollo de tus aplicaciones

Web

Gabriel CorArquitecto – Beacon42

Gonzalo Pérez CorreaMVP – Corobori Web Designwww.chalalo.cl - twitter: chalalo

Page 2: Web matrix razor_aspnetmvc_finalv2_techdays2010

La Familia ASP.NET

ASP.NETDynamic Data

& AJAX

ASP.NETWebPages

ASP.NETMVC

Core Runtime

ASP.NETCore

Presentación

ASP.NETWebForms

Page 3: Web matrix razor_aspnetmvc_finalv2_techdays2010

Introduciendo WebMatrix

3

SimpleFácil para comenzar

desde Cero o con una aplicación de la

Comunidad

Herramientas que guiarán a través de la adquisición,

personalización, optimización y publicación de Aplicaciones

SencilloGran

Comunidad - Soporte

Acceso a servidores profesionales, frameworks y

herramientas de desarrollo

Fácil transición a

la Nube (Hosting)

Pequeño Menos de 50MB para la descarga

Instable en un par de Minutos

Page 4: Web matrix razor_aspnetmvc_finalv2_techdays2010

Web Stack (Web PI Delivered)

LA ‘Web Stack’de Microsoft

Framework(ASP.NET & Razor)

Lenguaje ScriptingAPI simple y acceso a DBConstruida sobre MVC

Ambiente NotePad

Server (IIS Developer Express)

Ultimo IISSe instala en "\Program Files"

No es necesario ser AdministradorIgual que Producción

ToolWebMatrix IDE

Comenzar con un proyecto OSS, o un desarrollo nuevo, incluendo Customizar, Optimizar y Liberar

Database(SQL Compact)

Base de datos Embebida, facilmente distribuible (x-copy)

Apps

Web App GalleryASP.NET OSSOrchard CMS

PHP OSS

NuPack

Package Manager ConsoleProyectos OS

Resuelve DependenciasDisponible en CodePlex

Page 5: Web matrix razor_aspnetmvc_finalv2_techdays2010

Visión WebMatrix

WebMatrix crea un circulo en virtud de:

• Desarrolladores• Aplicaciones Web

OpenSource• La Nube (cloud)

…con una experiencia de usuario superior un ambiente sencillo y unificado.

Page 6: Web matrix razor_aspnetmvc_finalv2_techdays2010

IIS Developer Express

Última versión de IIS

Se Instala en “Archivos de Programa”, puede funcionar junto a IIS Server

Corre como proceso interactivo, no como servicio

No requiere Privilegios de Administrador

Configuración Simplificada /mgmt - no appPools

Soporta completamente todos modulos de IIS7, ASP.NET, PHP

Page 7: Web matrix razor_aspnetmvc_finalv2_techdays2010

SQL Compact 4

Paquete de 2MB, incluído en el Web Stack

Base de Datos basada en Archivo, Incluída con la App en el Deploy con Xcopy

Soporte total para Dynamic Data, ASP.NET MVC

API Compatible ADO.NET, EF, LINQ…

Migración Sencilla a SQL Server

Page 8: Web matrix razor_aspnetmvc_finalv2_techdays2010

Principios de ASP.NET Web Pages & Razor Syntax

No hay necesidad de entender las clases y programación orientada a objetos

No require configuración adicional para funcionar.

SEO por Defecto.

Fácil utilización de Helpers para la mayoría de las tareas Comunes en el desarrollo Web

No requiere herramientas adicionales, funciona con el notepad o cualquier otro editor

Transición Natural a Proyectos ASP.NET MVC y Visual Studio

Page 9: Web matrix razor_aspnetmvc_finalv2_techdays2010

Principios de ASP.NET Web Pages & Razor SyntaxCódigo incrustado más limpio:

ASPX Markup:

Razor Sintax:

Page 10: Web matrix razor_aspnetmvc_finalv2_techdays2010

WEBMATRIXRAZOR SINTAXNUPACK

Demo

Page 11: Web matrix razor_aspnetmvc_finalv2_techdays2010

Características Claves

http://www.microsoft.com/web/webmatrix/

• Pequeño, pero paquete completo• Crece contigo• Fácil Codificación• Más que un simple Hola Mundo• Simple manejo de Base de datos • File New > Open Source• Elegante interfaz , Centrada en la Experiencia de

Usuario • Ambiente totalmente integrado• Optimizado para SEO• Encuentra un Hosting para tus APPs

Page 12: Web matrix razor_aspnetmvc_finalv2_techdays2010

ASP.NET MVC 101

Model(Datos)

View(Presentación)

Controller(Input)

Page 13: Web matrix razor_aspnetmvc_finalv2_techdays2010

• Flujo

Cómo funciona MVC

Request

View

Controller

Response

ControllerRecupera el modelo“Hace la pega”

ViewRepresenta visualmenteel modelo

Page 14: Web matrix razor_aspnetmvc_finalv2_techdays2010

ASP.NET MVC BÁSICODemonstración

Page 15: Web matrix razor_aspnetmvc_finalv2_techdays2010

• Foco en el problema de negocios y no en los datos

• Abarca múltiples sistema de almacenamiento y protocolos

• Genera sentencias SQL para uso general

Por qué Entity Framework?

Page 16: Web matrix razor_aspnetmvc_finalv2_techdays2010

MODEL FIRSTDATABASE FIRST

Demonstración

Page 17: Web matrix razor_aspnetmvc_finalv2_techdays2010

• Las clases del modelo se generan por herramientas• Los atributos de metadata se pierden

si se regeneran• Solución: Usar partial classes

Metadata del Modelo

Page 18: Web matrix razor_aspnetmvc_finalv2_techdays2010

AGREGANDO METADATA AL MODELODemostración

Page 19: Web matrix razor_aspnetmvc_finalv2_techdays2010

• Qué sucede si quiero múltiples modelos en una vista?• Los ViewModels permiten componer

mútiples Modelos y pasarlos a la vista

ViewModels

Page 20: Web matrix razor_aspnetmvc_finalv2_techdays2010

VIEWMODELSDemonstración

Page 21: Web matrix razor_aspnetmvc_finalv2_techdays2010