Category Archives: Herramientas

IE: Depuración de JavaScript y más!

Hola amigos, tal como indicaba en el post anterior, quedaba pendiente una publicación sobre depuración de JavaScript usando Internet Explorer, que por cierto, acaba de liberar un Beta de la versión 9, espero le den una oportunidad y se pongan a probar esta nueva versión.

Pues bien, como tal Internet Explorer cuenta con una serie de Herramientas de Desarrollador que puedes utilizar si presionas F12, lo cual abre la siguiente interfaz.
image
Los invito a explorar de momento, lo siguiente:
image

Aqui hay muchos aspectos interesantes, como el explorador de HTML, que ni bien te ubicas sobre una etiqueta, esta seleccion se refleja en tu página, de esta manera:
image
Genera lo siguiente:
image 

Pero bueno, lo que quería compartir es lo que se encuentra en la sección Script, asi que si nos ubicamos en esa opción:
image 
Prestemos atención al panel de la derecha, que si notan, permite incluso correr scripts, como tal, podemos escribir algunas líneas de JavaScript y probar:
image 
Esto generará por un lado:
image
Y en el navegador:
image 
Claro, que si desean escribir más lineas de javascript, click en:
image
y:
image

Pero claro, si quieren ver todo el poder del depurador y las opciones de visualizacion con las que cuenta, es decir, cada una de estas:
image 

Atención en el depurador:
image

Click en Start Debugging,
Colocamos algunos puntos de interrupción de manera similar al tratamiento en Visual Studio,
Usando el cursor o presionando F9:
image

O quizá usando el menú contextual:
image

Antes de iniciar la prueba del depurador, les sugiero revisen estas opciones del menú contextual:
image
(Asi es, soporta puntos condicionales)

Realizamos la prueba respectiva y veamos que nos muestra:
 image
Se les hace conocida esa funcionalidad? 😀
Y que tal esta otra?
image

Y si nos vamos a la sección Locals? pues asi es, tendremos toda la informacion de las variables en el contexto que nos encontremos.
image

No se ustedes, pero a mi esta herramienta me parece bastante apreciable, personalmente creo que merece una oportunidad, más aun confesando que no terminaría este post nunca, ya que hay muchas cosas que me faltan comentar =(

Me despido con tres imágenes que los invito analizar/revisar con ayuda de su IE.
image
y
image
y
image

Bueno, sin más me despido, esperando le sepan dar un uso interesante y les sirva de complemento a lo brindado por Visual Studio 2010 =D

Saludos
@Jersson

VS2010: Depuración de JavaScript

Buenas noches amigos,
No se ustedes pero tengo la clara intención de mostrar funcionalidades de Visual Studio que posiblemente sean obvias para muchas personas, pero con el paso del tiempo, he notado que muchas otras personas no han tenido la suerte de conocer algunas herramientas/técnicas/funcionalidades que vienen con este producto.

Tal es el caso del depurador de JavaScript que viene integrado desde Visual Studio 2008.

Para lo cual describo un HTML breve.
image

Como podrán notar he puesto algo de JavaScript, que si ven el código, requiere cierta revisión, pues el método __prueba() no está trabajando correctamente.

Para esto ponemos un punto de interrupción de la misma manera que se hace al programar en .net, es decir, vía F9 o usando el menú.
image 
Este punto de interrupcion tambien puede colocarse haciendo click en la barra vertical gris ubicada en el borde izquierdo de nuestro editor de código. Lográndose el mismo resultado.
image

Y luego que?
Pues a correr la aplicación,  y aprovechar todas las funcionalidades de depuración que ya conociamos en .net
image

Al pasar el puntero sobre una variable:
image

O si estamos interesados en realizar una inspeccion en otra ventana:
image  

image 
De mi parte he usado muchas veces esta característica y me parece de bastante utilidad, no se que opinan ustedes, la han usado? y si no, han utilizado lo que brinda el Internet Explorer?

Me despido, pero pensando en los siguientes posts, hay uno de depuración con Internet Explorer que estoy seguro será muy interesante.

Un Saludo
@Jersson

WebMatrix – Parte I

Hola a todos,
Si bien es cierto hace ya buen tiempo que fue anunciado el lanzamiento de la primera beta del Web Matrix, pues no habia tenido tiempo para realizar la publicación respectiva.
Siendo honesto, ni bien salió el producto pude descargarlo y realizar algunas pruebas no fue nada complicado, es por ello que quiza vayan a encontrar muchos de posts al respecto.
Como tal uno de los aspectos a resaltar es que te permite trabajar con diversos gestores de contenido, para muestra un botón:
image 
Si bien es cierto algunas de estas plataformas no están basadas en .net, la idea de Web Matrix es brindar un entorno de trabajo que permita la creación sencilla de sitios web.
Ahora, si son en .net, mucho mejor ya que como tal Web Matrix viene de la mano de:
– Un gestor de servicios similar al IIS (recuerdan Cassini? pues aqui está repotenciado!) 
– Un gestor de datos basado en SQL Server
– Un nuevo lenguaje (Razor es el nombre que debemos recordar)
– Sin olvidar claro, su nivel de integración con Visual Studio 2010

Información a detalle, demos y screens de cada uno de estos productos las pueden encontrar en el blog de ScottGu.

De momento me voy despidiendo, a la espera de sus comentarios del uso y facilidad de la herramienta, como tal, tengo pendiente un post adicional al respecto ya que tengo algunas ideas y comentarios que deseo compartir.

Un Saludo y Muchas Gracias
@Jersson

VS2010 + Jersson = Trujillo

Asi es amigos, esta semana me encuentro en Trujillo dictando cursos de Visual Studio 2010, Application Lifecycle Management y Windows Communication Foundation, todo esto para una entidad financiera.
Ha sido una experiencia muy agradable y lo bueno de todo esto es que tengo mucho material del cual podré escribir en el resto de los días.

Por otro lado, ayer por la noche tuve la suerte de participar como ponente de una conferencia de Visual Studio 2010 en la Universidad Privada del Norte, aqui el afiche que pude rescatar.
image002

Tienen que admitir que se vé muy bonita!
Pues bien, la presentación salió mucho mejor de lo que esperaba y debo admitir que una vez más estaba nervioso, más cuando me dijeron que había un intermedio para que los asistentes tomen algunos refrescos y bocaditos. En ese momento pensé, salen y ya no vuelven! pero al terminar el break pues, el local se llenó más!! Gracias a mis nuevos amigos organizadores, que hicieron muy agradable el evento!

Eso me animó más y mostré algunas demos que no acostumbraba sacar por temas de tiempo, pero bueno, no acostumbro viajar a Trujillo y tener mas de una hora para una sesión, asi que, creo que les gustó =)

Me despido, ya que tengo que revisar el material para mañana, que es el último día de clases, ha sido bastante agotador, es cierto, pero ha valido la pena compartir tantas experiencias en tan corto tiempo.

Aquí unas fotos del evento y con uno de los grupos que participa en la capacitación:
http://picasaweb.google.com/s/c/bin/slideshow.swf

Un Saludo
@Jersson

VS2010: Copiar, Pegar, Duplicar?

Hola mis estimados lectores, hace buen tiempo que quería comentar esta característica de Visual Studio, la cual descubrí hace mucho, como siempre… por accidente 🙂

Es de conocimiento general el buen uso de copiar y pegar vía Ctrl + C y luego Ctrl + V, pero han notado que se puede hacer uso de la combinación de copiar sin necesidad de seleccionar el texto?
Prueben esto incluso desde el menú contextual y luego peguen como si hubieran seleccionado algo.

image
image

Es interesante ya que a veces uno desea copiar una línea de código y utiliza la selección completa, sea de forma manual o quizá por el ya conocido Triple Click, hagan la prueba, tres clicks y verán la selección completa (claro, esto funciona siempre y cuando hayan instalado el VS2010 Pro Tools).

Pero bueno, asi como funciona el Copiar, los invito a probar la combinacion de teclas de Cortar (Ctrl + X), o en todo caso, como en el ejemplo, por menú contextual.

Pero, que es lo que también descubrí hace un tiempo? pues duplicar una línea completa! hagan la prueba haciendo un Ctrl + D y verán. En mi caso he presionado varias veces la combinación y he obtenido:

image

Y bueno, tal como me dijeron en una clase hace ya mucho tiempo, esto para qué me sirve? pues personalmente me ha permitido aprovechar algunas lineas que con alguna modificacion me servirían para otra cosa, o bueno en temas de pruebas rápídas que queria hacer, o al tener unas lineas en HTML que queria variar temporalmente, creo que ya depende de uno 🙂

Y bueno, no se si les ha pasado pero por accidente presionaron más de una vez Ctrl + C, sabían que Visual Studio 2010 tiene un portapapeles incluido? pues una imagen mas que 101 palabras.
image 

Sin más me despido a la espera de sus comentarios.
Un Saludo
@Jersson