Configuración de Herramientas para Desarrollo en JavaScript Avanzado
Clase 3 de 35 • Curso de ECMAScript: Historia y Versiones de JavaScript
Contenido del curso
- 4

Características de ECMAScript 6 para JavaScript Moderno
15:30 - 5

Template Literals y Multilínea en ECMAScript 6
08:11 - 6

Asignación de Parámetros por Defecto en ECMAScript 6
05:46 - 7

Desestructuración de Arrays y Objetos en JavaScript ECMAScript 6
05:33 - 8

Uso del Operador de Propagación y Parámetros Rest en JavaScript
07:30 - 9
Playground: Combina objetos JSON con el Spread Operator
00:00 - 10

Asignación y manejo de objetos en ECMAScript 6
05:42 - 11

Promesas en JavaScript: Manejo del Asincronismo con ECMAScript 6
08:10 - 12

Clases y Herencia en JavaScript: Sintaxis y Aplicaciones
18:54 - 13

Uso de Módulos en JavaScript ES6
09:48 - 14
Playground: Obtén una lista de películas
00:00 - 15

Generators en JavaScript: Cómo implementar y usar iteradores personalizados
07:19 - 16
Playground: Generador de identificadores para michis
00:00 - 17

Método ADD en ECMAScript 6: Agregando Elementos a un Set
04:36
Para instalar los plugins que te mostré, da click en ícono de extensiones de tu Visual Studio Code, escribe el nombre del plugin en la barra de búsqueda, seleccionalo e instala.

Icono de extensiones en VSC
Plugins importantes para este curso:
- Code Runner. Permite ejecutar piezas de código seleccionadas y muestra el output directamente en nuestro editor de código. (Más de Code Runner)
- Live Server. La vamos a utilizar para ejecutar un servidor y ver los cambios efectuados en tu código. (Más de Live Server)
- JavaScript (ES6) code snippets. Autocompleta y brinda sugerencias al momento de escribir código. (Más de code snippets)
Plugins recomendados para usar en tu día a día como frontend developer
- Auto Close Tag. Ayuda a cerrar más rápido las etiquetas que vas abriendo.
- Error Lens. Muestra los errores visualizandolos de forma atractiva para que no pases ninguno por alto.
- Guides. Te ayudan a indentar tu código y ordenarlo de forma más eficiente.
- Indent-rainbow. Hace que la indentación sea más amigable con la ayuda de colores diferentes por nivel.
- Palenight Theme. Úsalo si quieres visualizar los mismos colores que se muestran en mi editor de código.