Aprenda DOM scripting con cursos en línea

Usando la manipulación del Modelo de Objeto de Documento (DOM), puede crear páginas responsivas con animaciones, mensajes de error o botones clicables. Aprenda DOM scripting con cursos en línea impartidos a través de edX.

¿Qué es DOM scripting?

DOM es la abreviatura de Document Object Model, una interfaz de programación utilizada para manipular documentos HTML y XML, como una página web. Es una API que ayuda a los desarrolladores a acceder y modificar árboles DOM, que es la estructura para el contenido de un documento. El árbol de nodos es un bloque de construcción de sitios web modernos e interactivos que le permite agregar, eliminar o modificar contenido de la página, estilos y respuestas a acciones del usuario mediante etiquetas.

Por ejemplo, los usuarios podrán hacer clic en un botón para activar una acción, ver un menú desplegable, aumentar o disminuir el tamaño de la ventana, ingresar texto o recibir mensajes de error. Los programadores, desarrolladores web e ingenieros pueden actualizar dinámicamente el contenido en las páginas web sin tener que recargar la página o reescribir el código, lo que crea tiempos de respuesta más suaves y rápidos.

Ya sea que use Angular, React, Vue o cualquier otro marco para crear su aplicación web, el DOM es lo que usará detrás de escena para crear una experiencia interactiva.1

Explore cursos de DOM scripting

Browse online DOM scripting certificates

Find new interests and advance your career opportunities

Stand out in your field

Use the knowledge and skills you have gained to drive impact at work and grow your career.

Learn at your own pace

On your computer, tablet or phone, online courses make learning flexible to fit your busy life.

Earn a valuable credential

Showcase your key skills and valuable knowledge.

Certificates

Data Architecture
IBM
Certificado profesional
13 cursos
SQL, ETL and BI Fundamentals
IBM
Certificado profesional
4 cursos
Data Engineering Foundations
Pragmatic AI Labs
Certificado profesional
8 cursos
Introduction to 3D Modeling for Video Games
LCI Education
Certificado profesional
2 cursos

Temas relacionados

Plan de estudios del tutorial del Modelo de Objeto de Documento

A menudo, un curso de DOM estará etiquetado como “Introducción a JavaScript”, “Fundamentos de CSS” o algo similar. Podría cubrir conceptos como:

  • ¿Qué es el DOM en JavaScript o CSS?
  • ¿En qué se diferencia el DOM del marcado HTML?
  • ¿En qué se diferencia el DOM de JavaScript?
  • ¿Cómo puede hacer sitios web interactivos a través de la API de DOM?
  • ¿Qué herramientas le permiten acceder al DOM?

En cursos más avanzados, los estudiantes pueden llevar su conocimiento de DOM al siguiente nivel y aprender:

  • Cómo agregar y eliminar elementos para manipular el DOM
  • Cómo usar DOM y JavaScript para responder a eventos específicos
  • Cómo medir la velocidad de su DOM y crear una mejor experiencia web para el usuario

Explore trabajos que utilizan scripting de DOM

Explore trabajos que utilizan scripting de DOM

Los trabajos que utilizan scripting de DOM incluyen:

  • Desarrollador full stack: Supervise todos los aspectos de la construcción de un sitio web, lo que puede incluir el uso de APIs de DOM para optimizar la experiencia del usuario (UX).
  • Desarrollador front-end: Escriba código e inyecte código JavaScript para una herramienta utilizando manipulaciones de DOM, en lugar de alterar el código fuente.2
  • Programador de software: Escriba, modifique y pruebe código. Podrían usar scripting de DOM para construir la funcionalidad e interactividad del sitio web.3

Los trabajos tecnológicos pueden ser altamente especializados, por lo que puede ver roles específicos de herramientas, como: desarrollador de React JavaScript, desarrollador de Angular o desarrollador de programación de lenguaje natural (NLP) en Java. Todos estos puestos funcionales requieren un conocimiento profundo del scripting de DOM.

edX ofrece una variedad de rutas educativas. Regístrese en un boot camp especializado para aprender una habilidad específica. O inscríbase en un programa de grado de licenciatura o siga un programa de maestría si está interesado en recibir una instrucción más completa sobre un tema o campo entero. Encuentre el curso adecuado para usted.

Cómo usar DOM scripting como programador

Los desarrolladores pueden usar el DOM para lograr una variedad de tareas de front-end. Por ejemplo, podría usar DOM scripting para:4

  • Agregar o eliminar contenido para despejar páginas.
  • Agregar o eliminar elementos HTML en una página para crear una experiencia de usuario interactiva.
  • Agregar controladores de eventos de JavaScript para permitir a los usuarios abrir, cerrar o redimensionar ventanas e ingresar texto.
  • Animar o transformar elementos con efectos especiales.
  • Aplicar estilos CSS a elementos en la página para cambiar un esquema de color o diseño.
  • Crear elementos de interfaz de usuario personalizados como menús o cuadros desplegables.
  • Crear formularios dinámicos que se actualizan automáticamente o cuadros de comentarios.

Si está interesado en agregar nuevas habilidades a su currículum, explore cómo las oportunidades de aprendizaje en línea como un boot camp de codificación o incluso un grado de licenciatura en ciencias de la computación pueden ayudarle a desarrollar la experiencia y el conocimiento que necesita para seguir roles en este campo. Comience su viaje de aprendizaje hoy con edX.

Más oportunidades para que aprenda

We've added 500+ learning opportunities to create one of the world's most comprehensive free-to-degree online learning platforms.

    Preguntas frecuentes sobre DOM scripting

    Preguntas frecuentes

    ¿Es DOM un lenguaje de scripting?

    El DOM no es un lenguaje de scripting y no forma parte del lenguaje JavaScript. Más bien, es una interfaz de programación estándar y una API web que se puede usar con cualquier lenguaje de programación en una amplia variedad de entornos y aplicaciones. Con el DOM, los programadores pueden crear, construir, navegar, alterar y eliminar elementos dentro de documentos HTML o XML.

    ¿Es el DOM lo mismo que JavaScript?

    JavaScript es un lenguaje de scripting del lado del cliente que se conecta al DOM de un navegador de Internet. Aunque el DOM no es lo mismo que JavaScript, ni parte del lenguaje JavaScript, a menudo verá que el DOM se enseña junto con JavaScript en los planes de estudio de los cursos. Con la manipulación del DOM en JavaScript, puede flexionar sus músculos de programación para modificar datos, desde encabezados y pies de página hasta tablas y texto, en las páginas web, datos XML y documentos HTML que crea.

    ¿En qué se diferencia el DOM del HTML?

    HTML (HyperText Markup Language) agrega estructura y significado a través de etiquetas de nivel superior. El DOM describe cómo los navegadores pueden implementar el archivo para que se vea como el creador desea. Si un sitio web fuera una casa, puede pensar en un archivo HTML como los planos de construcción enviados a un navegador para su interpretación. Incluidos en esos planos estarán los estándares de la API del DOM, que ayudan al constructor a crear su hogar. Gracias al DOM estandarizado, otros constructores pueden construir esencialmente la misma casa basándose en los datos HTML.

    ¿Cuál es la ventaja de usar el DOM?

    DOM permite a los desarrolladores crear código más conciso. Puede cambiar elementos y comportamientos sin necesidad de escribir cientos de líneas de código. Los desarrolladores pueden crear una apariencia y sensación consistentes en todo el sitio web, mientras pueden implementar actualizaciones rápidamente y colaborar más fácilmente con otros. Si busca ir más allá de los datos de página estáticos y crear elementos dinámicos, personalizados y fáciles de usar, la manipulación del DOM puede ser una herramienta poderosa.

    ¿Debería aprender DOM antes que JavaScript?

    Típicamente, aprenderá la sintaxis básica de programación como JavaScript o HTML antes de aprender scripting de DOM para manipular la estructura de la página. Algunos cursos de codificación para principiantes incluyen ambas lecciones en el mismo plan de estudios, junto con tutoriales de JavaScript DOM. Aunque puede usar una herramienta como React para manipular el DOM por usted, conocer los fundamentos de lo que sucede detrás de escena lo convertirá en un desarrollador más fuerte.

    ¿Es difícil aprender DOM?

    Muchos estudiantes autodidactas pueden encontrar el DOM difícil de comprender. Además, las manipulaciones complejas pueden ser difíciles de depurar y mantener. Por estas razones, podría ser más fácil aprender scripting de DOM como parte de un programa más amplio de HTML, CSS y JavaScript que cubra todos los fundamentos para crear contenido web dinámico e interactivo.

    1. Introducción al DOM. (2023). Mozilla Developer Network Web Docs. Recuperado el 14 de marzo de 2023.

    2. ¿Debería ser un desarrollador Back-End, Front-End o Full-Stack?. (2018). Hackernoon. Recuperado el 14 de marzo de 2023.

    3. Qué hacen los desarrolladores de software, analistas de aseguramiento de calidad y testers. (2023). U.S. Bureau of Labor Statistics. Recuperado el 14 de marzo de 2023.

    4. ¿Qué es la manipulación del DOM?. (2023). Digital Tech Hub. Recuperado el 30 de enero de 2023.