Tips & Tricks

Si alguna vez has trabajado con Arrays y Objetos en Javascript es posible que hayas tenido que guardar parte de estos elementos en variables.

El proceso puede resultar un poco rollo si tenemos que ir elemento a elemento del array, objeto , función, etc. creando las variables correspondientes. Sin embargo, desde ES6 hay un nuevo concepto que nos permite hacer esto de una manera súper sencilla.

Se llama desestructuración, o destructuring y nos permite precisamente eso: descomponer un array u objeto en elementos independientes que podemos asignar a variables o constantes ¡en una única instrucción!

En el siguiente vídeo realizado en colaboración con Garage de Ideas te enseño en cinco minutitos qué es la desestructuración y los diferentes tipos:

Código fuente del ejemplo

En el siguiente código fuente puedes ver todo lo tratado en el vídeo:

const lenguajes = ["Javascript", "C++", "Ada", "Python"];
const [j, c] = lenguajes;
console.log(j);
console.log(c);

const[primero, ...rest] = lenguajes;
console.log(primero);
console.log(rest);

let d, s;
[d, s="Swift"] = ["Delphi", "Scala"];
console.log(d);
console.log(s);

const agencia = {
    nombre: "Garage de ideas",
    anio: 2015,
    verdad: true
}

/*const {nombre, verdad} = agencia;
console.log(nombre);
//console.log(anio);
console.log(verdad);*/

/*const {nombre, ...rest2} = agencia;
console.log(nombre);
//console.log(anio);
console.log(rest2);*/

const {nombre: n, anio: a} = agencia;
console.log(n + " " + a);

Si quieres aprender algunas de las características más importantes de Javascript Moderno, ¡pásate por el curso de Didacticode!

¿Has tenido que trabajar alguna vez con PHP? Seguro que te has preguntado cuál es el mejor modo de configurar tu editor de Visual Studio Code para sacar todo el partido con este lenguaje.

Pues bien, en este vídeo en colaboración con Garage de Ideas te enseño la configuración básica de Visual Studio Code para PHP y algunos de los plugins que más me gustan para trabajar con este lenguaje:

Configuración de PHP

Lo primero que tenemos que hacer es revisar la configuración del VSC para ver cómo está configurado PHP. Para ello accedemos a Configuración y escribimos PHP. Veremos que hay varias opciones:

1. Suggest: permite controlar si están habilitadas las sugerencias de PHP.
2. Validate: habilita o deshabilita la validación integrada de PHP.
3. Path ejecutable: permite configurar la ruta del ejecutable de PHP.

¿Que no sabemos dónde encontrar la variable? Es muy sencillo.

• En Mac podemos escribir en el terminal: which php
• En Windows podemos hacer clic con el botón secundario en Mi PC y, a continuación, hacer clic en Propiedades. Luego clic en la pestaña Opciones avanzadas y ahí en Variables de entorno.

Extensiones para PHP

Veamos ahora algunas de las extensiones más importantes para aprovechar a tope todas las características del lenguaje:

• En primer lugar veremos PHP, de Devsense, que ofrece multitud de características:
  • Completado rápido de código con tooltips informativos, etc.
  • Creación de getters, setters, implementación de interfaces.
  • Generación de PHP Doc, etc.
• Otra extensión que no puede faltar es PHP Debug, de Xdebug, un adaptador entre Xdebug y VSC que nos permite realizar depuración avanzada para scripts de PHP. La instalación tiene su aquel, así que os recomiendo que sigáis las indicaciones del pluggin.
• Ben Mewburn nos ofrece PHP Intelephense, que permite trabajar de forma productiva con PHP ofreciendo un montón de características interesantes, como
  • completado de código (intellisense).
  • ayuda para la creación de métodos, funciones, etc.
  • búsquedas avanzadas.
• También hablaremos de Intellisense for PHP, que además de permitir finalizar código, ofrece multitud de información en sugerencias contextuales mientras escribes código PHP.
• Veamos ahora PHP Awesome Snippets, que genera código automáticamente a partir de pequeños atajos:
  • php
  • gss
  • eco
• Y por último, PHP DocBlocker, que te ayuda a generar automáticamente bloques de documentación PHP con solo presionar un atajo de teclados.

¿Las conocías? ¿Qué te parecen? ¡Deja tus comentarios por ahí debajo y cuéntamelo!