Contenido

CURSO DE UDEMY

Me parece uno de los mejores cursos que hay en la web, el problema es que esta en Ingles.

Clases en JavaScript (ES6)

Las clases en JavaScript se introdujeron en ES6 para proporcionar azúcar sintáctica sobre la herencia basada en prototipos existente en JavaScript. Aunque JavaScript no obtiene un nuevo modelo de herencia orientado a objetos con la introducción de la sintaxis de clase, las clases facilitan la creación de objetos en JavaScript. Al comprender cómo funcionan las clases en JavaScript, podrás crear código más eficiente y estructurado.

Operador ternario

El operador ternario es un operador condicional de una línea que se puede utilizar en lugar de la estructura if/else. Es muy útil para realizar pruebas rápidas de una condición para renderizar un componente, cambiar el estado o mostrar algún texto. Al utilizar el operador ternario en lugar de if/else, puedes escribir un código más limpio y fácil de leer.

IIFE (Expresión de función invocada inmediatamente)

IIFE es una función en JavaScript que se llama y se ejecuta inmediatamente después de declararse. Las variables declaradas dentro de la IIFE no son accesibles desde el exterior, lo que permite evitar que se contamine el alcance global. Por lo tanto, la razón más importante para utilizar IIFE es obtener privacidad de datos y ejecutar rápidamente el código. Al comprender cómo funciona IIFE, puedes escribir código más seguro y rápido.

Hoisting

El concepto de hoisting en JavaScript puede llevar a resultados inesperados para muchos desarrolladores. En JavaScript, es posible llamar a una función antes de que se haya declarado y esto no dará como resultado un mensaje de error «Uncaught ReferenceError». Esto se debe a que el intérprete de JavaScript siempre mueve las declaraciones de variables y funciones al principio del alcance actual, ya sea el alcance de la función o el alcance global, antes de que se ejecute el código. Al comprender cómo funciona el hoisting, puedes evitar errores comunes en el código de JavaScript.

Cierres (closures)

Un cierre es simplemente una función que está contenida dentro de otra función y que tiene acceso a la variable que se define para la función exterior. Aunque esta definición parece bastante sencilla, la magia real ocurre en el alcance. La función interna (cierre) tiene acceso a las variables que se definen dentro de su alcance (variables declaradas dentro de sus llaves), las variables que se definen dentro del alcance de su función padre y las variables que se definen globalmente. Al comprender cómo funcionan los cierres en JavaScript, puedes escribir código más eficiente y flexible.

Si recien estas aprendiendo JavaScript, es importante que comprendas estos cinco conceptos clave. Al hacerlo, podrás escribir código más eficiente, estructurado, seguro y flexible.

Antes

Pero antes de sumergirte en estos conceptos es fundamental que ya domines lo siguiente:

  1. Variables: Las variables son contenedores donde se almacenan los datos. En JavaScript, se utilizan las palabras clave «var», «let» o «const» para declarar variables.
  2. Funciones: Las funciones son bloques de código reutilizable que realizan una tarea específica. Se pueden definir funciones utilizando la palabra clave «function».
  3. Condicionales: Las estructuras condicionales se utilizan para tomar decisiones basadas en una condición determinada. En JavaScript, se utilizan las palabras clave «if», «else if» y «else» para crear estructuras condicionales.
  4. Ciclos: Los ciclos se utilizan para repetir una tarea varias veces. En JavaScript, se utilizan los ciclos «for», «while» y «do…while» para crear bucles.
  5. Objetos: Los objetos son una colección de propiedades y métodos relacionados. En JavaScript, los objetos se crean utilizando llaves «{}» y las propiedades se definen utilizando dos puntos «:».
  6. Arreglos: Los arreglos son una colección de valores relacionados. En JavaScript, los arreglos se crean utilizando corchetes «[]» y los valores se separan por comas «,».
  7. DOM: El DOM (Document Object Model) es una representación del documento HTML que permite a JavaScript interactuar con el contenido de la página web. En JavaScript, se utilizan los métodos y propiedades del DOM para manipular el contenido HTML y CSS de la página.

  8. Eventos: Los eventos son acciones que suceden en una página web, como hacer clic en un botón o desplazarse por la página. En JavaScript, se utilizan los eventos para crear interacciones dinámicas entre el usuario y la página.