JavaScript Moderno: Guía para dominar el lenguaje from Udemy

What's inside

Learning objectives

Aprender javascript y su sintaxis
Conocer formas modernas de trabajar en javascript

Uso de importaciones y sintaxis moderna de javascript
Webpack e importaciones de módulos

Aprender javascript y su sintaxis
Conocer formas modernas de trabajar en javascript
Uso de importaciones y sintaxis moderna de javascript
Webpack e importaciones de módulos

Syllabus

Introducción

Aquí comenzará nuestro camino

Una introducción general del curso

Unos tips para que podamos responderte en el menor tiempo posible

Las instalaciones que necesitaremos en el curso

¡Únete a Nuestra Comunidad de DevTalles en Discord!

Aquí aprenderemos sobre los fundamentos de JavaScript y el manejo de la consola

Un resumen puntual de lo que veremos a continuación

Resumen de los temas que veremos a continuación

Una breve introducción a la historia y qué es

Un breve resumen de los principales usos de JavaScript

Diferentes formas de correr un Hola Mundo en JavaScript

Aquí comenzaremos con las variables y comentarios

Aquí aprenderemos un par de tips muy útiles para depurar y ver las variables en consola

Aquí veremos sobre la depuración y breakpoints

Es importante que sepamos cuál es la importancia de colocar correctamente los archivos de JavaScript

Por esto es que JavaScritp en su versión ES6, decidió crear un nuevo tipo de inicialización de variables

Estas son formas típicas de obtener información del usuario

Pueden descargar aquí el código fuente de la sección por si lo llegan a necesitar

Aquí aprenderemos un poco sobre el tipado de datos en JavaScript y un par de constantes previamente definidas

Una breve introducción de lo que veremos a continuación

Un resumen puntual de los temas que aquí veremos

Estos son los tipos de variables básicas

Aquí empezaremos a trabajar con los tipos primitivos con ejemplos

Palabras reservadas en JavaScript, básicamente son nombres para variables que no podemos usar

Los arreglos son una colección de datos que tienen algo en común

Aquí trabajaremos más a detalle con los arreglos

Un concepto fundamental en JavaScript son los objetos literales y objetos en general

Más información sobre los Objectos

Aquí vamos a aprender varias formas de definir funciones en JavaScript

Aquí hablaremos sobre el valor que retornan las funciones

Nuestro primer pro tip, que está hecho con el objetivo de enseñarles tips muy útiles sobre interioridades del lenguaje

Código fuente de la sección

Aquí aprenderemos sobre los ciclos, estructuras de control y también el tema de la referencia en JavaScript

Un breve resumen de los temas que veremos en la sección

Un resumen puntual de los temas que cubriremos en la sección

Este es un tema que a muchas personas les cuesta, y es el pasar por valor, referencia y cómo romper la referencia

Aquí aprenderemos a tomar decisiones y reaccionar en base a ellas

Un pequeño laboratorio para reforzar el conocimiento adquirido

Lógica booleana

Pro tip: Asignaciones con operadores

El operador ternario es sumamente útil cuando queremos trabajar con asignaciones

Aquí les enseñare un par de usos interesantes del operador ternario

Aquí aprenderemos otra estructura de control muy útil

Aquí vamos a trabajar con dos estructuras cíclicas

Aquí aprenderemos 3 sabores del ciclo for

Aquí les dejo el código fuente de la sección

Aquí vamos a poner en práctica muchas cosas de las aprendidas hasta el momento

Un resumen de lo que veremos en esta sección

Un resumen puntual de lo que veremos a continuación

Demostración de la sección - Blackjack

Aquí vamos a empezar nuestro camino con el juego del Blackjack en JavaScript

Nota de actualización

Aquí vamos a comenzar a trabajar creando el estilo y la estructura que necesitaremos para nuestro juego

Aquí comenzaremos nuestra lógica con la baraja de cartas

Aquí vamos a trabajar con la función para solicitar una carta de la baraja

Aquí vamos a trabajar extrayendo el valor de cada carta

Aquí vamos a aprender a realizar manipulaciones en el DOM y sobre todo, ¿Qué es el DOM?

Aquí continuaremos un poco con la manipulación del DOM

Evento click - Pedir carta

Aquí vamos a crear nuestras cartas en el HTML que correspondan a la carta que acabamos de obtener

Aquí vamos a desarrollar la lógica de nuestra computadora, que es el rival que tenemos

Aquí vamos a realizar un par de cosas adicionales, poder empezar el juego de nuevo y mostrar un mensaje de victoria o derrota

Aquí vamos a aprender a proteger el código y seguir buenas prácticas

Un breve resumen de la sección

Un listado puntual de los temas de la sección

Aquí les explicaré la problemática del código de Blackjack

Aquí vamos a trabajar añadiendo el patrón módulo

Aquí vamos a trabajar mejorando nuestro código de Blackjack

Continuaremos con las optimizaciones de nuestro juego de cartas

Aquí terminamos la parte de refactorizar nuestro código

Pequeño detalle que dejé por fuera

Aquí les dejo el código fuente del juego de blackjack

Aquí aprenderemos una lección importante sobre cómo crear versiones de nuestro código listas para producción

Aquí vamos a trabajar con clases en JavaScript

Un resumen puntual de los temas de la sección

Un listado de los temas que veremos en la sección

Aquí veremos la necesidad de las clases en JavaScript

Aquí comenzaremos con la sintaxis general para el manejo de clases en JavaScript

Aquí vamos a trabajar creando métodos que nos sirvan para ejecutarse dentro de la clase

Aquí trabajaremos conformas controladas de establecer y recuperar propiedades

Aquí aprenderemos sobre propiedades, gets y métodos estáticos, es decir, que no necesitamos instanciar la clase para poder utilizarlos

Aquí vamos a empezar a trabajar con subclases

Esta es una característica nueva de JavaScript que aún no está implementada en todos los navegadores web, pero para allá vamos

Aquí aprenderemos a crear un singleton

Aquí aprenderemos a crear múltiples constructores para nuestras clases

Aquí les dejo el código fuente de la sección por si la llegaran a necesitar

Módulos y Vite

Introducción a la sección

Temas puntuales de la sección

Introducción - Bundlers y Herramientas

Inicio de proyecto - Vite - Node

Ejecutar y explicar el proyecto

Build y Despliegue en la nube

Trabajar con Vite - Blackjack

Desplegar Blackjack

Refactorización de código

Crear Deck - Módulos por defecto e individuales

Mejorar la documentación JSDoc Comments

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Fortalece una base existente para estudiantes de nivel intermedio

Explora ESNext, que es estándar en la industria

Enseña herramientas y software actualmente empleados en la industria

Cuenta con una base sólida para principiantes

Desarrolla habilidades fundamentales para trabajar con JavaScript sin frameworks

Recomendado para desarrolladores front-end que buscan expandirse al back-end y al desarrollo móvil

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in JavaScript Moderno: Guía para dominar el lenguaje with these activities:

Ejercitar conceptos básicos de JavaScript

Show steps

Resolver ejercicios guiados te ayudará a reforzar tu comprensión de los conceptos básicos de JavaScript.

Browse courses on JavaScript

Show steps

Revisa los materiales del curso sobre variables, tipos de datos y operadores.
Resuelve ejercicios en línea o en un libro de texto.
Utiliza un IDE o editor de código para practicar la escritura de tus propios scripts.

Participar en sesiones de práctica con compañeros para revisar conceptos de JavaScript

Show steps

Participar en sesiones de práctica con compañeros te permitirá reforzar tu comprensión de los conceptos básicos de JavaScript mediante la resolución colaborativa de problemas.

Browse courses on JavaScript

Show steps

Únete o crea un grupo de estudio con compañeros.
Revisa los conceptos de JavaScript que se están cubriendo en clase.
Resuelve problemas y ejercicios de JavaScript juntos.

Desarrollar un juego simple en JavaScript

Show steps

Crear un juego te permitirá aplicar tus conocimientos de JavaScript y mejorar tus habilidades prácticas.

Browse courses on JavaScript

Show steps

Diseña el juego, incluyendo la mecánica, los gráficos y la interfaz de usuario.
Implementa la lógica del juego utilizando JavaScript.
Depura y prueba el juego para asegurarte de que funciona correctamente.

Six other activities

Expand to see all activities and additional details

Show all nine activities

Seguir tutoriales sobre JavaScript avanzado

Show steps

Seguir tutoriales te permitirá ampliar tus conocimientos y habilidades en JavaScript más allá de los conceptos básicos.

Browse courses on JavaScript

Show steps

Identifica las áreas en las que deseas mejorar tus habilidades.
Busca tutoriales en línea o en plataformas como YouTube.
Sigue los tutoriales cuidadosamente y completa los ejercicios.

Explorar el uso de NPM y Node para la gestión de paquetes

Show steps

Seguir tutoriales sobre el uso de NPM y Node para la gestión de paquetes te permitirá comprender cómo instalar y utilizar bibliotecas y herramientas de terceros en tus proyectos de JavaScript.

Browse courses on npm

Show steps

Busca tutoriales sobre la instalación y uso de NPM.
Crea un nuevo proyecto de Node y aprende a instalar paquetes con NPM.
Explora el uso de paquetes populares como Lodash y Moment.

Construir un juego simple en JavaScript

Show steps

Construir un juego simple en JavaScript te permitirá aplicar tus habilidades de desarrollo y reforzar tu comprensión de los conceptos básicos del lenguaje.

Browse courses on JavaScript

Show steps

Diseña tu juego y define su mecánica.
Implementa las funciones y la lógica de tu juego.
Crea interfaces de usuario y gráficos para tu juego.
Prueba y depura tu juego para garantizar su jugabilidad.

Implementar ESNext para funciones de flecha

Show steps

Practicar la implementación de ESNext para funciones de flecha reforzará su comprensión de la sintaxis moderna de JavaScript.

Show steps

Revisa la sintaxis de las funciones de flecha ESNext.
Crea funciones de flecha con y sin paréntesis alrededor de los parámetros.
Prueba diferentes formas de declaraciones de parámetros predeterminados.

Construir un proyecto de JavaScript independiente que utilice promesas

Show steps

Crear un proyecto independiente que utilice promesas mejorará tu comprensión del manejo asincrónico en JavaScript y te permitirá aplicar tus conocimientos en situaciones del mundo real.

Browse courses on JavaScript

Show steps

Diseña un proyecto que requiera el uso de promesas.
Implementa el manejo de promesas en tu proyecto.
Prueba tu proyecto y verifica que las promesas se manejen correctamente.
Documenta tu proyecto y comparte tus hallazgos.

Asistir a un taller sobre técnicas avanzadas de JavaScript

Show steps

Asistir a un taller sobre técnicas avanzadas de JavaScript te permitirá aprender de expertos de la industria y profundizar tu comprensión del lenguaje.

Browse courses on JavaScript

Show steps

Busca talleres sobre técnicas avanzadas de JavaScript.
Regístrate en un taller que se ajuste a tus intereses y nivel de habilidad.
Asiste al taller y toma notas.

Career center

Learners who complete JavaScript Moderno: Guía para dominar el lenguaje will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

JavaScript Moderno

Guía para dominar el lenguaje

Here's a deal for you

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses