ES6 para todos los archivos de inicio
Todo lo que necesitas para aprender ES6 en ES6.io
Registro
Día 1: 12 de mayo de 2017
Obtuve este curso gratis de Wes Bos como un regalo de apreciación ❤️ Comenzó a mirar la descripción general de este curso y la configuración de Slack.
Pensamientos:
- Módulo completado #1 Nuevas variables: creación, actualización y alcance
-
var es el alcance de la función - Podemos redeclarlo varias veces en el mismo alcance
-
let & const son alcance de bloque - No podemos redeclarlo dos veces en el mismo alcance
- Puede actualizar una variable
let , pero las variables const no se pueden actualizar - Sin embargo, las propiedades de una variable
const pueden cambiar. Eso es porque todo el objeto no es inmutable. - Llegó a saber sobre Object.Freeze (), para que no se pueda agregar ni eliminar nada del conjunto de propiedades de un objeto congelado.
- Además, mejoras de la función del módulo #2 completada: flechas y argumentos predeterminados
- Había sabido sobre las funciones de flecha del curso #JavaScript30, pero más en detalles al respecto hoy
- Aprendí más sobre las funciones de flecha, los retornos implícitos, cuándo y cuándo no usar funciones de flecha,
this funciones de flecha interior - Además, sobre los argumentos de la función predeterminada
Día 2: 14 de mayo de 2017
Módulo completado #3 - Cadenas de plantilla
Pensamientos: Aprendido sobre:-
- Cadenas de plantilla, creando fragmentos HTML con literales de plantilla
- Usando if, bucle y funciones dentro de las cadenas de plantilla
- Plantillas etiquetadas, algunos casos de uso y desinfectación de datos de usuario con plantillas etiquetadas
- Encontrado sobre Dompurify que ayuda a desinfectar datos en DOM
Día 3: 15 de mayo de 2017
Módulo completado #4 - Mejoras de cadenas adicionales
Pensamientos:
- Aprendí sobre
startsWith() , endsWith() , incluye () y repetir () métodos e hizo alguna práctica relacionada con ellos - Además, examinó a
str.endsWith(searchString[, length]) y str.startsWith(searchString[, position])
Día 4: 16 de mayo de 2017
Módulo completado #5 - Destructuración
Pensamientos:
- Aprendí acerca de la destrucción de objetos, las variables de cambio de nombre y los valores predeterminados
- Aprendí acerca de destruir matrices, funciones y variables de intercambio
- Fragmentos 1:
const { first, last, twitter } = someObjectHere - Fragmentos 2:
const [ first, last, twitter ] = someArrayHere
Día 5: 17 de mayo de 2017
Módulo completado #6 - Módulo completado #6 Iterables y bucle
Pensamientos:
- Aprendí sobre algunas ventajas de
for of Loop for , foreach y for in -
for-of marcas es más fácil para el recorrido a través de elementos de matriz y la mayoría de los objetos similares a la matriz como DOM Nodelist, argumentos - Aprendí sobre el método
Array.prototype.entries() y cómo podemos usarlo con for-of - Fragmentos 1:
for (const cut of cuts) , solo para obtener los valores - Fragmentos 2:
for (const [i, cut] of cuts.entries()) , utilizados tanto para el índice como para el valor
Día 6: 18 de mayo de 2017
Módulo completado #7: una matriz de mejoras en la matriz
Pensamientos:
- Aprendí sobre
Array.from() & Array.of() Método - Métodos prototipo de matriz como
find , findIndex , some y every - Caso de uso 1 para
Array.from() - Uso Caso 2 para Array.Prototype
.some() & .every()
Día 7: 19 de mayo de 2017
Módulo completado #8 - saluda a ... extender y ... descansar
Pensamientos:
- Aprendí sobre ... Operador de propagación y ... parámetros de descanso y hay varios casos de uso con muchos ejemplos
- Algunos casos de uso para
Rest parameters
Día 8: 20 de mayo de 2017
Módulo completado #9 - Actualizaciones literal de objetos
Pensamientos:
- Aprendí sobre algunas cosas útiles como la taquigrafía de valor de la propiedad, la taquigrafía de definición de método y las claves de propiedad calculadas
Módulo completado #10 - Promesas
Pensamientos:
- Aprendí sobre cómo funciona las promesas, creando mis propias promesas, encadenándolas y trabajando con múltiples promesas
- Como la promesa prometida.prototype.then () y promise.prototype.catch () de retorno de los métodos, pueden estar encadenados como
- Promesas de encadenamiento
Día 9: 23 de mayo de 2017
Módulo completado #11 - Símbolos (tipo de datos primitivo más nuevo)
Pensamientos:
- Aprendí sobre el tipo de datos de símbolos y varios casos de uso.
- Podemos usarlo como clave de objeto como identificador único
Día 10: 24 de mayo de 2017
Pensamientos:
- Aprendí sobre Eslint y su usabilidad
- Además, examinó la configuración de Airbnb e hizo algo de práctica
- Examinó varias reglas de Eslint e intentó comprender su importancia y cuándo usarlas.
Día 11: 25 de mayo de 2017
Pensamientos:
- Hoy aprendí sobre la configuración específica del archivo y la línea de Eslint para habilitar/deshabilitar las reglas
- Más información aquí
Día 12: 26 de mayo de 2017
Pensamientos:
- Módulo #12 completado: calidad de código con Eslint
- Hoy aprendí sobre los módulos JavaScript y la configuración de herramientas de Webpack 2
Día 13: 27 de mayo de 2017
Pensamientos:
- Aprendí sobre la creación de nuestros propios módulos JavaScript e importarlos/exportarlos
- Además, examinó la declaración de exportación y varias sintaxis.
Día 14: 28 de mayo de 2017
Pensamientos:
- Módulo #13 completado: módulos JavaScript y usando NPM
- Hizo más práctica en los módulos ES6
- Aprendí sobre cómo importar módulos específicos cuando sea necesario
Día 15: 29 de mayo de 2017
Pensamientos:
Módulo completado #14 - Herramientas ES6
Aprendí sobre Systemjs, Babel y Polyfills para ES6
Polyfills ofrece una cobertura muy buena para todas las características de ES6 en los viejos navegadores
Módulo completado #15 - Clases
Aprendí sobre la creación de una nueva clase (forma de declaración), definir métodos estáticos y métodos prototipo, obtener y establecer métodos
Además, aprendí sobre extender una clase existente, subclasificando los métodos de una clase principal y subclases empotrados
Caso de uso simple para subclasificar las clases incorporadas y DOM aquí
Día 16: 30 de mayo de 2017
Pensamientos:
- Módulo completado #16 - Generadores
- Aprendido sobre la función de los generadores, que devuelve un objeto generador. Usándolo para Ajax Flow Control (cosas increíbles)
- Case de uso simple para
Generators
Día 17: 01 de junio de 2017
Pensamientos:
- Aprendí sobre los proxies de ES6 y sus diversos casos de uso.
- Proporciona a JavaScript una API de intercesión, lo que nos permite atrapar o interceptar todas las operaciones en un objeto objetivo y modificar cómo funciona este objetivo
Día 18: 05 de junio de 2017
Pensamientos:
- Módulo completado #18 - Conjuntos y bolsos débiles
- El objeto
Set nos permite almacenar valores únicos de cualquier tipo, ya sean valores primitivos o referencias de objetos. - El objeto
WeakSet nos permite almacenar objetos débilmente sostenidos en una colección. - Si no hay otra referencia a un objeto almacenado en el
WeakSet , se pueden recolectar basura. - Además,
WeakSet no son enumerables
Día 19: 06 de junio de 2017
Pensamientos:
- Módulo completado #19 - Mapa y mapa débil
- Un objeto
Map contiene pares de valores clave. - El objeto
Map itera sus elementos en orden de inserción: A for...of bucle devuelve una matriz de [key, value] para cada iteración. - El objeto
WeakMap es una colección de pares de clave/valor en el que las claves están débilmente referenciadas.
Día 20: 28 de septiembre de 2017
Pensamientos:
- Este curso se actualizó recientemente.
- ¡Actualizado para ES7/ES2016 y ES8/ES2017, incluyendo async+espera, Babel 7 y más!
- Empecé a investigarlo desde hoy.
- Comenzó con promesas nativas y sus casos de uso.
- También analizó la creación de promesas personalizadas.
Día 21: 29 sep 2017
Pensamientos:
- Hoy revisé el Async+espera una vez más.
- Además, buscó una forma genérica para manejar errores de manejo de funciones de asíncrono.
Día 22: 30 sep 2017
Pensamientos:
- Hoy busqué usar múltiples promesas.
- Examinó un caso de uso más para
Promise.all() - Aprendí sobre cómo podemos promisificar las funciones para que podamos usar Async+espera en ellas.
Día 23: 02 de octubre de 2017
Pensamientos:
- Hoy busqué algunas adiciones de idiomas nuevos y futuros.
- Examinó las propiedades de la clase
- Además, mira a ES8
padStart y padEnd - Operador de exponencia de ES7
- Comas posteriores (a veces llamadas "comas finales") en literales
Día 24: 04 de octubre de 2017
Pensamientos:
- Hoy busqué casos de uso de
Object.entries() y Object.values() - Aprendí sobre cómo se puede usar en escenarios específicos.
- ¿Fnialmente terminó el curso?