Revisión de por que debería interesarme por WebMatrix

image

Hola, este es un post que quería escribir hace bastante tiempo, pero el ajetreo del día a día en estos últimos meses ha sido intenso. Pero bueno, quiero hablar un poco de WebMatrix y el por que deberíamos considerarlo como una herramienta seria al momento de desarrollar.

Veamos un poco las características de WebMatrix 2 que lo destacan y que hacen que sea más que solo un pequeño editor de código (como algunos piensan).

Totalmente Gratuito

Primero que nada WebMatrix es totalmente gratis, no tienes que pagar nada por él, tampoco debes pagar cuando liberas algo a producción, no hay versiones de prueba, ni límites en el periodo de uso o cualquier desembolso de tu parte. Lo puedes decargar desde www.asp.net/webmatrix con el universal installer, así de fácil.

Soporte HTML, CSS y Javascript

image

Mucho más que un simple editor de texto vas a tener una completo soporte de intellisense, outlining de código, validación de sintaxis, formateo del mismo. También tenemos un editor JavaScript con soporte para el autoformato e IntelliSense.

image

En el caso que quieras activar la autocompletación de código jquery puedes ver este post http://geeks.ms/blogs/gperez/archive/2011/11/11/tips-activar-autocompletaci-243-n-de-c-243-digo-jquery-en-webmatrix-beta-2.aspx

Además el editor CSS tiene mejores facilidades para su desarrollo,  por ejemplo tenemos la ayuda cuando vamos a seleccionar un color:

image

Puedes ver estos videos relacionados con estas características de WebMatrix

  • How to use the Color Picker in WebMatrix
  • How to use LESS CSS inside of WebMatrix
  • How to use the Sass editor inside of WebMatrix
  • Soporte para varios lenguajes

    Podemos seleccionar una amplia gama de lenguajes,  programas en PHP? Perfecto!, lo puedes utilizar , HTML? CSS? JavaScript, JSON, CoffeScript, tienes una completa lista para seleccionar.

    Un punto importante son las ASP.NET Web Pages, que no es lo mismo que las ASP.NET Web Forms, las primeras se desarrollan con una sintáxis llamada Razor, la cual es muy cómoda de utilizar, puedes ver más sobre razor en:
    http://www.asp.net/web-pages/overview/whats-new/top-features-in-web-pages-2

    image

    Por ejemplo, si necesitas utilizar PHP y piensa que ahora necesitas instalar Apache, el servidor IIS Express que viene con WebMatrix de puede ayudar, en la configuración del sitio puedes  seleccionar la opción “Habilitar PHP” y de inmediato, si no lo tienes ya instalado, WebMatrix va a instalar por ti PHP para IIS Express

    image

    Bases  de datos

    Sin duda, esto es algo que destaca a WebMatrix de otros “editores”, ya que WebMatrix tiene la capacidad de conectarse a SQL Server, MySQL y también agregar Bases de Datos SQL Server CE (Base de datos basada en archivos que no necesita un motor corriendo)

    image

    Obviamente luego tendrás que crear las tablas, y en este sentido WebMatrix nos provee de una interfaz limpia y simplificada para agregarlas junto a la definición de campos.

    image

    Puedes ver que también podemos crear consulta sobre los datos y tenemos la posibilidad de migrar desde SQL Server CE a SQL Server.

    image

    También tenemos Mejoras visuales en el manejador de datos, cuando copiamos los datos, quedan tabulados en el cortapapeles de manera de que al pegarlos en Excel, se respete la organización de los mismos (disculpen los datos, puse cualquier cosa )

    En Webmatrix, copiamos….

    image

    y Pegamos en Excel!

    image

     

    Informes de Rendimiento

    Una de las tareas importantes que tenemos hoy en día es de asegurarnos que nuestro sitio Web tenga una “Calidad” Aceptable , pero esta calidad se puede descomponer en varias ítems, como lo son optimización de tiempo de carga, mejoramiento de tags , meta y características de la página para los SEO, eliminar fallas como links rotos , etc.  WebMAtrix te provee una muy buena herramienta para automatizar en parte este análisis, y te sugiere posibles soluciones, puedes ir guardando estos informes, y exportarlos para enviárselo a tus clientes.

    image

    Extendiendo WebMatrix

    Una de las características interesantes de WebMatrix es la posibilidad de incorporar nuevas funcionalidades, y esto lo podemos hacer mediante la Galería de Extensiones, en donde vamos a tener variadas herramientas muy útiles en el desarrollo:

    image

    Hoy en día, como  ya lo sabrás si tu sitio no soporta una correcta visualización en dispositivos móviles, estás en problemas, cada vez son más los usuarios que tienen smartphones en los cuales navegan tanto o más tiempo que en un laptop. Entonces se hace necesario el testear las páginas en ambientes algo más parecidos al los reales. WebMatrix te permite instalar emuladores de IPad , IPhone y Windows Phone (bueno,los de IOS no son lo mismo que el emulador que viene en XCode, pero de todas maneras nos sirve).

    Para tener el Emulador de Windows Phone incorporado con Webmatrix debes tener el SDK De Windows Phone instalado que puedes descargar desde acá:
    https://dev.windowsphone.com/en-us/downloadsdk

    Y puedes ver además una excelente variación de Tema de Jquerymobile, para dar un aspecto METRO a tus web apps cuando se naveguen desde un Windows Phone, échale un vistazo acá:

    http://geeks.ms/blogs/gperez/archive/2012/05/16/listview-de-jquerymobile-metro-theme-con-webmatrix.aspx

    y por ejemplo si vamos a utilizar el emulador de IPhone, tenemos la opción de elegirlo dentro de la opción ejecutar de la barra de herramientas ( y de paso vemos que podemos ejecutar además nuestras páginas en los browsers que tengamos instalado)

    image

    Emulador IPhone Corriendo:

    image

    Otra herramienta útil es el minificador y optimizador de JavaScript ,CSS e imágenes:

    image

    Una vez instalado podemos seleccionar un archivo de javascript y seleccionar Minify, con esto automáticamente nuestro script será optimizado.

    image

    Verás que ahora hay dos archivos, el normal y el minificado Sonrisa

    image

    Y como puedes ver el nivel de compresión es más que aceptable.

    image

    Además puedo obtener el Base64 ,con la opción Copy DATA URI ,de la imagen o también optimizarla

    image

     

    Sitio a partir de Galería

    Si lo que necesitas es instalar un sitio administrable como WordPress, Umbraco o Joomla entre otros, WebMatrix te permite hacerlo fácilmente, resolviendo dependencias e integrando opciones al barra de menú según el CMS que  se instale , un buen ejemplo de esto es la integración que se logra con Umbraco.

    En el caso de WordPress , existe intellisense de las funciones propias de la API de WordPress Sonrisa

    image

    Por ejemplo si seleccionamos UMBRACO , vamos a tener que decidir si vamos a utilizar SQL Server CE o SQL Server, luego aceptamos el CLUF y listo!

    image

    En el Caso de WordPress que trabaja bajo MySQL y PHP, me va a pedir que instale las dependencias, la descarga e instalación la hace WebMatrix por mi Sonrisa

    image

    Publicar el sitio web

    Por último, cuando queremos publicar un sitio, tenemos distintas opciones, como importar el perfil de publicación (si es que ya tenemos uno)

    image

    Por otro lado podemos especificar la configuración, y podemos utilizar Web Deploy o FTP como protocolo:

    image

    Y si andamos buscando un Hosting, también nos va sugerir un listado de hosting con soporte para las ASP.NET Web Pages, puedes ver acá la lista que se despliega:

    http://www.microsoft.com/web/Hosting/Home?spotlight=true&notify=true&technology=ASPNET4.0%3bMSSQL%3b&appId=&language=es-ES

    Como ves, muchas razones para ocupar WebMatrix, en mi caso, ya es una herramienta fundamental de desarrollo Sonrisa

    Nos vemos!!
    @chalalo

    Un comentario en “Revisión de por que debería interesarme por WebMatrix”

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *