¿Está luchando por descubrir qué habilidades de JavaScript necesita para crear aplicaciones del mundo real? Consulte este curso conciso y lleno de ejemplos que proporciona los conceptos básicos de JavaScript que necesita para ser productivo con bibliotecas como React, Angular y Vue.
Si desea crear aplicaciones web serias, el lenguaje a utilizar es JavaScript .
Pero, ¿qué habilidades de JavaScript necesitas para crear aplicaciones de manera efectiva?
¿Cuáles son las habilidades esenciales de JavaScript?
Hay toneladas de cursos sobre JavaScript disponibles en línea, pero pocos se especializan en lo que tantos desarrolladores quieren saber:
¿Qué habilidades de JavaScript son esenciales para crear sus propias aplicaciones?
Existe una brecha entre aprender JavaScript vanilla y aprender una biblioteca como React, Angular y Vue para crear aplicaciones JavaScript de una sola página.
He preparado un curso completo con el objetivo de mostrarte cómo cerrar esta brecha.
Mi objetivo no es solo enseñarle las habilidades que necesita al presentar ejemplos del mundo real para solidificar su comprensión, sino también brindarle una nueva perspectiva. Encontrará una mejor manera de ver su código JavaScript que lo ayudará a comenzar a pensar como un desarrollador de aplicaciones profesional.
¿Quieres empezar ahora? Toma el curso completo aquí.
Resumen del curso ?
Hagamos un breve recorrido por el curso y cada sección principal. Veremos cómo cada sección asegurará que se le enseñe JavaScript de la manera más efectiva y sensata posible.
En este curso, desarrollaremos nuestras habilidades desde conceptos básicos hasta conceptos más complejos. Incluso si es un desarrollador intermedio de JavaScript, cubriremos cada concepto con profundidad y observaciones adicionales sobre el lenguaje que probablemente no haya escuchado antes.
Variables y cadenas
Comenzaremos con los componentes básicos de cualquier programa JS: variables.
Primero cubriremos la declaración de variables con let y const y cómo son una mejora con respecto a la sintaxis var anterior. Aprenderemos conceptos como alcance de bloques, sombreado de variables y zona muerta temporal, pero también descubriremos cómo estas nuevas palabras clave pueden hacer que nuestro código sea más fácil de procesar.
Por ejemplo, por qué la salePricesiguiente variable se vuelve más legible cuando la declaramos con const en lugar de let o var.
Haga clic para ver esta conferencia
Debido a que declaramos la variable con como una constante, sabemos que no se le asignará un valor diferente más adelante. Esto hace que nuestro código sea más fácil de entender tanto para otros desarrolladores como para nosotros mismos.
Finalmente, en esta sección, tocaremos los literales de plantilla y cómo mejoran las cadenas dentro de JavaScript básicamente en todos los sentidos, desde formatear texto hasta insertar valores dinámicos y más.
Tipos y condicionales
A continuación, tocaremos los tipos y condicionales, que van de la mano.
Primero echaremos un vistazo a una parte extraña (y a menudo mal entendida) de JavaScript llamada coerción de tipos, que significa cómo se cambian los tipos de un valor a otro.
Los tipos pueden cambiar implícitamente cuando escribimos condicionales y esto significa que debemos conocer los valores verdaderos y falsos, valores que son sutilmente coaccionados al booleano verdadero y falso, respectivamente.
Veremos cómo podemos usar valores veraces y falsos a nuestro favor creando condicionales más cortos usando && (y) y || (u) operadores. Este truco, conocido como cortocircuito, es la base de cómo las bibliotecas JS como React muestran u ocultan elementos.
Haga clic para ver esta conferencia
Luego veremos cómo acortar nuestros condicionales if-else con el operador ternario, y cómo resultan útiles en situaciones en las que queremos establecer condicionalmente el valor de una variable.
Funciones
Después de eso, nos sumergiremos en las funciones, la potencia de cualquier aplicación de Javascript.
Desmitificaremos una característica crucial de las funciones llamadas cierres. Vamos a entender qué es un cierre creando nuestro en un ejemplo práctico.
Esto nos permitirá ver por qué vale la pena conocer los cierres y cómo pueden mejorar nuestro código JavaScript realizando un seguimiento de los valores entre llamadas a funciones:
Haga clic para ver esta conferencia
Cubriremos un tipo de función, que encontrará en todas las aplicaciones modernas de Javascript, a saber, funciones de flecha. Con las funciones de flecha, podemos reducir mucho nuestro código a medida que revisamos todos los trucos disponibles para hacerlos lo más concisos posible.
Por último, tocaremos los valores predeterminados en las funciones y cómo pueden hacer que nuestro código sea más confiable, especialmente si no se proporciona un argumento esperado.
Objetos
De los tipos de datos primitivos, pasaremos a los objetos.
No es posible comprender conceptos esenciales de creación de aplicaciones como mutaciones e inmutabilidad sin conocer la diferencia entre tipos primitivos y tipos de objetos en JavaScript. Cubriremos esta diferencia en detalle y veremos de primera mano por qué es importante para la confiabilidad de nuestro código.
Tocaremos una variedad de patrones prácticos para obtener más fácilmente nuestros datos de objetos a través de la desestructuración de objetos, como puede ver a continuación:
Haga clic para ver esta conferencia
Luego, después de desestructurar nuestros objetos, veremos cómo ensamblarlos mejor. Al utilizar el operador de propagación de objetos, podemos fusionar sin problemas varios objetos de forma inmutable.
Matrices
Las matrices son esenciales para cualquier lista de datos que mostramos en nuestras aplicaciones y necesitamos saber cómo manipularlas con facilidad.
Cubriremos cómo realizar acciones en todos los elementos en matrices a través de funciones de matriz de orden superior como mapa y filtro para transformar nuestros elementos o eliminarlos de nuestra matriz.
Además, usaremos métodos como find para obtener elementos individuales basados en ciertas condiciones:
Haga clic para ver esta conferencia
Luego, cubriremos el método de matriz más importante, lo reduciremos y veremos su poder para transformar los datos de nuestra matriz en prácticamente cualquier tipo de datos que queramos.
JavaScript orientado a objetos
A continuación, comenzaremos con la programación orientada a objetos y cubriremos la idea central que hace posible la programación orientada a objetos en JavaScript: la función de constructor.
Las funciones de constructor hacen posible que nuestros objetos compartan un comportamiento (funciones) a través de algo llamado cadena de prototipos.
A través de otra característica de JavaScript más nueva llamada clases, cubriremos cómo podemos heredar fácilmente la funcionalidad a través de lo que se conoce como herencia prototípica y extender nuestras clases para compartir características entre ellos.
Haga clic para ver esta conferencia
JavaScript asíncrono
Después de eso, pasaremos a JavaScript asíncrono, que es una habilidad necesaria para tener y comprender si desea crear programas JavaScript sofisticados de cualquier tipo.
Comenzaremos con una discusión sobre qué es el código asincrónico y cómo se manejó en el pasado usando funciones de devolución de llamada y cómo esto crea problemas en nuestro código (como 'infierno de devolución de llamada').
Afortunadamente, solucionaremos algunos de los problemas inherentes al uso de devoluciones de llamada a través de una función de ES6 llamada Promesa. Obtendremos experiencia en el uso de promesas de una manera práctica al familiarizarnos con la API Fetch del navegador, que nos permite realizar solicitudes HTTP y traer datos externos a nuestras aplicaciones.
Luego, lo mejor de todo es que tocaremos cómo hacer que nuestras promesas funcionen y se vean como un código síncrono para que podamos razonar fácilmente con la ayuda de la nueva sintaxis async-await para funciones.
Haga clic para ver esta conferencia
Temas esenciales
Terminaremos el curso con algunas habilidades clave necesarias para comenzar a construir proyectos completos de JavaScript. En primer lugar, profundizaremos en los módulos ES, una función de ES6 que nos permite compartir nuestro código JavaScript entre archivos.
Abordaremos cuestiones espinosas como la thispalabra clave cubriendo una lista de reglas concretas a seguir para descubrir su valor en cualquier contexto, como en un controlador de eventos DOM:
Haga clic para ver esta conferencia
Y finalmente, concluiremos el curso con una discusión general del código imperativo frente al código declarativo, por el que debe esforzarse en su carrera de codificación, y por qué.
¿Ver el curso ahora?
Realice este curso y, en una tarde o dos, aprenderá conceptos que aumentarán significativamente su conjunto de habilidades de JavaScript y le permitirán abordar bibliotecas de front-end de alta potencia como React, Angular, Svelte, Vue y más con confianza.
¡Disfrutar! ?
Haga clic para ver el curso