U1. Tarea 3

Datos del Alumno Fecha
Nombre completo Matrícula

Abraham Nogueda Ayvar 19307043 13/02/2022
En programación usando JavaScript describe y ejemplifica qué es la comunicación

sincrónica y asíncrona.
Nos referimos a “dos formas de intercambio de la información en función de la

simultaneidad con la que se envía y ofrece el mensaje.”
Sincronica:
Aquella “en la que los usuarios, a través de una red telemática, coinciden en el tiempo y
se comunican entre sí mediante texto, audio y/o vídeo”.
Asincronica:
En la asincrónica, continúa el autor, “los participantes utilizan el sistema de comunicación

en tiempos diferentes”.
De JavaScript, describe:
 Prototype.
[[Prototype]] de un objeto es, por como los navegadores modernos optimizan las
propiedades de acceso, una operación muy lenta en todos los navegadores y motores
JavaScript.
 Object.
El objeto de JavaScript es una entidad independiente que contiene múltiples valores en

términos de propiedades y métodos.
 Class.
Asignatura Carrera
Experiencia de Ingeniería en Desarrollo y Gestión de Software
Usuario Actividades de Investigacion y Tareas Digitales en Canvas
Mejora sintáctica sobre la herencia basada en prototipos de JavaScript. La sintaxis

de las clases no introduce un nuevo modelo de herencia orientada a objetos en
JavaScript. Las clases de JavaScript proveen una sintaxis mucho más clara y
simple para crear objetos y lidiar con la herencia.
 Function.
Son uno de los bloques de construcción fundamentales en JavaScript. Una función

en JavaScript es similar a un procedimiento, un conjunto de instrucciones que
realiza una tarea o calcula un valor, pero para que un procedimiento califique como
función, debe tomar alguna entrada y devolver una salida donde hay alguna
relación obvia entre la entrada y la salida.
 This.
Está determinado por cómo se invoca a la función. No puede ser establecida

mediante una asignación en tiempo de ejecución, y puede ser diferente cada vez
que la función es invocada.
 Return.
La sentencia return finaliza la ejecución de la función y especifica un valor para ser

devuelto a quien llama a la función.
 SetCustomValidity o HTMLSelectElement.setCustomValidity()
Define el mensaje de validación personalizado para el elemento seleccionado con el

mensaje específico. Usa una cadena vacía para indicar que ese elemento no tiene error
de validación personalizado.
Asignatura Carrera
 AddEventListener.
“Registra un evento a un objeto en específico.”
El Objeto especifico puede ser un simple elemento en un archivo, el mismo documento,

una ventana o una XMLHttpRequest.
Describe y/o define la funcionalidad de lo siguiente:
 Métodos de búsqueda - Acceso a elementos del DOM:
 .getElementById(id) .
Busca el elemento HTML con el id id. Si no, devuelve.
 .getElementsByClassName(class).
Busca elementos con la clase class. Si no, devuelve [].
 .getElementsByName(name)
Busca elementos con atributo name name. Si no, devuelve [].
 .getElementsByTagName(tag)
Busca elementos tag. Si no encuentra ninguno, devuelve [].
 Método de búsqueda modernos:
Asignatura Carrera
 .querySelector(sel).
Busca el primer elemento que coincide con el selector CSS sel. Si no, null.
 .querySelectorAll(sel)
Busca todos los elementos que coinciden con el selector CSS sel. Si no, [].
 Métodos para crear elementos HTML:

 .createElement(tag, options)
Crea y devuelve el elemento HTML definido por el tag.
 .createComment(text)
Crea y devuelve un nodo de comentarios HTML .
 .createTextNode(text)
Crea y devuelve un nodo HTML con el texto text.
 .cloneNode(deep)
Clona el nodo HTML y devuelve una copia. deep es false por defecto.
 .isConnected
Indica si el nodo HTML está insertado en el documento HTML.
Atributos HTML de un elemento:
 hasAttributes()
Asignatura Carrera
Indica si el elemento tiene atributos HTML.
 hasAttribute(attr)
Indica si el elemento tiene el atributo HTML attr.
 getAttributeNames()
Devuelve un con los atributos del elemento.
 getAttribute(attr)
Devuelve el valor del atributo attr del elemento o si no existe.
 setAttribute(attr, value)
Añade o cambia el atributo attr al valor value.
 Propiedades para Insertar elementos:

 .appendChild(node)
Es una referencia (hace referencia) hacia un nodo existente en el documento actual, este
es quitado del padre actual para ser puesto en el nodo padre nuevo. La clave está en si el
(Child) es una referencia a un nodo existente en el documento .
.insertAdjacentHTML(pos, str) insertAdjacentHTML() de la interfaz Element analiza la

cadena de texto lanzada como cadena HTML o XML e inserta al árbol DOM los nodos
resultaron de dicho análisis en la posición establecida.
Asignatura Carrera
 .insertAdjacentElement(pos, elem)
El método insertAdjacentElement() inserta un elemento nodo dado en una posición dada

con respecto al elemento sobre el que se invoca.
 Propiedades para Reemplazar contenidos:

 .innerHTML.
La propiedad Element.innerHTML devuelve o establece la sintaxis HTML

describiendo los descendientes del elemento.
 .innerText
La innerTextpropiedad de la HTMLElementinterfaz representa el contenido de

texto "renderizado" de un nodo y sus descendientes.
 Propiedades para Eliminar elementos:

 .remove()
Elimina el conjunto de elementos coincidentes del DOM.
 .removeChild(node)
El método Node.removeChild() elimina un nodo hijo del DOM y puede

devolver el nodo eliminado.
 .replaceChild(new, old)
El método Node.replaceChild()reemplaza un nodo hijo del elemento

especificado por otro.
Asignatura Carrera
BIBLIOGRAFIA.
 Prieto, S. (2018, 2 agosto). Comunicación sincrónica y asincrónica: conceptos y
herramientas | Capital Humano. Grupo P&A. Recuperado 13 de febrero de 2022, de
https://grupo-pya.com/comunicacion-sincronica-asincronica-conceptos-herramientas/
 Object.prototype.__proto__ - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs.
Recuperado 13 de febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Object/p
roto
 JavaScript Objects: Create, Access, Object Constructor, Properties & Methods. (s. f.).
Tutorials Teacher. Recuperado 13 de febrero de 2022, de
https://www.tutorialsteacher.com/javascript/javascript-
object#:%7E:text=JavaScript%20object%20is%20a%20standalone,literal%20or%20objec
t%20constructor%20syntax.
 Clases - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de
febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Classes
Asignatura Carrera
 Funciones - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de
febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Functions
 this - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de febrero
de 2022, de
https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/this
 return - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de
febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/return
 HTMLSelectElement.setCustomValidity() - Referencia de la API Web | MDN. (2022, 13
febrero). MDN Webs Docs. Recuperado 13 de febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/API/HTMLSelectElement/setCustomValidity
 element.addEventListener - Referencia de la API Web | MDN. (2022, 13 febrero). MDN
Webs Docs. Recuperado 13 de febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/API/EventTarget/addEventListener
Asignatura Carrera
 Seleccionar elementos del DOM - Javascript en español. (s. f.). Lenguaje JS. Recuperado
13 de febrero de 2022, de https://lenguajejs.com/javascript/dom/seleccionar-elementos-
dom/
 Seleccionar elementos del DOM - Javascript en español. (s. f.). Lenguaje JS. Recuperado
13 de febrero de 2022, de https://lenguajejs.com/javascript/dom/seleccionar-elementos-
dom/#:%7E:text=con%20s%C3%B3lo%20una.-
,querySelectorAll(),info%22%20const%20infos%20%3D%20document.
 Crear elementos en el DOM - Javascript en español. (s. f.). Lenguaje JS. Recuperado 13
de febrero de 2022, de https://lenguajejs.com/javascript/dom/crear-elementos-dom/
 Element.insertAdjacentHTML() - Referencia de la API Web | MDN. (2022, 13 febrero).
MDN Webs Docs. Recuperado 13 de febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/API/Element/insertAdjacentHTML
 Nodo appendChild - Referencia de la API Web | MDN. (2022, 13 febrero). MDN Webs
Docs. Recuperado 13 de febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/API/Node/appendChild
Asignatura Carrera
 Element.insertAdjacentElement() - Referencia de la API Web | MDN. (2022, 13 febrero).
MDN Webs Docs. Recuperado 13 de febrero de 2022, de
https://developer.mozilla.org/es/docs/Web/API/Element/insertAdjacentElement
Asignatura Carrera

U1. Tarea 3

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

U1. Tarea 3

Cargado por

Copyright:

Formatos disponibles

Datos del Alumno Fecha

Nombre completo Matrícula

En programación usando JavaScript describe y ejemplifica qué es la comunicación

Nos referimos a “dos formas de intercambio de la información en función de la

En la asincrónica, continúa el autor, “los participantes utilizan el sistema de comunicación

El objeto de JavaScript es una entidad independiente que contiene múltiples valores en

Mejora sintáctica sobre la herencia basada en prototipos de JavaScript. La sintaxis

Son uno de los bloques de construcción fundamentales en JavaScript. Una función

Está determinado por cómo se invoca a la función. No puede ser establecida

La sentencia return finaliza la ejecución de la función y especifica un valor para ser

Define el mensaje de validación personalizado para el elemento seleccionado con el

“Registra un evento a un objeto en específico.”

El Objeto especifico puede ser un simple elemento en un archivo, el mismo documento,

Describe y/o define la funcionalidad de lo siguiente:

 Métodos de búsqueda - Acceso a elementos del DOM:

Busca el elemento HTML con el id id. Si no, devuelve.

Busca elementos con la clase class. Si no, devuelve [].

Busca elementos con atributo name name. Si no, devuelve [].

Busca elementos tag. Si no encuentra ninguno, devuelve [].

 Método de búsqueda modernos:

 Métodos para crear elementos HTML:

Crea y devuelve el elemento HTML definido por el tag.

Crea y devuelve un nodo de comentarios HTML .

Crea y devuelve un nodo HTML con el texto text.

Indica si el nodo HTML está insertado en el documento HTML.

Atributos HTML de un elemento:

Indica si el elemento tiene atributos HTML.

Indica si el elemento tiene el atributo HTML attr.

Devuelve un con los atributos del elemento.

Devuelve el valor del atributo attr del elemento o si no existe.

Añade o cambia el atributo attr al valor value.

 Propiedades para Insertar elementos:

.insertAdjacentHTML(pos, str) insertAdjacentHTML() de la interfaz Element analiza la

El método insertAdjacentElement() inserta un elemento nodo dado en una posición dada

 Propiedades para Reemplazar contenidos:

La propiedad Element.innerHTML devuelve o establece la sintaxis HTML

La innerTextpropiedad de la HTMLElementinterfaz representa el contenido de

 Propiedades para Eliminar elementos:

Elimina el conjunto de elementos coincidentes del DOM.

El método Node.removeChild() elimina un nodo hijo del DOM y puede

El método Node.replaceChild()reemplaza un nodo hijo del elemento

 Prieto, S. (2018, 2 agosto). Comunicación sincrónica y asincrónica: conceptos y

herramientas | Capital Humano. Grupo P&A. Recuperado 13 de febrero de 2022, de

 Object.prototype.__proto__ - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs.

Recuperado 13 de febrero de 2022, de

Tutorials Teacher. Recuperado 13 de febrero de 2022, de

 Clases - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de

 Funciones - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de

 return - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs. Recuperado 13 de

 HTMLSelectElement.setCustomValidity() - Referencia de la API Web | MDN. (2022, 13

febrero). MDN Webs Docs. Recuperado 13 de febrero de 2022, de

 element.addEventListener - Referencia de la API Web | MDN. (2022, 13 febrero). MDN

Webs Docs. Recuperado 13 de febrero de 2022, de

13 de febrero de 2022, de https://lenguajejs.com/javascript/dom/seleccionar-elementos-

13 de febrero de 2022, de https://lenguajejs.com/javascript/dom/seleccionar-elementos-

de febrero de 2022, de https://lenguajejs.com/javascript/dom/crear-elementos-dom/

 Element.insertAdjacentHTML() - Referencia de la API Web | MDN. (2022, 13 febrero).

MDN Webs Docs. Recuperado 13 de febrero de 2022, de

Docs. Recuperado 13 de febrero de 2022, de

 Element.insertAdjacentElement() - Referencia de la API Web | MDN. (2022, 13 febrero).

MDN Webs Docs. Recuperado 13 de febrero de 2022, de

También podría gustarte

 Object.prototype.proto - JavaScript | MDN. (2022, 13 febrero). MDN Webs Docs.