Módulo 2: ES6+
| Horas | 6 |
| Clases (laboratorios) | 2 |
| Unidades | 9 |
Aprendizaje esperado
Conocer la sintáxis moderna de Javascript para desarrollar aplicaciones
Unidades
| Aprendizajes Esperados | Criterios de Evaluación | Títulos | Horas | Clase |
|---|---|---|---|---|
| Ecmascript and TC39 | Conoce el estándar Ecmascript y sus etapas | TC39 y sus etapas | 0,5 | 1 |
| Variables y bloques | Usa las nuevas declaraciones para variables | Let y const y su ámbito léxico y mutabilidad | 0,5 | 1 |
| Funciones Flecha | Entiende cuando usar funciones flecha y su uso con otras funciones. | Diferencias entre funciones declaradas versus funciones flecha. Su relación con this y cómo usarla con otras funciones cotidianas como map, reject, filter y programación funcional | 0,5 | 1 |
| Objetos literales | entiende y us la sintáxis moderna para crear objetos literales | Forma clásica sencilla de crear objetos, más la forma abreviada. | 0,5 | 1 |
| Destructuring | Entiende y usa la desconstrución de objetos y arreglos | Desconstrucción de objetos y arreglos con ejemplos aplicados a módulos y spread | 0,5 | 1 |
| Template strings | Reconoce y usa los template strings para generar textos con varialbes interpoladas | Diferencia entre template strings y interpolación clásica | 0,5 | 1 |
| Clases | Reconoce que son y como simplifica la escritura la nueva sintáxis para crear objetos con clases | Repaso de una clase creada con funciones y el operador new y la nueva sintáxis con el uso de la palabra class y herencia | 1,5 | 2 |
| Async/await | Utiliza correctamente la nueva abreviación para trabajar con promesas | Uso de la nueva sintáxis para trabajar promesas con async/await | 1 | 2 |
| Modules | Crea y consume sus propios módulo | Qué es un módulo, como funciona y las principales diferencias con otros lenguages de scripting | 0,5 | 2 |
Hola! Bienvenidos al segundo módulo de repaso de Javascript. En estos laboratorios experimentaremos con la sintáxis moderna de Javascript
Para completar los laboratorio debes contar con los siguientes prerequisitos:
- Una cuenta personal en Github
- Una terminal de comandos: Bash, ZSH o GitBash
- Un editor de código.
- Aceptar las invitaciones que enviará el instructor, en cada sesión, con el respositorio de experimentos que componen cada laboratorio.
A través de 2 experiencias prácticas vamos a reforzar intensivamente los principales cambios y nueva sintáxis de Javascript. Lo haremos reparando y/o refactorizando código que tiene problemas de legibilidad o que están malos.
En estos experimentos debemos:
1) Leer atentamente la salida de la consola o terminal.
2) Conversar con tu EQUIPO acerca del origen o causa raíz del problema.
3) Identificar el archivo y la línea del archivo que podría estar generando el problema.
4) Experimentar haciendo UN cambio a la vez, probar y repetir esta receta hasta llegar a una conclusión razonable que nos permita construir conocimiento que nos sirva para el futuro.
Es muy importante, como en todo experimento, hacer UN SOLO cambio a la vez. Esto nos permitirá hacer conclusiones sin que otros factores puedan estar afectando nuestro raciocinio.
Para el primer ejemplo ejecuta en la terminal el siguiente comando:
npm test scopes/01_var_let_const.test.js
Esto ejecutará las pruebas automáticas y quedará esperando por cambios en el archivo con las funciones, en este caso el 01_var_let_const.js. Cada archivo tiene viene con sus pruebas, un archivo con el mismo nombre pero con el sufijo ‘.test’. No es necesario que por ahora estudies esos archivos, en los siguientes módulos veremos cómo hacer pruebas, por ahora solo necesitamos trabajar con la terminal y el archivo sin sufijo. Una vez realizados los experimentos del primer archivo debemos hacer lo mismo con el siguiente.
Para dejar de ejecutar las pruebas presiona la tecla ‘Q’