We may earn an affiliate commission when you visit our partners.
Course image
Fernando Herrera

Bienvenido al curso de JavaScript moderno. El objetivo principal del curso es enseñarte JavaScript actual, empezando de cero conocimiento en JavaScript hasta llevarte a un nivel avanzado y competitivo en el mercado laboral actual. Este curso te ayudará a entrar fácilmente a frameworks basados en este lenguaje de programación y ayudarte a mejorar tus habilidades actuales en JavaScript.

Read more

Bienvenido al curso de JavaScript moderno. El objetivo principal del curso es enseñarte JavaScript actual, empezando de cero conocimiento en JavaScript hasta llevarte a un nivel avanzado y competitivo en el mercado laboral actual. Este curso te ayudará a entrar fácilmente a frameworks basados en este lenguaje de programación y ayudarte a mejorar tus habilidades actuales en JavaScript.

Este es un listado de algunos de los temas que tocamos en el curso:

  1. Bases de JavaScript

  2. Tipos de datos

  3. Objetos

  4. Operadores

  5. Ciclos

  6. ESNext

  7. Clases

  8. Propiedades privadas

  9. Node

  10. Npm

  11. Instalación de paquetes en proyectos de JavaScript

  12. Promesas

  13. Callbacks

  14. CRUD

  15. Modals manuales

  16. Carga de archivos

  17. Fetch

  18. Funciones generadoras

  19. Vite

  20. Mappers

  21. JSDocs y documentación de funciones

  22. VSCode con tipos de datos en JavaScript

  23. Manipulación del DOM

  24. Archivado Webpack

    1. DevServer

    2. Babel

    3. Estilos

    4. Minimización

    5. Empaquetamiento

    6. Conversión a otras versiones de JavaScript

    7. Despliegues

  25. Más...

Al terminar este curso tendrás un base sólida de JavaScript que te permita trabajar de forma independiente en JavaScript sin frameworks, pero a la vez abrirte todas las puertas para trabajar con frameworks y librerías como Angular, Vue, React, Express y más.

Aprender JavaScript hoy en día es una necesidad de cualquier desarrollador Front-End que inclusive puede expandirse al Back-End y desarrollo móvil. JavaScript es uno de los lenguajes más demandados en la industria y saberlo utilizar es fundamental para ser competitivo en el mercado laboral, y este curso tiene por objetivo darte lo que necesitas para mantenerte al día en este lenguaje.

Al finalizar el curso, no sólo contarás con la base sólida que necesitas para cualquier tecnología basada en JavaScript, sino que también comprenderás a profundidad fundamentos y técnicas muy útiles que te ayudarán a ser eficiente en tu trabajo.

Enroll now

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

Syllabus

Introducción

Aquí comenzará nuestro camino

Una introducción general del curso

Unos tips para que podamos responderte en el menor tiempo posible

Read more

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

Save this course

Save JavaScript Moderno: Guía para dominar el lenguaje to your list so you can find it easily later:
Save

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
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
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
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
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
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
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
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
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
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.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to JavaScript Moderno: Guía para dominar el lenguaje.
Desarrollo Web Profesional con Django de Python y Docker
Most relevant
Introducción al desarrollo web
Most relevant
React: De cero a experto ( Hooks y MERN )
Most relevant
Programación en Python
Most relevant
Curso de Inglés para Hispanos - Nivel B2.2 Plus
Most relevant
Objetivo Inglés: lo que no te enseñaron en la escuela
Most relevant
Sexualidad...mucho más que sexo
Most relevant
Desarrollo de Videojuegos en Unity: Una Introducción
Most relevant
Introducción a ChatGPT.¡Impulsa tu productividad al...
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser