[VS2010] Enfocarnos en “solo un” Área de ASP.NET MVC como raíz en VS2010 gracias a las Productivity Power Tools

Trabajando con ASP.NET MVC y Áreas, en un proyecto con múltiples Áreas, es conveniente para “enfocar el cerebro” tener en el explorador de soluciones solo los controladores y vistas del área en que estamos trabajando.

Me ayude de las extensiones de  Visual Studio 2010 Productivity Power Tools, tiene una funcionalidad que es el “Navegador de Solucion” (Solution Navigator) que es una herramienta/funcionalidad All-In-One … “unión entre el explorador de soluciones, el de objetos, buscador… etc“ que nos brinda una serie de ricas funciones.

Ya nos comentaba Jersson:

Para empezar a utilizarlo…

image

Una de estas funciones: Crear una vista a partir de un elemento (nodo/carpeta) 

En cada elemento del navegador de soluciones tenemos un botón contextual “View this as root”

image 

Lo cual me crea un filtro en mi árbol del navegador de solución, con la raíz en el elemento que seleccionamos para “concentrarme” en el Área especifica

image

NOTA: Se puede hacer desde cualquier elemento 😉

Y hasta la búsqueda es contextual al “ámbito de la raíz que definimos”

image

 

Espero que les pueda ayudar como a mi.

 

 

Mas info

[Formación] Workshop Scrum… UTN-FRRE Agosto/2010. Finalizado

La semana pasada con Diego tuvimos nuevamente la grata responsabilidad de facilitar un taller sobre Scrum, el segundo de los workshop planificados en el marco del proyecto de extensión: “Formación de RRHH orientados al desarrollo de la industria del software de la región NEA” (programa La Universidad en el Medio).

Esta vez participaron docentes de la carrera de Sistemas de la UTN-FRRE y profesionales del Polo IT Chaco.

Presentamos el framework de trabajo pero nos llevamos como siempre un rico intercambio de experiencias.

20100821-WorkshopScrumUTN (21)

… aquí nuevamente faltan algunos participantes por tenían que retirarse un poco antes de la “foto del recuerdo”

20100821-WorkshopScrumUTN (1) 20100821-WorkshopScrumUTN (3)20100821-WorkshopScrumUTN (7) 

Mas imágenes aquí

[ASP.NET] Nuevos snippet de código en VS2010 para HTML, Javascript … y sumando para jQuery

Cuando trabajamos en ambientes web con Visual Studio 2010 tenemos a nuestra disposición los nuevos snippet de código para HTML y Javascript algo que nos puede ayudar en nuestro día a día (además de los que ya teníamos ASP.NET y sus webcontrols de versiones previas y por supuesto de ASP.NET MVC 2).

En estos días estamos en la empresa “aumentando” nuestra formación en jQuery así que saque a relucir algo que tenia en borrador desde hace un par de meses por los snippets para este framework javascript.

O sea tenemos del lado del cliente snippets:

    1. Snippet “out-the-box” para HTML (lo que viene con VS2010)
    2. Snippet “out-the-box” para Javascript (lo que viene con VS2010)
    3. Snippet para jQuery (no viene preinstalado, aquí hay que crear al snippet … o mejor si alguien ya lo hizo y lo compartió… menos doloroso)

 

1 – Snippet para HTML

Esto lo tenemos disponible “out-the-box” (o sea preinstalado) para acortarnos camino al escribir una tag a o table… incluso para silverlight 😉

Etiqueta/Snippet para HTML Snippet generado
image  image
Asi tenemos desde los “básicos” como div, table, span, etc…. image
Como algo completo (y doloroso para escribirlo o copiarlo) como es el tag object para insertar Silverlight

NOTA: En breve veremos como hacer uno para swfObject para insertar películas Flash

image

Listado Completo: Si quieres tener un listado John Sheehan (@johnsheehan) (el que armo y compartió los snippet de jQuery) tiene un “cheat sheets” de estos snippets

 

Inserción de un Snippet

Existen tres formas de disparar la inserción de un snippet

  1. La primera escribiendo el “código” del snippet (en vista del código fuente del marcado html) y luego presionando [Tab]
    (No es lo mismo que los snippet de webcontrol donde hay que presionar dos veces Tab para que complete el nombre del control y luego que escriba el snippet)
  2. La segunda mas “grafica” con el famoso menú contextual (botón derecho)
    image
  3. También con las “hot-key” presionando Ctrl+K, Ctrl+X (en ese secuencia) y aparece el selector para “Insert Snippet”…
    image

 

Envolver nuestro código con… en el editor HTML

También tenemos posibilidad de insertar y/o envolver nuestro código (como lo hacemos en el codebehind) pero en el editor HTML, ya nos comenta elBruno

 

Donde está la configuración de snippet?

Tools >> Code Snippets Manager (Ctrl+K, Ctrl+B)

image

 

Crear un Snippet, “encapsulando conocimiento”

Si quieres crear uno propio puedes escribirlo en XML (si te gusta martirizar con abrir y cerrar tags) o utilizar

En todos los casos se debe copiar el archivo miSnippet.snippet

C:Users{usuario}DocumentsVisual Studio 2010Code SnippetsVisual Web Developer

Alli tienes dos carpetas My HTML Snippets y My JSScript Snippets respectivamente

image

NOTA: Ahora que recuerdo, tengo un post relacionado “tipo tutorial” para crear un snippet para insertar peliculas flash con  swfobject, así que lo publicare en breve.

 

 

2 – Snippet para Javascript

Tenemos también “out-the-box” snippet para Javascript (lo justo y necesario)

image

Ejemplos:

Etiqueta/Snippet para JS Snippet generado
image   image
image image

 

 

 

3 – Snippet para jQuery

Aquí hacemos uso de jQuery Code Snippets for Visual Studio 2010 que es proyecto hosteado en CodePlex que nos agrega unos cuantos snippet. O sea o lo hacemos nosotros o utilizamos lo que alguien compartió (y nos ahorro un par de horas) esto gracias John Sheehan (@johnsheehan)

Para ayudarnos en vez del copy&paste nos da un instalador y copia en las carpetas para snippets personalizados que comente mas arriba (My HTML Snippets y My JSScript Snippets)
image

Entonces luego podremos ver que nos instalo unos cuentos

Snippet para jQuery en HTML Snippet para jQuery en JScript
image image

NOTA: (para el quisquilloso) La versión que nos inserta para la registración de la libreria jQuery es para la 1.3.2, para tenerlo en cuenta. Tampoco creo que cambiar 1.3.2 a 1.4.2 que es la ultima sea muy difícil. Por ejemplo abriendo todos los archivos con Notepad++ y reemplazando valores.
O también te vas a la ultima revisión de código y te descargas el repositorio y reemplazas archivos.

 

Ejemplos:

Etiqueta/Snippet para jQuery Snippet generado
  image image
los CDN tanto de Google como Microsoft
 image
image
… el $(document).ready…

image
image
   

Listado completo de Snippet para jQuery aquí

Video de uso :

http://www.screencast.com/users/JohnSheehan/folders/Jing/media/e0787da7-5e1c-4eef-bbb9-648426204be5

 

[Actualización 27/08/2010]

Leyendo el blog @Jersson di con un post interesante referente a tips en la utilización de los fragmentos de código, dejo (y linkeo) el enlace

 

 

 

Enlaces: