El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Desarrolladores: Trucos semanales

Usa la ayuda en tu escritorio

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aprende los mejores trucos y tips, y descubre los conceptos básicos indispensable para todo desarrollador web, independientemente de tu experiencia. Si ya llevas desarrollando por años o si vienes del mundo del diseño y jamás has tocado una sola línea de código, todo lo que aprenderás con esta serie semanal de trucos serán una gran adición a tu actividad profesional y apuntalará tus habilidades como programador o desarrollador. Descubre desde increíbles consejos para que puedas tratar con tu cliente y saber cómo cobrar adecuadamente, hasta cuestiones técnicas claves para organizar y gestionar mejor tu tiempo y proyectos desarrollando.
05:59
  Añadir a marcadores

Transcripción

Escribir código es el pan nuestro de cada día y el uso de frameworks, herramientas y lenguajes viene, por defecto, con nuestras actividades diarias. Siempre, al estar trabajando, nos nace la duda sobre cómo funciona tal o cual cosa o cuál es la forma correcta de usar determinados comandos, características o métodos y, claro, siempre acudimos a la ayuda en línea, lo cual, obviamente, es perfecto. Pero todo proceso que ejecutemos, incluso en nuestro día a día, es perfectible, así que, podemos hacer uso de herramientas como Dash para ayudarnos con esa tarea de consultar documentos de ayuda sin necesidad de estar saliendo del entorno de la aplicación donde estemos trabajando. Dash nos permitirá, a través de unos simples atajos en el teclado, abrir una ventana contextual para mostrar la ayuda sobre la línea o comando de código en los cuales estemos trabajando. Dicha ventana mostrará la ayuda y nos permitirá revisar el contenido de un vistazo, de manera tan rápida que no tendremos que detener nuestro desarrollo. Otra ventaja de Dash es que podemos integrar casi cualquier lenguaje o framework, lo que no lo hace restrictivo y, por tanto, podemos darle un uso muy amplio y agregarlo a nuestro set de herramientas diarias de trabajo. Para poder agregar Dash a nuestro flujo de trabajo tendremos que acceder al sitio kapeli.com/dash, aquí, podremos descargar la aplicación e instalarla. Una vez que ya tenemos instalada y corriendo la aplicación podemos entrar a la parte de configuraciones donde puedes descargar el tipo de Docsets. Dash se compone de elementos de ayuda, es decir, de una cantidad muy grande de documentos, dentro de la cual, puedes elegir los documentos con los que normalmente trabajes para descargar dicha ayuda. Por ejemplo, si trabajas con Require JS, si trabajas con Polimer, si trabajas con con PostgreS, etc. Con cualquiera de los lenguajes con los que estés trabajando, simplemente seleccionas la opción que necesitas y pulsas en el botón Descargar. Esto, lo que va a hacer es descargarte un bloque de ayuda que tú puedes estar ocupando regularmente. Por ejemplo, en la opción de Docsets tú puedes ver cuáles son los paquetes que tú ya tienes, quiere decir, que cuando tú utilices esta ayuda para buscar va a buscar directamente, en estos paquetes que ya tienes descargados. Si tú no tienes descargado el paquete no puedes realizar la búsqueda. Ahora, ¿cómo lo podemos integrar? Perfecto, aquí, en la opción de Integration vamos a encontrar la opción para todas las herramientas con las cuales puede trabajar. Entre ellas tenemos Xcode, Sublime las herramientas de IntelliJ IDEA, la misma Terminal o, incluso, herramientas como Atom, Brackets, Coda y Visual Studio. Por ahora, vamos a hacerlo a través de Visual Studio. Si das un clic en la herramienta, automáticamente, te va a llevar a una página web donde puedes descargarlo. En este caso, te aparece aquí la opción para que lo puedas descargar e instalar. ¿Qué vamos a hacer? Vamos a copiar esta cadena de texto y, una vez que ya lo tenemos, vamos a abrir Visual Studio Code, y, acorde a las instrucciones que allí nos indicaba, vamos a pulsar el juego de teclas cmd + P y vamos a pegar allí el elemento que copiamos. En este caso, cuando tú lo pegas te va a abrir la sección de extensiones, en teoría, es lo mismo si tú haces este paso que acabamos de hacer, o ir directamente a la sección de Extensiones y buscar la opción Dash. Aquí, vamos a pulsar el botón Instalar. Si tú accedes a la documentación, aquí, puedes ver cómo funciona y, lo principal, cómo vamos a hacer que esto se pueda activar. Como ves, tenemos dos opciones, una de ella es ctrl + H, que va a buscar en el leguaje específico en el que estemos trabajando y tienes otra opción que es ctrl + alt + H que hace una búsqueda global en todos los lenguajes que tú tengas. Claro está, que el que más nos conviene es el ctrl + H. Mientras charlábamos la extensión ya se descargó. Vamos a pulsar el botón Reload para que se reinicie nuestro editor de código y, una vez que se reinicia, vamos a trabajar en un proyecto de prueba. En este caso, tenemos una aplicación de Ionic y, si recordamos, para este caso de uso, si vamos a la sección de Docsets tenemos nosotros descargado Ionic, entonces podemos buscar dentro de esta ayuda. Voy a cerrar esta ventana. Recuerda que si deseas abrirla nuevamente, puedes pulsar Download Docsets o puedes acudir al menú Preferences y volver a activar este menú. Ahora que ya lo tenemos listo, vamos a nuestro código y vamos a ubicar alguna librería donde pudiéramos trabajar. En este caso, vamos a trabajar en algún controlador. Vamos a elegir este controlador que dice ChatDetailCtrl y vemos que aquí se quedó a la mitad un código llamado ionicModal. Lo que queremos saber es cómo funciona ionicModal, entonces, siguiendo las instrucciones que habíamos revisado, en esta parte, tenemos que pulsar el juego de teclas ctrl + H. Entonces, vamos hacer eso, ctrl + H y, automáticamente, vean cómo me envía automáticamente a Dash dónde ya hizo la búsqueda dentro de la ayuda que teníamos y, simplemente, me la muestra. Así, yo puedo ver aquí un ejemplo de uso, puedo ver cuáles son los métodos que tiene y cómo se pueden implementar. Incluso, si yo cambio y utilizo alguna otra cosa como, por ejemplo, ionicLoading de nueva cuenta, coloco el cursor encima del texto que yo quiero buscar, pulsamos de nuevos ctrl + H y nos lleva a la ayuda pertinente. De esta manera, ya no perderemos tiempo en estar visitando la ayuda y estar buscando manualmente. Vamos a dejar que Dash haga la búsqueda por nosotros y, lo único donde sí debemos de tener cuidado, es en mantener actualizado todos los datos de la ayuda para que no estemos accediendo a información errónea o vieja.