sábado, 1 de marzo de 2008

Resharper 3.0 - Buscar y navegar

Siguiendo con la serie de entradas dedicadas a Resharper 3.0, en esta entrada vamos a ver la categoría Navegación y búsqueda. Hay muchas prestaciones y características. A continuación enumero solo algunas.

Ir a tipo por nombre:
A través de un atajo de teclado, en este caso CTRL+N podemos encontrar rápidamente un archivo de nuestra solución. Con esta funcionalidad podemos ingresar parte del nombre del archivo y Resharper genera de forma dinámica una lista de las clases, archivo o carpetas de nuestra solución que respondan al criterio de búsqueda. Esta característica nos permite utilizar caracteres comodines (*, ?). Como podemos observar en la imagen basta con ingresar pag para que Resharper busque todas nuestras clases o carpetas que comienzan con esa combinación de teclas.

Ir a miembro del archivo:
De la misma forma que buscamos archivos en nuestra solución con la característica anterior, es posible buscar nombres de elementos (atributos, métodos) dentro de un determinado archivo. Para esta funcionalidad existe también un atajo de teclas, en este caso CTRL+F12

Encontrar Usos:
A través de esta característica, podemos visualizar de forma rápida todos los usos de un determinado elemento (tipo, método, atributo, etc). En este caso, el atajo de teclado es ALT+F7.

Resharper abre una nueva ventana con los resultados de la búsqueda.

Vista de tipo jerárquica:
Esta característica nos permite ver la jerarquía de clases y herencia para una clase determinada de nuestra solución y poder navegar de forma directa a través de ella, todo esto desde una ventana emergente. En esta caso la combinación de teclas para acceder de modo directo es CTRL+ALT+H.

Vista de estructura de archivo:
Con este tipo de vista que básicamente explora la estructura de un determinado archivo de nuestra solución es posible dirigirnos y seleccionar un elemento determinado tales como regiones, atributos y métodos. Una de las cosas que me resultó de lo más atractivo es la sincronización con el editor, de tal forma que si arrastramos un elemento en esta vista (por ejemplo mover la ubicación de un determinado método), automáticamente el código es modificado en el editor.

viernes, 29 de febrero de 2008

AJAX: Tecnologías que la componen

Asynchronous JavaScript and XML, o AJAX, es posible gracias a la combinación de tecnologías. Algunas de estas tecnologías son utilizadas del lado del cliente, pero algunas requieren componentes del lado del servidor para trabajar correctamente. Debido a esta característica de tratarse de una serie de tecnologías relacionadas, realizar debug en aplicaciones AJAX puede ser un proceso complicado. Veamos los principales componentes de AJAX:

- HTML: Hypertext Markup Language, o HTML es el standard aceptado para mostrar aplicaciones web tradicionales en un browser y esto no cambia al comenzar a utilizar AJAX. Es posible utilizar el nuevo HTML extensible o XHTML que posee mejoras en la sintaxis, pero en líneas generales podremos crear la interfaz de usuario de la misma forma en que lo veníamos haciendo con este lenguaje.

- CSS: Las hojas de estilo en cascadas o Cascading Style Sheets es el standard utilizado para agregar estilos y diseño a nuestras paginas HTML o XHTML. CSS es extremadamente util ya que permite separar el contenido de la pagina HTML de la forma en la que será visualizado pudiendo almacenarse en un archivo separado y ser aplicado en muchas o todas las paginas de una determinada aplicación.

- DOM: El Document Object Model, o DOM, es una forma de representar HTML o XHTML en una estructura jerárquica y también proveer acceso de forma programática a los elementos de nuestras aplicaciones, ya sea contenido, estilos o información misma de la estructura.- JavaScript: JavaScript es lenguaje mejor soportado y el mas utilizado para agregar funcionalidad del lado del cliente en aplicaciones web. Utilizando JavaScript podemos crear páginas web más dinámicas manipulando DOM desde el cliente respondiendo a eventos generados por el usuario. HTML, CSS, DOM y JavaScript se pueden combinar para crear aplicaciones DHTML (Dynamic HTML).

- XML: Extensible Markup Language, o XML, es el lenguaje de marcado que se ha convertido en el standard para representar datos en formato de texto e independientes de la plataforma. AJAX utiliza XML para comunicar datos desde el cliente al servidor. Además cuenta con la ventaja de que al tratarse de un standard, existen disponibles muchas herramientas como Stylus Studio o Altova XML SPy.

- JSON: JavaScript Object Notation es un formato para el intercambio de datos que es muy util para la representación de objetos en JavaScript permitiendo la serialización y deserialización de objetos.

-XMLHTTP: El protocolo XMLHTTP es una forma de intercambio de datos en formato XML entre el cliente y el servidor. Se puede acceder a este protocolo del lado del cliente a través del objeto XmlHttpRequest. AJAX combina el uso de este protocolo con la otras tecnologías listadas anteriormente para montar el framework que posibilita la llamada de postbacks de forma asincrónica.