Entendiendo el DOM

1

Manipulación del DOM con JavaScript y APIs

2

Entendiendo el DOM y su Manipulación con JavaScript

3

Diferencias entre el DOM y el objeto Window en JavaScript

Seleccionando y Accesando a Elementos del DOM

4

Selección de Elementos del DOM con JavaScript

5

Navegación Jerárquica del DOM en JavaScript

Manipulando Elementos del DOM

6

Atributos y Propiedades en HTML y su Manipulación con JavaScript

7

Modificar texto en HTML con JavaScript

8

Modificar Estilos CSS con JavaScript: Propiedad Style y ClassName

9

Uso de classList para Manipular Clases en Elementos HTML

10

Manipulación del DOM con innerHTML e InsertAdjacentHTML

11

Agregar elementos HTML sin reemplazar contenido existente

12

Creación y Manipulación de Elementos DOM con createElement

13

Eliminar Elementos del DOM con JavaScript: Métodos y Ejemplos

14

Clonación y Reemplazo de Elementos en JavaScript

Manipulando Eventos en el DOM

15

Eventos y Flujo en Programación Web: Capturing y Bubbling

16

Manejo de Eventos en JavaScript: click, mouseOver y mouseOut

17

Manipulación de Eventos en JavaScript para Interacción de Elementos

18

Validación de Formularios con JavaScript: Prevenir Comportamiento por Defecto

19

Delegation Pattern en JavaScript: Mejora de Eventos Click en Listas

Creando un Administrador de Tareas

20

Creación de un Task Manager con Persistencia usando Local Storage

21

Interactividad en Botones de Tareas: Borrar y Editar en JavaScript

22

Persistencia de Datos con Local Storage en Tareas Web

23

Guardado y edición de tareas en local storage con JavaScript

24

Manejo de Errores en Local Storage para Tareas Dinámicas

25

Cambio de Tema Dinámico y Persistente en Aplicaciones Web

26

Creación de Páginas Web Dinámicas con JavaScript

Asincronía en JavaScript

27

Programación Síncrona y Asíncrona en JavaScript

Manipulación del DOM con JavaScript y APIs

1/27
Recursos
Transcripción

¿Cómo aprender JavaScript puede ser un cambio de vida?

JavaScript es más que un lenguaje de programación. Es una herramienta que, en palabras del instructor, puede otorgarte un "superpoder" para crear y transformar ideas en realidades digitales. Aprender a programar puede abrir puertas hacia la independencia económica y el fascinante mundo del emprendimiento. Si alguna vez has sentido el deseo de tener un empleo flexible, JavaScript podría ser la clave que buscas.

¿Cuál es el primer paso para dominar JavaScript?

  • Entiende el DOM: El DOM (Document Object Model) es esencial para cualquier desarrollador que quiera manipular las páginas web. A través del curso, comenzarás por aprender qué es el DOM, cómo se estructura y cómo interactuar con él usando JavaScript.
  • Manipulación del DOM: Aprenderás a seleccionar y modificar elementos del DOM. Esto incluye cambiar estilos, texto, posiciones o incluso mostrar u ocultar elementos, permitiéndote controlar la apariencia y funcionalidad de tus páginas.
  • APIs y interactividad: Descubrirás cómo las APIs permiten que datos del servidor lleguen al navegador. Aprenderás a utilizar JavaScript para crear y manipular elementos dinámicamente, haciendo que tus páginas sean interactivas y vivas.

¿Cómo superar los desafíos al aprender JavaScript?

El camino puede estar lleno de desafíos, pero también de oportunidades de crecimiento y aprendizaje. Aquí hay algunos consejos basados en la experiencia del instructor:

  • Involúcrate en comunidades: Tanto en línea como fuera de ella, las comunidades tecnológicas están llenas de personas dispuestas a compartir conocimientos y herramientas. Participa, aprende y, cuando puedas, devuelve el favor compartiendo tus aprendizajes.
  • Documentación y recursos: Aunque acceder a documentación puede ser complicado, hoy en día existen múltiples recursos online que pueden ser de gran ayuda, desde foros de discusión hasta video tutoriales.
  • Paciencia y perseverancia: El aprendizaje puede ser desafiante, especialmente en los primeros meses. La paciencia y la persistencia son esenciales para avanzar.

¿Por qué JavaScript y no otro lenguaje?

JavaScript es omnipresente en el desarrollo web moderno y, a menudo, se encuentra en el corazón de aplicaciones dinámicas y complejas. Algunas razones para elegir JavaScript incluyen:

  • Versatilidad: JavaScript se utiliza tanto en el frontend como en el backend, lo que hace que sea una herramienta increíblemente versátil.
  • Comunidad: Con una base de usuarios enorme y activa, siempre habrá alguien con quien discutir ideas o resolver problemas.
  • Ecosistema de herramientas: Hay un vasto ecosistema de bibliotecas y frameworks que complementan a JavaScript, como React, Angular, y Node.js, amplificando lo que puedes hacer con el lenguaje.

A medida que te adentres en el curso de JavaScript, estarás un paso más cerca de convertirte en un desarrolador competente capaz de crear aplicaciones y resolver problemas del mundo real. ¿Listo para comenzar esta emocionante aventura? ¡Tu camino hacia la independencia y la transformación digital está a solo un paso de distancia!

Aportes 32

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Porfa agregarlo a la ruta **Frontend y Backend con Javascript para Desarrollo Web,** gracias.
Que gran historia para comenzar con este fantástico curso, creo que más de uno nos sentiremos identificados con esa motivación que se transmite para superarnos cada día y nunca parar de aprender, le deseo el mayor éxito a todos los que comienzan a tomar este curso con el excelente profe Diego.
Aprovechando al maximo los 3 dias de platzi gratis con un cursito de JavaScript de la mano de mi profesor favorito, Diego De Granda.
muy buena intro, muchas expecattivas del curso

Quiero llevar mis proyectos al siguiente nivel y darle más vida a mis páginas web. Poder controlar cada aspecto de una página con solo unas líneas de código me parece increíble. Siento que este curso es exactamente lo que necesito para adentrarme en el mundo de la creación web avanzada.

Aprender JavaScript puede ser útil por varias razones, entre ellas: * **Es un lenguaje muy utilizado.** JavaScript es uno de los lenguajes de programación más populares y versátiles. * **Es ideal para crear páginas web interactivas.** JavaScript es un lenguaje de programación que permite crear páginas web interactivas, como las que muestran animaciones, mapas interactivos, o actualizan fuentes de redes sociales. * **Es útil para desarrollar juegos y aplicaciones interactivas.** JavaScript es un lenguaje que permite desarrollar juegos y aplicaciones interactivas. * **Es fácil de aprender.** JavaScript es un lenguaje que puede ser fácil de aprender para quienes se inician en la programación. * **Se adapta a diferentes estilos de programación.** JavaScript es un lenguaje que se adapta a diferentes estilos de programación. * **Es necesario para trabajar con APIs y bases de datos NoSQL.** JavaScript es un lenguaje que es necesario para trabajar con APIs y bases de datos NoSQL. Para aprender JavaScript, es recomendable tener una formación estructurada que permita entender las bases de la programación. También es importante realizar proyectos para ver qué tanto se ha aprendido y qué se puede mejorar. A disfrutar de este curso!
Ahora que han sacado este curso ¿Que hago con el anterior que estoy finalizando y que está en la ruta de fullstack JavaScript? ¿comienzo este, finalizó el anterior? 😱?
Excelente profesor demasiado bien exlicadas todas las clases con el prof, Diego
WOWWW , QUE INTRO tan Fantastica , Inspiradora y Genial en respecto a YoungDiego. eso estuvo muy fresco y lleno de Energia Positivo.
Que increíble intro.
Espero aprender mucho en este curso
Excelente video introductorio para poder empezar el curso con muchas ganas!!!!
Bro muy bien creado este video utilizando ai, contando tu historia de que si se puede, debemos tener esta voluntad y las ganas de no rendirse de continuar y aprender, todos los cursos que he visto son magnifico he conocido muchas cosas nuevas..
excelente clase de introducción
El mejor profesor de Platzi
Me gusto mucho este formato y excelente forma de introducir un curso 👌
JavaScript es el alquimista de la web: transforma líneas de código en experiencias interactivas, dándole vida a páginas estáticas con el poder de la lógica, el movimiento y la magia en tiempo real
Wenaaas, aquí andamos
eso, estaba buscando exactamente esto
El caché y el local storage son parte del objeto Window, pero funcionan de manera diferente. El caché se utiliza para almacenar recursos de la red, mejorando la carga de las páginas. En cambio, el local storage permite guardar datos clave-valor en el navegador, persistiendo incluso después de cerrar la página. Ambos se acceden a través del objeto Window, pero cumplen funciones distintas en la gestión de datos.
Gran intro, me encanto!
aprender a programar es como tener superpoderes..
Deberian actualizar la ruta de full stack developer con javascript y agregar este curso. Dado a que es fundamental para aprender react, y en el de fundamentos de JS no exploran mucho el DOM. De todas maneras, sigue siendo una excelente ruta👌
Wow! Curso del 2024, vi esa primera imagen hecha en IA y ya me emocione! Quiero ver como ha evolucionado el método Platzi de enseñanza! Espectativas al 100% 💚 Tremendo profe Diego De Granda!
Super interesante tu historia. Gracias por compartir.
Qué grande eres, Diego 👏
Bueno... Después de esta intro... A obtener ese nuevo super poder!!! 🦾
super
Que intro tan buena 💜
Me encanta esta introducción, Me motiva mucho.
Gran manera de iniciar el curso. :)
Excelente motivación creo que así nos tocó a muchos. 💪🏽