JavaScript y Manipulación del DOM
48 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál de los siguientes métodos permite acceder a un grupo de elementos que comparten la misma etiqueta en el DOM?

  • querySelector
  • getElementsByTagName (correct)
  • getElementById
  • querySelectorAll

¿Qué método se utiliza para eliminar un nodo en el DOM?

  • removeChild (correct)
  • removeNode
  • deleteNode
  • destroyNode

¿Cuál es la diferencia principal entre querySelector y querySelectorAll?

  • querySelector devuelve el primer elemento coincidente, querySelectorAll devuelve todos. (correct)
  • querySelectorAll devuelve un solo elemento, querySelector devuelve varios.
  • querySelector no puede utilizar selectores CSS, querySelectorAll sí.
  • No hay diferencia, ambos métodos funcionan igual.

¿Qué función se utiliza para crear un nuevo nodo en el DOM?

<p>createElement (B)</p> Signup and view all the answers

Para modificar el contenido de un nodo existente en el DOM, ¿cuál de las siguientes propiedades se debería utilizar?

<p>innerText (C)</p> Signup and view all the answers

¿Cuál de los siguientes métodos NO es un método de acceso a los elementos del DOM?

<p>createDocumentFragment (C)</p> Signup and view all the answers

En la manipulación de eventos, ¿cuál de las siguientes afirmaciones es correcta?

<p>addEventListener es el método para registrar un manejador de eventos. (C)</p> Signup and view all the answers

¿Cuál es la función principal del método AJAX en la actualización de contenido?

<p>Cargar contenido sin recargar la página. (A)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre JavaScript es incorrecta?

<p>JavaScript se usa únicamente en el lado del cliente. (C)</p> Signup and view all the answers

¿Qué característica del atributo 'defer' en JavaScript es incorrecta?

<p>Los scripts con 'defer' se ejecutan de forma sincrónica. (C)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre la sintaxis de JavaScript es verdadera?

<p>Los comentarios pueden ser de una sola línea o de múltiples líneas. (C)</p> Signup and view all the answers

En la historia de JavaScript, ¿qué afirmación describe mejor su evolución?

<p>JavaScript ha pasado por varias versiones y actualizaciones a lo largo de los años. (B)</p> Signup and view all the answers

¿Qué función cumplen los bloques de código en JavaScript?

<p>Agrupan declaraciones lógicas y permiten el control de flujo. (A)</p> Signup and view all the answers

¿Cuál de las siguientes opciones describe incorrectamente el propósito de la etiqueta 'noscript' en HTML?

<p>Es utilizada para definir scripts que se ejecutan en SEO. (B)</p> Signup and view all the answers

¿Qué afirmación sobre las especificaciones oficiales de JavaScript no es correcta?

<p>JavaScript tiene un único estándar que no puede ser modificado. (C)</p> Signup and view all the answers

¿Cuál es el propósito principal del uso de comentarios en JavaScript?

<p>Mejorar la legibilidad y facilitar la documentación del código. (A)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre el control de eventos es correcta?

<p>Se puede utilizar una única función para manejar múltiples eventos de manera simultánea. (C)</p> Signup and view all the answers

¿Qué método se utiliza para prevenir el comportamiento predeterminado de un evento?

<p>preventDefault() (D)</p> Signup and view all the answers

Al obtener el elemento objeto (Target) en un evento, ¿qué se revela?

<p>El elemento DOM que disparó el evento. (C)</p> Signup and view all the answers

¿Qué información se puede obtener al utilizar las coordenadas del ratón?

<p>La ubicación del evento en relación con el viewport. (B)</p> Signup and view all the answers

¿Cuál de las siguientes descripciones se refiere a DOMContentLoaded?

<p>Es un evento que se dispara cuando el contenido de la página está completamente cargado. (B)</p> Signup and view all the answers

Al detener la propagación del evento, ¿cuál de las siguientes afirmaciones es verdadera?

<p>Se impide que el evento se maneje en su elemento padre. (B)</p> Signup and view all the answers

¿Qué se entiende por obtener la tecla pulsada en un evento?

<p>Identificar qué tecla se presionó a través de un código específico. (C)</p> Signup and view all the answers

Al controlar varios eventos con una misma función, ¿cuál es la ventaja principal?

<p>Reduce la cantidad de código necesario para manejar eventos. (C)</p> Signup and view all the answers

¿Cuál de las siguientes versiones de ECMAScript se lanzó primero?

<p>ECMAScript 1 (B)</p> Signup and view all the answers

¿Qué mejoras introdujo ECMAScript 5?

<p>Métodos de arreglos adicionales (A)</p> Signup and view all the answers

¿Qué versión de ECMAScript es conocida por introducir la declaración de variables 'let' y 'const'?

<p>ECMAScript 6 (D)</p> Signup and view all the answers

¿Cuál de las siguientes características NO fue introducida en ECMAScript 3?

<p>Métodos de arreglos adicionales (C)</p> Signup and view all the answers

¿Qué característica fue introducida en ECMAScript 2017?

<p>Uso de async/await (A)</p> Signup and view all the answers

¿Por qué se detuvo el desarrollo de ECMAScript 4?

<p>Desacuerdos en la comunidad (B)</p> Signup and view all the answers

¿Cuál de las siguientes características fue introducida en ECMAScript 2016?

<p>Operador de exponenciación (B)</p> Signup and view all the answers

De las siguientes opciones, ¿cuál describe mejor las funciones 'getters' y 'setters' introducidas en ECMAScript 5?

<p>Propiedades que controlan el acceso a atributos (A)</p> Signup and view all the answers

¿Qué permite AJAX en el desarrollo web?

<p>Realizar solicitudes asíncronas sin recargar la página. (D)</p> Signup and view all the answers

¿Cuál es una de las limitaciones de JavaScript en los navegadores?

<p>No puede manipular directamente el DOM de otras páginas web. (A)</p> Signup and view all the answers

¿Qué prohíbe la política de mismo origen (Same-Origin Policy) en JavaScript?

<p>Realizar solicitudes a otros dominios distintos. (C)</p> Signup and view all the answers

¿Cómo ha influido JavaScript en las aplicaciones web modernas?

<p>Proporcionando la capacidad de crear aplicaciones en páginas que antes eran solo de escritorio. (C)</p> Signup and view all the answers

¿Qué no puede hacer JavaScript en un navegador web?

<p>Leer archivos del sistema de archivos local. (A), Instalar software en el sistema del usuario. (C), Manipular el DOM de otras páginas cargadas. (D)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre AJAX es correcta?

<p>AJAX mejora la experiencia del usuario al permitir interacciones sin recarga de página. (C)</p> Signup and view all the answers

Respecto al acceso del sistema operativo, ¿qué afirmación es cierta sobre JavaScript?

<p>No tiene acceso directo ni puede interactuar con el sistema operativo. (B)</p> Signup and view all the answers

¿Qué es lo que mejor describe las posibilidades de JavaScript en los navegadores actuales?

<p>Permite implementar aplicaciones interactivas y dinámicas en la web. (A)</p> Signup and view all the answers

¿Cuál es la forma correcta de declarar una variable que contiene un nombre de cliente?

<p>var nombreCliente = 'John'; (D)</p> Signup and view all the answers

¿Qué se recomienda evitar al nombrar variables en JavaScript?

<p>Usar nombres de dos letras. (B), Usar palabras reservadas de JavaScript. (C)</p> Signup and view all the answers

¿Qué hace que 'let' sea diferente de 'var' en la declaración de variables?

<p>let tiene un ámbito de bloque más estricto que var. (D)</p> Signup and view all the answers

Si declaras una variable utilizando 'var' dos veces con el mismo nombre, ¿qué ocurrirá?

<p>Sobrescribirá el valor anterior sin error. (C)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones es correcta sobre el ámbito de las variables declaradas con 'var'?

<p>Son accesibles dentro de la función donde se declaran y globalmente. (D)</p> Signup and view all the answers

¿Cuál es la razón principal para evitar nombres de variables de una sola letra?

<p>No aportan claridad sobre el contenido de la variable. (B)</p> Signup and view all the answers

¿Cuál de las siguientes declaraciones es un ejemplo incorrecto de declaración de una variable?

<p>var function = 5; (C)</p> Signup and view all the answers

En qué situación es aceptable usar un nombre de variable de una sola letra?

<p>Cuando se usa como índice dentro de un bucle. (B)</p> Signup and view all the answers

Flashcards

JavaScript

JavaScript es un lenguaje de programación que se utiliza para añadir interactividad a las páginas web.

Frontend y Backend

JavaScript es principalmente usado en el Frontend, pero también en el Backend.

Usos de JavaScript

La interacción con el usuario, validación de formularios, animaciones, efectos visuales y la manipulación del DOM (Document Object Model) son algunos de los usos comunes de JavaScript.

DOM (Document Object Model)

El DOM es una representación de los elementos HTML de una página web como objetos, permitiendo a JavaScript interactuar con su contenido.

Signup and view all the flashcards

Atributo defer

El atributo defer indica al navegador que ejecute el script JavaScript después de que el HTML haya sido completamente cargado, sin detener el proceso de carga.

Signup and view all the flashcards

Atributo async

El atributo async indica al navegador que descargue y ejecute el script JavaScript de manera asíncrona, sin detener el proceso de carga del HTML.

Signup and view all the flashcards

Etiqueta

La etiqueta

Signup and view all the flashcards

Punto y coma (;)

El punto y coma (;) separa las instrucciones de JavaScript, aunque a veces es opcional.

Signup and view all the flashcards

getElementsByTagName()

El método getElementsByTagName() devuelve una colección de todos los elementos del documento que tienen el nombre de etiqueta especificado.

Signup and view all the flashcards

getElementById()

El método getElementById() devuelve el elemento del documento con el ID especificado. Solo devolverá un solo elemento.

Signup and view all the flashcards

querySelector()

El método querySelector() devuelve el primer elemento que coincida con el selector CSS especificado.

Signup and view all the flashcards

querySelectorAll()

El método querySelectorAll() devuelve una colección de todos los elementos que coincidan con el selector CSS especificado.

Signup and view all the flashcards

createElement()

El método createElement() crea un nuevo elemento del tipo especificado. Se puede agregar a la estructura del documento.

Signup and view all the flashcards

removeChild()

El método removeChild() elimina el elemento del documento con el nombre de etiqueta especificado. Se utiliza para eliminar un nodo hijo del DOM.

Signup and view all the flashcards

Eventos del usuario

Se utiliza para manipular eventos del usuario, como clicks, teclas presionadas, cambios de contenido, etc.

Signup and view all the flashcards

AJAX

Esta técnica permite actualizar el contenido de un sitio web de forma asíncrona, sin necesidad de recargar la página completa.

Signup and view all the flashcards

Popularidad de JavaScript

JavaScript es un lenguaje de programación muy popular y ampliamente usado para el desarrollo web.

Signup and view all the flashcards

Factores del crecimiento de JavaScript

El crecimiento de JavaScript se debe a la expansión de las tecnologías web y el auge de frameworks y bibliotecas como jQuery, Angular, React y Vue.js.

Signup and view all the flashcards

ECMAScript

ECMAScript es la especificación subyacente de JavaScript.

Signup and view all the flashcards

ECMAScript 1 (ES1)

ES1 (1997) fue la primera versión de ECMAScript, y se lanzó junto con la introducción de JavaScript en Netscape.

Signup and view all the flashcards

ECMAScript 3 (ES3)

ES3 (1999) introdujo nuevas características como manejo de excepciones mejorado y soporte para expresiones regulares.

Signup and view all the flashcards

ECMAScript 5 (ES5)

ES5 (2009) trajo mejoras como métodos de arreglos adicionales, soporte para getters y setters, y el método bind().

Signup and view all the flashcards

ECMAScript 6 (ES6)

ES6 (2015) fue una gran actualización que introdujo muchas características nuevas, como clases, funciones flecha, const y let para la declaración de variables.

Signup and view all the flashcards

ECMAScript 2017 (ES2017)

ES2017 introdujo características como async/await para simplificar el trabajo con código asíncrono, Object.values/Object.entries, entre otros.

Signup and view all the flashcards

Eventos

Eventos que se activan cuando el usuario interactúa con un elemento, como hacer clic, mover el ratón o escribir.

Signup and view all the flashcards

Control de Eventos

El proceso de gestionar y responder a eventos en JavaScript. Permite controlar cómo responde el código a las interacciones del usuario.

Signup and view all the flashcards

Obtener información de eventos

Utilizar JavaScript para obtener información de eventos como el elemento que provocó el evento, la posición del ratón o la tecla presionada.

Signup and view all the flashcards

Obtener el Elemento Objetivo

Identifica el elemento que ha generado el evento. Es como averiguar quién presionó un botón.

Signup and view all the flashcards

Obtener coordenadas del ratón

Obtener las coordenadas del ratón en el momento del evento. Es como saber exactamente dónde se ha hecho clic en la pantalla.

Signup and view all the flashcards

Obtener tecla pulsada

Determinar la tecla que se presionó durante el evento. Es como saber qué letra se ha pulsado en el teclado.

Signup and view all the flashcards

Obtener tipo de evento

Identificar el tipo de evento que se ha producido. Es como saber si se hizo clic, se puso el ratón sobre un elemento o se escribió.

Signup and view all the flashcards

Detener la propagación del evento

Evitar que un evento se propague a otros elementos de la página. Es como detener una reacción en cadena.

Signup and view all the flashcards

Acceso al sistema de archivos

JavaScript puede acceder al sistema de archivos del usuario, por ejemplo, crear o leer ficheros.

Signup and view all the flashcards

Acceso a recursos fuera del dominio

Por razones de seguridad, JavaScript tiene limitaciones para acceder a recursos de diferentes dominios.

Signup and view all the flashcards

Manipulación del DOM en páginas externas

JavaScript solo puede manipular el DOM de la página web en la que está ejecutando.

Signup and view all the flashcards

Interacción con el sistema operativo

JavaScript no puede trabajar directamente con el sistema operativo ni manejar archivos del sistema.

Signup and view all the flashcards

Interacción con el hardware

JavaScript no puede realizar operaciones que requieran acceso directo al hardware, como controlar la cámara o el micrófono.

Signup and view all the flashcards

Compatibilidad de JavaScript

JavaScript es un lenguaje compatible con casi todos los navegadores web y dispositivos móviles.

Signup and view all the flashcards

Cadena de texto (string)

Un tipo de dato en JavaScript que representa texto, encerrado entre comillas. Puede ser cualquier cosa, desde palabras hasta frases completas.

Signup and view all the flashcards

var (variable)

Una forma de declarar variables en JavaScript. Suelen ser utilizadas para variables que pueden cambiar su valor durante la ejecución del programa.

Signup and view all the flashcards

Error de variable no definida

Un error en JavaScript que ocurre cuando se intenta utilizar una variable que no se ha definido previamente. No se puede trabajar con algo que no existe.

Signup and view all the flashcards

Número (number)

Un tipo de datos en JavaScript que representa un valor numérico. Pueden ser números enteros o decimales.

Signup and view all the flashcards

Error de sintaxis (invalid syntax)

Un error en JavaScript que ocurre cuando se intenta utilizar una variable que no se ha declarado correctamente. El nombre no es válido.

Signup and view all the flashcards

const (constante)

Una forma de declarar variables en JavaScript. Son útiles para variables cuyo valor no se puede modificar una vez que se define.

Signup and view all the flashcards

let (variable)

Una forma de declarar variables en JavaScript que se usa para variables con ámbito de bloque. Suelen ser utilizadas para variables que son necesarias en un fragmento de código específico.

Signup and view all the flashcards

Error de alcance (scope error)

Un error en JavaScript que ocurre cuando se intenta acceder a una variable que no está disponible en el contexto actual. Se intenta usar una variable que no está disponible en el lugar actual.

Signup and view all the flashcards

Study Notes

Manual Básico de JavaScript

  • El documento es un manual básico de JavaScript.
  • Se centra en conceptos fundamentales de programación en JavaScript.
  • El manual está organizado en capítulos y secciones.
  • Se incluye información sobre la historia de JavaScript, su uso en el frontend y backend, sintaxis, tipos de variables, operadores, estructuras de control de flujo, arrays, manejo de formularios y otras utilidades.
  • El manual cubre las especificaciones oficiales de JavaScript (ECMAScript).

Capítulo 1. Introducción

  • ¿Qué es JavaScript? - Lenguaje de programación de alto nivel, interpretado y orientado a objetos, ampliamente utilizado para agregar interactividad a las páginas web.
  • Frontend (Lado del Cliente): - Ejecutado directamente en el navegador del usuario.
  • Backend (Lado del Servidor): - Ejecutado en un servidor, utilizando entornos como Node.js y Express.js.
  • Breve historia: -Creado en 1995 por Brendan Eich.
  • Especificaciones oficiales: - ECMAScript (ES) define la especificación del lenguaje.
  • Inclusión de JavaScript en documentos HTML: - Uso de la etiqueta <script>.
  • Sintaxis: - Uso de mayúsculas, minúsculas, espacios en blanco, punto y coma, bloques de código, comentarios, cadenas de texto y variables.

Capítulo 2. Programación Básica

  • Variables: - Declaración utilizando var, let, o const. Diferencias en ámbito (var, let, const). Uso de variables sin declarar.
  • Identificadores: - Nombres de variables para un mejor código (Camel Case, descriptivos y significativos).
  • Tipos de variables: - Number, String, Boolean, Undefined, Null, Object, Array, Symbol, BigInt.
  • Operadores: - Aritméticos (+, -, *, /, %), de asignación (=, +=, -=, *=, /=), de comparación (==, ===, !=, !==, >, <, >=, <=), lógicos (&&, ||, !), de concatenación (+).
  • Operador ternario: - Condición ? valor_si_verdadero : valor_si_falso.
  • Operadores de incremento/decremento: - ++, --.
  • Estructuras de control de flujo: - if...else, switch, while, do...while, for, for...in, for...of. Uso del break y continue.

Capítulo 3. Funciones

  • Definición y llamado a una función: - Uso de function para definir funciones.
  • Parámetros: - Valores que se pasan a la función (incluyendo valores por defecto). Paso de parámetros por valor vs. por referencia.
  • Retorno de funciones: - return para devolver valores de las funciones.

Capítulo 4. DOM

  • Conceptos del DOM: - nodos, árbol de nodos representa la organización del documento.
  • Tipos de nodos (DOM): - Element Node, Attribute Node, Text Node, Comment Node, Document Node, Document Type Node.
  • Acceso a elementos del DOM: - Métodos como getElementById(), getElementsByTagName(), querySelector(), querySelectorAll().
  • Modificación de elementos del DOM: - Ejemplos de modificar contenido y estilos mediante propiedades como innerHTML, style.

Capítulo 5. Eventos

  • Modelo de eventos: - addEventListener().
  • Tipos de eventos: - Lista completa de eventos (click, dblclick, mousedown, mouseup, mousemove, keydown, etc).
  • Controlando eventos: - Uso de addEventListener(), contexto this, obtención de información de los eventos, y cancelación de eventos.
  • DOMContentLoaded: - Evento para asegurar que el DOM está cargado completamente.

Capítulo 6. Formularios

  • Validación de formularios: - Pasos para validar datos en formularios, cómo utilizar event.preventDefault() para cancelar el envío si los datos no son correctos.
  • Acceso a elementos de un formulario: - Acceder mediante nombres, posición, querySelectorAll.
  • Obtener información de elementos: - Obtener valor, texto o si un checkbox está marcado.
  • Evitar múltiples envíos: - Uso de setTimeout.

Capítulo 7. Otras utilidades

  • Funciones de control de ejecución: - setTimeout(), y setInterval().

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

Tema 06 - Manual Básico de JavaScript PDF

Description

Este cuestionario abarca conceptos clave sobre la manipulación del DOM y funciones de JavaScript. Se exploran métodos para acceder y modificar nodos en el DOM, así como características del lenguaje y su evolución. Ideal para estudiantes que deseen fortalecer sus conocimientos en programación web.

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser