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

PDF
Introducción al desarrollo web moderno
PDF
Introducción a ASP.NET MVC
PPTX
Frameworks de Javascript Lema-Rosero
PPTX
ASP.NET MVC Workshop Día 2
PPTX
PPTX
ASP.NET MVC Workshop Día 1
PDF
Webinar: Introducción a Angular
PPTX
Tecnologia ASP.net
Introducción al desarrollo web moderno
Introducción a ASP.NET MVC
Frameworks de Javascript Lema-Rosero
ASP.NET MVC Workshop Día 2
ASP.NET MVC Workshop Día 1
Webinar: Introducción a Angular
Tecnologia ASP.net

La actualidad más candente (20)

PPTX
Presentacion tecnica microsoft.net
PDF
Monolito a micro servicios por dónde empezar
PDF
Webinar: Introducción a VUE.js
PPTX
Desarrollo de Aplicaciones Web con ASP.NET MVC5
PPTX
Web matrix razor_aspnetmvc_finalv2_techdays2010
PPTX
NodeJS
 
PPTX
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
PPTX
Aspnet MVC 4 y Mobile Sites
PPTX
Introducción a spa
PPTX
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4
PPTX
Desarrolla tu próxima app con Xamarin & MvvmCross
PPTX
Net love open source v1.7
PPTX
ASP.NET MVC Workshop Día 3
KEY
Webinar: Groovy y la producttividad para el desarrollador Java
DOCX
Clase 1 aspnet-para-slide share
PPT
Zend Framework Taller de SeeD Software, Colombia
ODP
PPTX
Web matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_uno
PDF
Front end
PPTX
Silverlight
Presentacion tecnica microsoft.net
Monolito a micro servicios por dónde empezar
Webinar: Introducción a VUE.js
Desarrollo de Aplicaciones Web con ASP.NET MVC5
Web matrix razor_aspnetmvc_finalv2_techdays2010
NodeJS
 
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
Aspnet MVC 4 y Mobile Sites
Introducción a spa
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4
Desarrolla tu próxima app con Xamarin & MvvmCross
Net love open source v1.7
ASP.NET MVC Workshop Día 3
Webinar: Groovy y la producttividad para el desarrollador Java
Clase 1 aspnet-para-slide share
Zend Framework Taller de SeeD Software, Colombia
Web matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_uno
Front end
Silverlight
Publicidad

Similar a Mvc + html5 + css3 (20)

PPTX
Herramientas de Desarrollo de Software Bajo Web
PDF
200405 - Aplicaciones Web
PPTX
Plataformas de desarrollo web
PPTX
Plataformas de desarrollo web
PPTX
Lenguajes del lado del servidor
PDF
Google Web Toolkit (GWT) en entornos empresariales
PDF
Lenguajes de desarrollo web
PDF
Zend Framework - MVC - 2008
PDF
T2 aplicaciones-web
PPT
Ruben fuentes programacion_web
PDF
Programacion web-Lenguajes del lado del servidor
PPTX
PHP Con symfony
PDF
Pyme Innova. Paginas web taller práctico.
PPTX
Tecnologias de desarrollo web
PPT
Arquitectura
PPT
INTRODUCCION AL LA PROGRAMACION WEB.ppt
PPT
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
PPTX
Desarrollo de webapps 1
Herramientas de Desarrollo de Software Bajo Web
200405 - Aplicaciones Web
Plataformas de desarrollo web
Plataformas de desarrollo web
Lenguajes del lado del servidor
Google Web Toolkit (GWT) en entornos empresariales
Lenguajes de desarrollo web
Zend Framework - MVC - 2008
T2 aplicaciones-web
Ruben fuentes programacion_web
Programacion web-Lenguajes del lado del servidor
PHP Con symfony
Pyme Innova. Paginas web taller práctico.
Tecnologias de desarrollo web
Arquitectura
INTRODUCCION AL LA PROGRAMACION WEB.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
Desarrollo de webapps 1
Publicidad

Más de Marc Rubiño (15)

PPSX
De Cero a ChatGPT Local: DeepSeek vs Mistral en mi Portátil sin GPU y con Docker
PPSX
Xamarin & Microsoft Cognitive Services
PPSX
Dot netspain 2016
PPSX
ASP.NET 5 & Tag Helpers
PPSX
Gapand 2015 - Xamarin HOL
PPSX
Xamarin, azure Push & cortana
PPSX
Web And Cloud Tour 2015 - ASP.NET 5
PPSX
Xamarin Forms & azure Mobile services
PPSX
Tu web en AZURE
PPTX
Aplicaciones moviles nativas con Xamarin
PPSX
KnockoutJs at We Love Js event
PPTX
SPA ASP.NET MVC & AngularJS codemotion 2013
PPTX
Windows 8 para Desarrolladores web
PPSX
Windows Server 2012 web and application platform
PPSX
Lo que los desarrolladores web deberían saber
De Cero a ChatGPT Local: DeepSeek vs Mistral en mi Portátil sin GPU y con Docker
Xamarin & Microsoft Cognitive Services
Dot netspain 2016
ASP.NET 5 & Tag Helpers
Gapand 2015 - Xamarin HOL
Xamarin, azure Push & cortana
Web And Cloud Tour 2015 - ASP.NET 5
Xamarin Forms & azure Mobile services
Tu web en AZURE
Aplicaciones moviles nativas con Xamarin
KnockoutJs at We Love Js event
SPA ASP.NET MVC & AngularJS codemotion 2013
Windows 8 para Desarrolladores web
Windows Server 2012 web and application platform
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