Contenido del curso
Seleccionando y Accesando a Elementos del DOM
Manipulando Elementos del DOM
- 6

Atributos y Propiedades en HTML y su Manipulación con JavaScript
07:39 min - 7

Modificar texto en HTML con JavaScript
04:49 min - 8

Modificar Estilos CSS con JavaScript: Propiedad Style y ClassName
11:30 min - 9

Uso de classList para Manipular Clases en Elementos HTML
07:37 min - 10

Manipulación del DOM con innerHTML e InsertAdjacentHTML
09:47 min - 11

Agregar elementos HTML sin reemplazar contenido existente
05:17 min - 12

Creación y Manipulación de Elementos DOM con createElement
13:28 min - 13

remove() vs removeChild() en el DOM
05:42 min - 14

Clonación y Reemplazo de Elementos en JavaScript
12:47 min
Manipulando Eventos en el DOM
- 15

Eventos y Flujo en Programación Web: Capturing y Bubbling
05:03 min - 16

Eventos del mouse y clic en JavaScript
11:46 min - 17

Qué es event.target y cómo usarlo
07:35 min - 18

Validación de Formularios con JavaScript: Prevenir Comportamiento por Defecto
10:06 min - 19

Delegation Pattern en JavaScript: Mejora de Eventos Click en Listas
09:29 min
Asincronía en JavaScript
Creando un Administrador de Tareas
- 21

Creación de un Task Manager con Persistencia usando Local Storage
09:01 min - 22

Editar y borrar tareas con delegación de eventos
13:35 min - 23

Persistencia de Datos con Local Storage en Tareas Web
15:17 min - 24

Guardado y edición de tareas en local storage con JavaScript
10:59 min - 25

Manejo de Errores en Local Storage para Tareas Dinámicas
03:24 min - 26

Persistencia de tema dark/light con localStorage
07:18 min - 27

Creación de Páginas Web Dinámicas con JavaScript
01:28 min
Qué es el DOM y cómo JavaScript lo cambia
Resumen
Aprender JavaScript desde cero es la puerta de entrada al desarrollo web moderno y a la creación de productos digitales con poca inversión. Si quieres independencia económica, lanzar tu propia plataforma o entender cómo funcionan las páginas dinámicas, este recorrido te muestra el camino: del DOM a las APIs, con ejemplos reales de un desarrollador que aprendió bajo presión.
¿Por qué vale la pena aprender JavaScript hoy?
Aprender a programar es como adquirir un superpoder. Con una idea, Internet y una computadora puedes construir y lanzar productos digitales sin grandes presupuestos.
Hace unos 15 años [0:05], la motivación detrás de aprender JavaScript fue concreta: regresar a la vida profesional con un trabajo flexible que diera independencia económica. Sin saber qué era armar una startup ni construir productos digitales, la pregunta inicial fue simple y un poco ingenua: ¿qué tan difícil puede ser? [1:15]. La respuesta llegó en forma de cuatro meses muy intensos [1:30] que terminaron con el lanzamiento de la primera versión de una plataforma propia.
Esa experiencia deja una lección clara: programar no solo abre la puerta al empleo, también al emprendimiento. Y lo hace barato, porque el costo de crear y lanzar es mínimo comparado con cualquier otro negocio tradicional.
¿Qué necesito para empezar a programar? Solo una idea, conexión a Internet y una computadora. Con eso puedes construir y publicar tu primer producto digital sin invertir grandes sumas.
¿Cómo te ayudan las comunidades a aprender a programar?
Cuando la documentación escasea, las comunidades se vuelven el atajo más valioso. Acercarse a comunidades físicas y virtuales [2:25] permitió resolver problemas reales durante el desarrollo de la plataforma. Y luego vino la otra mitad del trato: regresarle valor a la comunidad compartiendo lo aprendido.
Este ciclo de aprender y devolver es parte de lo que hace especial al ecosistema del desarrollo. No estás solo frente a la pantalla; hay gente que ya pasó por lo mismo y que comparte sus soluciones.
¿Dónde puedo resolver dudas de JavaScript? En foros, grupos virtuales y meetups locales. Comparte tu problema con detalle y, cuando lo resuelvas, devuelve el favor publicando la solución para otros.
¿Qué vas a aprender en un curso de JavaScript desde cero?
El temario cubre los fundamentos que cualquier desarrollador front necesita para pasar de páginas estáticas a aplicaciones dinámicas como las que usas todos los días.
¿Qué es el DOM y cómo se manipula con JavaScript?
El DOM (Document Object Model) es la representación que el navegador hace de tu página. Con JavaScript puedes seleccionar elementos del DOM [3:10] y manipularlos de varias formas:
- Cambiar estilos para modificar la apariencia visual.
- Cambiar el texto que muestra cada elemento.
- Modificar la posición de los elementos en la página.
- Mostrar u ocultar elementos según el contexto.
Esto es lo que convierte una página rígida en una experiencia interactiva. Cada clic, cada cambio visual, cada animación pasa por el DOM.
¿Cómo funcionan las APIs en el front?
Las APIs son el puente entre tu navegador y el servidor [3:30]. Tú haces una petición, el servidor responde con datos, y JavaScript se encarga del resto.
El flujo es así: recibes la respuesta del servidor, creas elementos nuevos con JavaScript y los inyectas directamente en el DOM. Así nacen las páginas dinámicas, que cambian su contenido sin recargar y se sienten como aplicaciones reales.
¿Qué diferencia hay entre una página estática y una dinámica? La estática muestra siempre el mismo contenido. La dinámica usa JavaScript y APIs para cargar datos en tiempo real e inyectarlos en el DOM sin recargar la página.
¿Por dónde empezar tu camino con JavaScript?
El mejor consejo es empezar con un proyecto que te importe. Tener una idea concreta, aunque parezca demasiado grande, fuerza a aprender lo que realmente necesitas: seleccionar elementos, manipular el DOM, consumir APIs y construir interfaces que respondan al usuario.
Y recuerda que cada problema resuelto es contenido potencial para la comunidad. Cuéntame en los comentarios qué idea tienes en mente y qué te gustaría construir con JavaScript.