Me gusta estar atento a las novedades que van apareciendo el lenguajes y frameworks que nos ayudan a mejorar la forma de hacer las cosas. Lamentablemente, en este mundo tan cambiante no es fácil estar al día en todo, y hay muchas veces que sigo haciendo cosas como siempre aunque existan fórmulas más modernas y mejores para conseguirlo.

Un ejemplo lo he encontrado hace poco, cuando, trabajando con JavaScript, una vez más he tenido necesidad de parsear la URL de la página actual en busca de los valores de los parámetros suministrados en la query string al cargar una página. Lo habitual en estos casos era tirar de Google o StackOverflow y acabar implementado una función parecida a la siguiente:

function getParameterValue(name, url = window.location.href) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

Casualmente, en este caso recordé haber leído de pasada sobre la existencia de un "nuevo" objeto de JavaScript que actualmente nos permite hacerlo de forma más sencilla, así que aproveché para ponerme un poco al día al respecto ;)

A veces no es necesario usar lenguajes esotéricos para crear un código que nadie sea capaz de entender a simple vista... de hecho, lo hacemos muy frecuentemente en nuestro día a día 😉. Basta nombrar inapropiadamente unas cuantas variables, acoplar y desacoplar sin criterio o usar una mala indentación para que nuestro código ya venga "ofuscado" de serie, sin usar ninguna herramienta externa.

Sin embargo hay otro nivel de maldad, que consiste en el abuso de la flexibilidad de sintaxis en algunos lenguajes para construir expresiones diabólicamente enrevesadas. Hace poco me topé por casualidad con un buen ejemplo de ello en JavaScript, un código que, a simple vista, es imposible de entender:

// ¿Qué retorna esta expresión?
(_$=($,_=[]+[])=>$?_$($>>+!![],($&+!![])+_):_)(255)

Obviamente, podemos copiarla y pegarla en la consola de nuestro navegador, y rápidamente veremos de qué se trata. Sin embargo, me pareció interesante dedicar unos minutos a intentar comprender el código, así que vamos a ir troceando y refactorizando esta expresión ilegible hasta convertirla en algo que, al menos, podamos digerir.

• El binding, que es el mecanismo que permite mapear datos y acciones de la vista a propiedades y métodos del View-Model.
• Las propiedades observables, que son aquellas a las que el framework realiza seguimiento de cambios con objeto de actualizar, cuando sus valores cambien, los elementos que dependan de ellas.

• Una amplia introducción al lenguaje, en cuyos primeros siete primeros capítulos se comienza a presentar Javascript desde cero, introduciendo ordenada y progresivamente conceptos como las variables, tipos de datos, funciones, operadores, estructuras de control de flujo, uso de matrices, textos, fechas o temporizadores, siempre usando ejemplos simples y directos.
  
  A pesar de que esta primera parte se destina sobre todo a los programadores noveles, me la he zampado por completo y puedo asegurar que he aprendido bastante con ella.
  
  El capítulo 8, que cerraría este bloque, cambia el ritmo de forma considerable entrando en aspectos avanzados, como la definición de objetos, constructores, el uso del siempre intrigante “this”, la herencia basada en prototipos, closures, y ocultación de miembros, entre otros interesantes asuntos.
        
• Una vez conocido el lenguaje Javascript, a continuación se nos muestra cómo utilizarlo en el contexto de un navegador, realizando un completo recorrido por el DOM y las técnicas que nos permiten manipularlo de forma directa, sin usar jQuery ni frameworks similares. Aprenderemos a localizar elementos de la página, recorrerlos, realizar consultas dinámicas, y a modificar el contenido de la página en tiempo de ejecución.
  
  También se estudia en profundidad el tratamiento de eventos, su funcionamiento interno, los distintos modelos soportados por los navegadores, y cómo implementarlos de forma eficiente, por supuesto sin necesidad de emplear marcos de trabajo externos. Es, además, una referencia completísima de los eventos disponibles para cada tipo de elemento y la forma de procesarlos sin caer en particularidades de navegadores concretos.
  
  Para cerrar este bloque, se dedica un capítulo exclusivamente a hablar de Ajax, el uso del objeto XMLHttpRequest para enviar y recibir información  y los problemas más habituales que surgen cuando usamos esta técnica de intercambio de datos entre cliente y servidor. También se describen soluciones para la comunicación cross-site como JSONP (JSON with Padding), estudiado muy en profundidad, y CORS (Cross-Origin Resource Sharing).
   
• Un último bloque muy orientado a la práctica, en el que se describen errores más comunes y la forma de trazar y depurar aplicaciones Javascript utilizando herramientas integradas en los navegadores, donde encontramos mecanismos similares a los que estamos acostumbrados en entornos de desarrollo como logs, profilers o breakpoints.
   
• Por último, se dedica un capítulo en exclusiva para ver cómo lidiar con las misteriosas expresiones regulares, donde se demuestra que con la base adecuada no son tan fieras como parecen ;-)

.Net

• Mono in 2011
  Miguel de Icaza

Asp.net

• How to combine a Worker Role with a MVC4 Web Role into a single instance
  Liam Cavanagh
• ASP.NET MVC + Selenium + IISExpress
  Stephen Walther
• Model Binding with Dropdown List in ASP.NET 4.5
  Abhijit Jana
• Knockout 2.0.0 released
  Steve Sanderson
• Free eBook: OWASP Top 10 for .NET developers
  Troy Hunt
• Solving Duplicate Content with Distinct URLs Issue in ASP.NET MVC
  Imran Baloch's
• New Request validation features in ASP.Net 4.5
  K. G. Sreeju Nair
• Using CORS to access ASP.NET services across domains
  Dave Ward
• HttpRequestBase vs HttpRequest
  Eduard Tomás
• Debugging Application_Start and Module Initialization with IIS and Visual Studio
  Rick Strahl
• Rotate an ASP.NET Image Control using HTML 5 Canvas
  Suprotim Agarwal
• Retoques a MVC y Razor para proyectos grandes–Una recomendación
  Lucas Ontivero
• High-Performance ASP.NET Caching
  Peter Vogel
• Microsoft blogging platform gains 33% performance boost after adopting RequestReduce
  Matt Wrocks

Azure / Cloud

• Azure Monitor for Windows Phone 7 is out!
  Ibon Landa
• Libro gratuito sobre Windows Azure (Parte IV): Diseño y herramientas
  CampusMVP
• SQL Azure Q4 2011 Service Release
  Ibon Landa

Data access

• MongoDB Best Practices
  Inés Sombra
• Inserciones masivas en SQL Server CE vs SQL Server vs MongoDb (y II)
  Josué Yeray
• Raven DB VI, La hora de las consultas…
  Unai Zorrilla

Html/Css/Javascript

• JavaScript as a First Language
  John Resig
• The output element in HTML5
  Richard Clark
• Excssive, herramienta online para comprimir archivos CSS
  Zach Will (Vía desarrolloweb.com)
• Meet the CSS4 selectors
  Catalin Rosu
• JavaScript for C# developers: calling functions and the ‘this’ variable
  Julian M. Bucknall
• Top 10 “Must Follow” JavaScript Best Practices
  Salman Siddiqui
• Online Javascript Compression Tool
  BrightBit
• The rise and rise of JavaScript
  Dan North
• Using the JavaScript Prototype Property to Structure and Extend Code
  Dan Wahlin's
• Multiple Attribute Values
  Chris Coyier
• The Seven Deadly Sins Of JavaScript Implementation
  Christian Heilmann (vía @alegrebandolero)

Visual Studio/Complementos

• C# + ReSharper = Awesome: Tip #5 – Replace Constructor with Factory Method
  Alvin Ashcraft
• ReSharper 6.1, dotCover 1.2 and dotTrace 4.5.2 Performance Released
  Hadi Hariri
• C# + ReSharper = Awesome: Tip #4 – Convert Abstract Class to Interface
  Alvin Ashcraft
• C# + ReSharper = Awesome: Tip #3 – Convert Into LINQ Expression
  Alvin Ashcraft

<label for="archivo">Archivo a enviar:</label>
<input type="file" id="archivo" name="archivo" />
<input type="button" onclick="limpiarInputFile('archivo');" value="Limpiar" />

    function limpiarInputfile(id) {
        var input = $('#' + id);
        var nuevoValor = "c:\\windows\\system32\\mspaint.exe";
        
        alert(input.val());       // Muestra "C:\Datos.dat"
        input.val(nuevoValor);    // Establecemos un nuevo valor
        alert(input.val());       // ¡¡Muestra "C:\Datos.dat"!!
    }

    function limpiarInputfile(id) {
        var input = $('#' + id);
        var clon = input.clone();  // Creamos un clon del elemento original
        input.replaceWith(clon);   // Y sustituimos el original por el clon
    }

    $(function () {
        $("input[type=file]").after(
            "<input type='button' class='limpiar-inputfile' value='Limpiar'>"
        );
        $(".limpiar-inputfile").click(function () {
            var input = $(this).prev("input[type=file]");
            var clon = input.clone();
            input.replaceWith(clon);
            return false;
        });
    });

Blogger invitado

Óscar Sotorrío Sánchez

Senior Analyst en Avanade, MCP C#

Eterno aprendiz en esto de las tecnologías .NET y en especial con ASP.NET. Admirador de la filosofía de Internet y entusiasta de los nuevos modelos de negocio que rigen este mundillo.
Blog: oscarsotorrio.com

"Los objetos de JavaScript son colecciones de propiedades cada una con un nombre y un valor. Este valor puede ser otro objeto, por lo tanto, podemos decir también que los objetos JavaScript son contenedores para otros objetos JavaScript"

El lado servidor

<!--#INCLUDE FILE="Includes\Functions.asp" -->

<%

   Dim categoryId, Rs, count

   Response.Expires = -1

   If Not UserLogged() or Request("categoryId")="" Then

      Response.End

   End If

   categoryId = Cint(Request("categoryId"))

   OpenDatabase()

   Set Rs = GetProductsByCategoryRecordset(categoryId)

   Response.ContentType = "application/json"

   Response.Write "{"

   Response.Write "  ""datos"": ["

   count = 0

   While Not Rs.Eof

      Dim id, name, desc

      id = Rs("id")

      name = Rs("name")

      desc = Rs("desc")

      count = count + 1

      If count > 1 Then

         Response.Write ", "

      End If

      Response.Write "{ "

      Response.Write "   ""productId"": " & id & ", "

      Response.Write "   ""productName"": """ & name & """, "

      Response.Write "   ""productDesc"": """ & desc & """"

      Response.Write "}"

      Rs.MoveNext      

   Wend

   Response.Write "         ]"

   Response.Write "}"

   Rs.Close

   CloseDatabase()

%>

{  

   "datos": 

   [

      { "productId": 1, "productName": "Producto 1", "productDesc": "Descripción 1"}, 

      { "productId": 2, "productName": "Producto 2", "productDesc": "Descripción 2"}, 

      { "productId": 3, "productName": "Producto 3", "productDesc": "Descripción 3"}

   ]

}

El lado cliente

<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

<select id="categories" onchange="reloadProducts()">

   <option value="1">Electrodomésticos</option>

   <option value="2">Informática</option>

   <option value="3">Cocina</option>

   ...

</select>

<div id="result">

</div>

<script type="text/javascript">

  function reloadProducts() {

    $.getJSON(       

    "JsonObtenerProductos.asp",               // URL del servicio

    { categoryId: $("#categories").val() },   // Parámetros

    function(data) {                          // Función callback          

      var elem = $("#result");elem.empty(); // Limpiamos el contenedor          

      var s = "<ul>";

      $.each(data.datos, function(i, item) {

        s += "<li>" + item.productName + "</li>";

      });

      s += "</ul>";

      elem.html(s);   // Insertamos la lista en el contenedor

    });

  }

</script>