SlideShare una empresa de Scribd logo
MVC + HTML5 + CSS3
      La Unión Perfecta
MARC RUBIÑO

 Web: http://mRubino.net

 Blog: http://geeks.ms/blogs/mRubino

 Twitter : http://twitter.com/Marc_Rubino

 Linkedin: http://linkedin.com/in/mRubino
CREAR UNA WEB

       Tener la Idea

       Necesidades y Requerimientos

       Recursos con los que contamos

       Maquetación

       Tecnología a utilizar
PHP
PROS
   Multi-Plataforma

   OpenSource

   Fácil de aprender

   Acceso a Datos
       • MySQL, PostgreSQL, Oracle, ODBC, DB2, MSQL…
PHP
CONTRAS
   Necesidad librerías “Consumir SOAP”

   Más lento “siempre interpreta”

   Manejo de Excepciones “Php 5”

   Código Spaghetti
.NET
PROS
   Diferentes lenguajes “C#, VB, J#”
   Más rápido “Precompilado”
   Acceso a Datos “ADO.NET”
       • Utiliza Proveedores “MSQl, Oracle, XML, etc…”
   Diferentes Modelos
       • Web Forms
       • ASP.NET MVC
.NET
CONTRAS
   Más complicado de aprender

   Solo funciona en IIS

   No es OpenSource

   Solo Funciona en servidores Windows

   Permite Código Spaghetti
.NET
ACLARACIONES
   Solo Funciona en IIS

   Solo Funciona en Servidores Windows


    Funciona en IIS, APACHE, XSD

    Servidores Windows y Linux con mod_mono
.NET
ACLARACIONES
   Es de Pago

   Comunidad Poco Activa

    IDEs & Bases de Datos Gratuitas
    OpenSource
        • ASP.NET MVC
        • Umbraco, DotNetNuke, Nhibernate, Moq, Castle …
ASP.NET WEB FORMS

 RAD

 Controles Ricos

 Modelo dirigido por eventos

 Parecido a desarrollo Windows Forms

 Difícil implementación TDD

 Páginas pesada View State
ASP.NET MVC

 Soc – Separación de Conceptos

 Permite TDD, IOC & DI

 Mayor control sobre el Comportamiento

 View Engines & Helpers

 Sin ViewState ni PostBacks

 SEO Friendly
PATRÓN MVC

Petición Http
                Controlador   Modelo




                   Vista
PATRÓN MVC

                Enrutador   Controlador   Modelo



Petición Http
                               Vista
¿ QUE NECESITO ?

 Visual Studio Web Developer Express

 SQL CE, SQL Express, MongoDb …

 ASP.NET MVC3 Tools Update
HTML5

  La Web Semántica

  HTML & XHTML

  Nuevos Elementos
     • Header, Video, Canvas …

  Imágenes 2D, 3D

  Video & Audio
HTML5

 Working Draft
     • Last Call

 Candidate Recommendation (2014)

 Compatibilidad
     • NO Navegador
     • SI Funcionalidad
CSS 3




 NO evoluciona al ritmo de HTML5

 Validar soporte No Navegador
JAVASCRIPT

 JavaScript No es un Standard

 EcmaScript 5 es el Standard
MANOS A LA OBRA
MARC RUBIÑO

 Web: http://mRubino.net

 Blog: http:// geeks.ms/blogs/mRubino

 Twitter : http:// twitter.com/Marc_Rubino

 Linkedin: http://linkedin.com/in/mRubino

Más contenido relacionado

La actualidad más candente

Presentacion tecnica microsoft.net
Presentacion tecnica microsoft.netPresentacion tecnica microsoft.net
Presentacion tecnica microsoft.net
Rulo Rosaz
 
Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010
Gonzalo C.
 

La actualidad más candente (20)

Presentacion tecnica microsoft.net
Presentacion tecnica microsoft.netPresentacion tecnica microsoft.net
Presentacion tecnica microsoft.net
 
Monolito a micro servicios por dónde empezar
Monolito a micro servicios por dónde empezarMonolito a micro servicios por dónde empezar
Monolito a micro servicios por dónde empezar
 
Webinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsWebinar: Introducción a VUE.js
Webinar: Introducción a VUE.js
 
Desarrollo de Aplicaciones Web con ASP.NET MVC5
Desarrollo de Aplicaciones Web con ASP.NET MVC5Desarrollo de Aplicaciones Web con ASP.NET MVC5
Desarrollo de Aplicaciones Web con ASP.NET MVC5
 
Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010
 
NodeJS
NodeJSNodeJS
NodeJS
 
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
Ruben Pardo - Innovación, Modernización y Productividad con FlexygoRuben Pardo - Innovación, Modernización y Productividad con Flexygo
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
 
Aspnet MVC 4 y Mobile Sites
Aspnet MVC 4 y Mobile SitesAspnet MVC 4 y Mobile Sites
Aspnet MVC 4 y Mobile Sites
 
Introducción a spa
Introducción a spaIntroducción a spa
Introducción a spa
 
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4
 
Desarrolla tu próxima app con Xamarin & MvvmCross
Desarrolla tu próxima app con Xamarin & MvvmCrossDesarrolla tu próxima app con Xamarin & MvvmCross
Desarrolla tu próxima app con Xamarin & MvvmCross
 
Net love open source v1.7
Net love open source v1.7Net love open source v1.7
Net love open source v1.7
 
ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3
 
Webinar: Groovy y la producttividad para el desarrollador Java
Webinar: Groovy y la producttividad para el desarrollador JavaWebinar: Groovy y la producttividad para el desarrollador Java
Webinar: Groovy y la producttividad para el desarrollador Java
 
Clase 1 aspnet-para-slide share
Clase 1 aspnet-para-slide shareClase 1 aspnet-para-slide share
Clase 1 aspnet-para-slide share
 
Zend Framework Taller de SeeD Software, Colombia
Zend Framework Taller de SeeD Software, ColombiaZend Framework Taller de SeeD Software, Colombia
Zend Framework Taller de SeeD Software, Colombia
 
JSP
JSPJSP
JSP
 
Web matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_uno
Web matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_unoWeb matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_uno
Web matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_uno
 
Front end
Front endFront end
Front end
 
Silverlight
SilverlightSilverlight
Silverlight
 

Similar a Mvc + html5 + css3

Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0
Jose Rojas
 
Aplicaciones de linea de negocio con silverlight y share point
Aplicaciones de linea de negocio con silverlight y share pointAplicaciones de linea de negocio con silverlight y share point
Aplicaciones de linea de negocio con silverlight y share point
Roberto Carlos
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
Avanet
 

Similar a Mvc + html5 + css3 (20)

Java script para desarrolladores SharePoint
Java script para desarrolladores SharePointJava script para desarrolladores SharePoint
Java script para desarrolladores SharePoint
 
Aplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptAplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScript
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
ASP.NET 5 & MVC 6 (RC1)
ASP.NET 5 & MVC 6 (RC1)ASP.NET 5 & MVC 6 (RC1)
ASP.NET 5 & MVC 6 (RC1)
 
Web matrix session1
Web matrix session1Web matrix session1
Web matrix session1
 
Web matrix. armando nuestros sitios dinámicamente con html5, php y mysql
Web matrix.  armando nuestros sitios dinámicamente con html5, php y mysqlWeb matrix.  armando nuestros sitios dinámicamente con html5, php y mysql
Web matrix. armando nuestros sitios dinámicamente con html5, php y mysql
 
Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0
 
SharePoint Saturday Barcelona. La importancia de JavaScript en nuestros desar...
SharePoint Saturday Barcelona. La importancia de JavaScript en nuestros desar...SharePoint Saturday Barcelona. La importancia de JavaScript en nuestros desar...
SharePoint Saturday Barcelona. La importancia de JavaScript en nuestros desar...
 
Introducción a Azure App Service - MUG Buenos Aires
Introducción a Azure App Service - MUG Buenos AiresIntroducción a Azure App Service - MUG Buenos Aires
Introducción a Azure App Service - MUG Buenos Aires
 
Aplicaciones de linea de negocio con silverlight y share point
Aplicaciones de linea de negocio con silverlight y share pointAplicaciones de linea de negocio con silverlight y share point
Aplicaciones de linea de negocio con silverlight y share point
 
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Desarrollo de webapps 1
Desarrollo de webapps 1Desarrollo de webapps 1
Desarrollo de webapps 1
 
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
 
Ruby on Rails y AngularJS
Ruby on Rails y AngularJSRuby on Rails y AngularJS
Ruby on Rails y AngularJS
 
5. rollbase
5. rollbase5. rollbase
5. rollbase
 
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
 
0x00-Frontend_intro.pdf
0x00-Frontend_intro.pdf0x00-Frontend_intro.pdf
0x00-Frontend_intro.pdf
 
Introducción a Asp.Net Mvc
Introducción a Asp.Net MvcIntroducción a Asp.Net Mvc
Introducción a Asp.Net Mvc
 

Más de Marc Rubiño

KnockoutJs at We Love Js event
KnockoutJs at We Love Js eventKnockoutJs at We Love Js event
KnockoutJs at We Love Js event
Marc Rubiño
 
SPA ASP.NET MVC & AngularJS codemotion 2013
SPA ASP.NET MVC & AngularJS  codemotion 2013SPA ASP.NET MVC & AngularJS  codemotion 2013
SPA ASP.NET MVC & AngularJS codemotion 2013
Marc Rubiño
 
Lo que los desarrolladores web deberían saber
Lo que los desarrolladores web deberían saberLo que los desarrolladores web deberían saber
Lo que los desarrolladores web deberían saber
Marc Rubiño
 

Más de Marc Rubiño (14)

Xamarin & Microsoft Cognitive Services
Xamarin & Microsoft Cognitive ServicesXamarin & Microsoft Cognitive Services
Xamarin & Microsoft Cognitive Services
 
Dot netspain 2016
Dot netspain 2016Dot netspain 2016
Dot netspain 2016
 
ASP.NET 5 & Tag Helpers
ASP.NET 5 & Tag HelpersASP.NET 5 & Tag Helpers
ASP.NET 5 & Tag Helpers
 
Gapand 2015 - Xamarin HOL
Gapand 2015 - Xamarin HOLGapand 2015 - Xamarin HOL
Gapand 2015 - Xamarin HOL
 
Xamarin, azure Push & cortana
Xamarin, azure Push & cortanaXamarin, azure Push & cortana
Xamarin, azure Push & cortana
 
Web And Cloud Tour 2015 - ASP.NET 5
Web And Cloud Tour 2015 -  ASP.NET 5 Web And Cloud Tour 2015 -  ASP.NET 5
Web And Cloud Tour 2015 - ASP.NET 5
 
Xamarin Forms & azure Mobile services
Xamarin Forms & azure Mobile servicesXamarin Forms & azure Mobile services
Xamarin Forms & azure Mobile services
 
Tu web en AZURE
Tu web en AZURETu web en AZURE
Tu web en AZURE
 
Aplicaciones moviles nativas con Xamarin
Aplicaciones moviles nativas con XamarinAplicaciones moviles nativas con Xamarin
Aplicaciones moviles nativas con Xamarin
 
KnockoutJs at We Love Js event
KnockoutJs at We Love Js eventKnockoutJs at We Love Js event
KnockoutJs at We Love Js event
 
SPA ASP.NET MVC & AngularJS codemotion 2013
SPA ASP.NET MVC & AngularJS  codemotion 2013SPA ASP.NET MVC & AngularJS  codemotion 2013
SPA ASP.NET MVC & AngularJS codemotion 2013
 
Windows 8 para Desarrolladores web
Windows 8 para Desarrolladores webWindows 8 para Desarrolladores web
Windows 8 para Desarrolladores web
 
Windows Server 2012 web and application platform
Windows Server 2012 web and application platformWindows Server 2012 web and application platform
Windows Server 2012 web and application platform
 
Lo que los desarrolladores web deberían saber
Lo que los desarrolladores web deberían saberLo que los desarrolladores web deberían saber
Lo que los desarrolladores web deberían saber
 

Mvc + html5 + css3

  • 1. MVC + HTML5 + CSS3 La Unión Perfecta
  • 2. MARC RUBIÑO  Web: http://mRubino.net  Blog: http://geeks.ms/blogs/mRubino  Twitter : http://twitter.com/Marc_Rubino  Linkedin: http://linkedin.com/in/mRubino
  • 3. CREAR UNA WEB  Tener la Idea  Necesidades y Requerimientos  Recursos con los que contamos  Maquetación  Tecnología a utilizar
  • 4. PHP PROS  Multi-Plataforma  OpenSource  Fácil de aprender  Acceso a Datos • MySQL, PostgreSQL, Oracle, ODBC, DB2, MSQL…
  • 5. PHP CONTRAS  Necesidad librerías “Consumir SOAP”  Más lento “siempre interpreta”  Manejo de Excepciones “Php 5”  Código Spaghetti
  • 6. .NET PROS  Diferentes lenguajes “C#, VB, J#”  Más rápido “Precompilado”  Acceso a Datos “ADO.NET” • Utiliza Proveedores “MSQl, Oracle, XML, etc…”  Diferentes Modelos • Web Forms • ASP.NET MVC
  • 7. .NET CONTRAS  Más complicado de aprender  Solo funciona en IIS  No es OpenSource  Solo Funciona en servidores Windows  Permite Código Spaghetti
  • 8. .NET ACLARACIONES  Solo Funciona en IIS  Solo Funciona en Servidores Windows  Funciona en IIS, APACHE, XSD  Servidores Windows y Linux con mod_mono
  • 9. .NET ACLARACIONES  Es de Pago  Comunidad Poco Activa  IDEs & Bases de Datos Gratuitas  OpenSource • ASP.NET MVC • Umbraco, DotNetNuke, Nhibernate, Moq, Castle …
  • 10. ASP.NET WEB FORMS  RAD  Controles Ricos  Modelo dirigido por eventos  Parecido a desarrollo Windows Forms  Difícil implementación TDD  Páginas pesada View State
  • 11. ASP.NET MVC  Soc – Separación de Conceptos  Permite TDD, IOC & DI  Mayor control sobre el Comportamiento  View Engines & Helpers  Sin ViewState ni PostBacks  SEO Friendly
  • 12. PATRÓN MVC Petición Http Controlador Modelo Vista
  • 13. PATRÓN MVC Enrutador Controlador Modelo Petición Http Vista
  • 14. ¿ QUE NECESITO ?  Visual Studio Web Developer Express  SQL CE, SQL Express, MongoDb …  ASP.NET MVC3 Tools Update
  • 15. HTML5  La Web Semántica  HTML & XHTML  Nuevos Elementos • Header, Video, Canvas …  Imágenes 2D, 3D  Video & Audio
  • 16. HTML5  Working Draft • Last Call  Candidate Recommendation (2014)  Compatibilidad • NO Navegador • SI Funcionalidad
  • 17. CSS 3  NO evoluciona al ritmo de HTML5  Validar soporte No Navegador
  • 18. JAVASCRIPT  JavaScript No es un Standard  EcmaScript 5 es el Standard
  • 19. MANOS A LA OBRA
  • 20. MARC RUBIÑO  Web: http://mRubino.net  Blog: http:// geeks.ms/blogs/mRubino  Twitter : http:// twitter.com/Marc_Rubino  Linkedin: http://linkedin.com/in/mRubino