Programación con JavaScript I



Reactivos

Pregunta 1

¿Cuál es el lenguaje de programación más utilizado en la web?

Opciones:

  1. Java.
  2. C++.
  3. C#.
  4. JavaScript.

Pregunta 2

¿Qué es un entorno de desarrollo?

Opciones:

  1. Un software que permite compilar el código.
  2. Un software que permite ver la página web.
  3. Un software que permite escribir y editar el código.
  4. Un software que sirve para el diseño de una página web.

Pregunta 3

Elige el elemento que se necesita para ejecutar una página web.

Opciones:

  1. IDE.
  2. Navegador.
  3. VCS.
  4. Git.

Pregunta 4

Selecciona la tecla que te permite tener acceso a las herramientas del desarrollador en el navegador.

Opciones:

  1. F12.
  2. F11.
  3. F10.
  4. F9.

Pregunta 5

Elige la etiqueta que se utiliza en HTML para colocar el código JavaScript.

Opciones:

  1. <p></p>
  2. <head></head>
  3. <body></body>
  4. <script></script>

Pregunta 6

Selecciona el símbolo que representa una igualdad en programación.

Opciones:

  1.  !=
  2. <
  3. >=
  4. ==

Pregunta 7

Establece cuál es el símbolo para el operador lógico or.

Opciones:

  1. ||
  2. &&
  3. ??
  4. !

Pregunta 8

¿Cuál es la condición más común en programación?

Opciones:

  1. Switch.
  2. If.
  3. While.
  4. For.

Pregunta 9

Selecciona la opción en la cual el bloque de código dentro de este bucle se ejecutará mientras se cumpla la condición.

Opciones:

  1. Do/while.
  2. If.
  3. While.
  4. Switch.

Pregunta 10

Elige la sentencia más potente que permite resumir en una línea la forma de un bucle while.

Opciones:

  1. Break.
  2. For/in.
  3. For/of.
  4. For.

Pregunta 11

Selecciona el elemento que es un bloque de código que se define una vez, pero que puede invocarse tantas veces como se desee.

Opciones:

  1. Condicionales.
  2. Bucles.
  3. Operador.
  4. Función.

Pregunta 12

Selecciona la opción que establece la sintaxis básica para una función.

Opciones:

  1. const cuadrado = function(numero) { return numero*numero; };
    let diezcuadrado = (function(x) {return x*x;}(10));
  2. (function () {
    var nombre = "Juan";
    })();
    console.log(nombre);
    // Devuelve Uncaught ReferenceError: nombre is not defined

  3. function nombreDeLaFunción(parámetros) {
    sentencias}

  4. const alumnos = {
    personas: [],
    agrega(...personas) {
    this.personas.push(...personas);
    },
    saludo(i) {
    return `Hola mi nombre es ${this.personas[i]}`;
    }
    };
    alumnos.agrega('Hugo', 'Paco', 'Luis');
    alumnos.saludo(0); // => 'Hola mi nombre es Hugo'

Pregunta 13

Elige la opción que muestra el ejemplo de una función de flecha.

Opciones:

  1. function multiplica() {
    return numero1 * numero2;
    }
  2. const saludo = (nombre) => {
    return `Hola ${nombre}`;
    }
    console.log(saludo('Pedro')) // => Devuelve Hola Pedro
    // Compactando un poco más el código.
    const salu2 = (nombre) => `Hola ${nombre}`;
    console.log(salu2('Pedro')); // => Devuelve Hola Pedro
  3. const alumnos = {
    personas: [],
    agrega(...personas) {
    this.personas.push(...personas);
    },
    saludo(i) {
    return `Hola mi nombre es ${this.personas[i]}`;
    }
    };
    alumnos.agrega('Hugo', 'Paco', 'Luis');
    alumnos.saludo(0); // => 'Hola mi nombre es Hugo'
  4. (function () {
    var nombre = "Juan";
    })();
    console.log(nombre);
    // Devuelve Uncaught ReferenceError: nombre is not defined

Pregunta 14

Selecciona el segmento de código correcto para definir una función dentro de otra función.

Opciones:

  1. function factorial(num) {
    if (num <= 1) return 1; return num * factorial(num-1);
    }
  2. const saludo = (nombre) => {
    return `Hola ${nombre}`;
    }
    console.log(saludo('Pedro')) // => Devuelve Hola Pedro
    // Compactando un poco más el código.
    const salu2 = (nombre) => `Hola ${nombre}`;
    console.log(salu2('Pedro')); // => Devuelve Hola Pedro
  3. (function () {
    var nombre = "Juan";
    })();
    console.log(nombre);
    // Devuelve Uncaught ReferenceError: nombre is not defined
  4. const cuadrado = function(numero) { return numero*numero; };
    let diezcuadrado = (function(x) {return x*x;}(10));

Pregunta 15

Elige el segmento de código que representa una función anidada.

Opciones:

  1. const cuadrado = function(numero) { return numero*numero; };
    let diezcuadrado = (function(x) {return x*x;}(10));
  2. function factorial(num) {
    if (num <= 1) return 1; return num * factorial(num-1); }
  3. function multiplica() {
    return numero1 * numero2; }
  4. function getMarcador() {
    //Variables definidas en ámbito local
    let numero1 = 10,
    numero2 = 7;

Pregunta 16

¿Cuáles son los tipos de datos más grandes que maneja JavaScript?

Opciones:

  1. Objetos.
  2. Primitivos.
  3. Clases.
  4. Objetos y primitivos.

Pregunta 17

Establece la sintaxis de la notación literal, la cual se utiliza para crear los objetos de forma abreviada.

Opciones:

  1. const  new objeto={}; //Esto es un objeto vacío
  2. const new object objeto={}; //Esto es un objeto vacío
  3. const objeto={}; //Esto es un objeto vacío
  4. const  object objeto={}; //Esto es un objeto vacío

Pregunta 18

Identifica la palabra que completa la siguiente frase:

Todo objeto tiene_____________.

Opciones:

  1. Elementos.
  2. Propiedades.
  3. Componentes.
  4. Valores.

Pregunta 19

Elige el segmento de código que muestra la manera correcta para agregar propiedades a un objeto.

Opciones:

  1. const jugador={};
    jugador.nombre=''Ryu'';
    jugador.poder=10;
    jugador.vida=99;
  2. const jugador={};
    jugador.nombre=''Ryu''
    jugador.poder=10
    jugador.vida=99;
  3. const jugador={};
    jugador.nombre=''Ryu'';
    jugador.poder=10;
    jugador.vida=99
  4. const jugador={}
    jugador.nombre=''Ryu'';
    jugador.poder=10;
    jugador.vida=99;

Pregunta 20

Elige el segmento de código que muestra la manera correcta para concatenar una cadena a un objeto.

Opciones:

  1. console("Mi jugador favorito es " jugador); //"Mi jugador favorito es Ryu (4/6)"
  2. log("Mi jugador favorito es "+ jugador); //"Mi jugador favorito es Ryu (4/6)"
  3. consol.log("Mi jugador favorito es "+ jugador); //"Mi jugador favorito es Ryu (4/6)"
  4. console.log("Mi jugador favorito es "+ jugador); //"Mi jugador favorito es Ryu (4/6)"

Pregunta 21

¿Cuál es el objetivo principal al utilizar la programación orientada a objetos?

Opciones:

  1. Dividir a los programas para tener un mejor orden.
  2. Dividir a los programas de tal forma que cada desarrollador pueda hacer su parte.
  3. Dividir a los programas para tener una mejor organización en el proyecto.
  4. Dividir a los programas en piezas más pequeñas y lograr que cada una de estas sea responsable de gestionar su propio estado.

Pregunta 22

Selecciona qué representa la siguiente imagen:

Opciones:

  1. Elementos.
  2. Objetos.
  3. Métodos.
  4. Propiedades.

Pregunta 23

Selecciona el fragmento de código que declara un método.

Opciones:

  1. let persona = {};
    persona.hablar = function(linea) {
    console.log(`la persona dice '${linea}'`);
    };
  2. let persona = {};
    persona.hablar = function(linea) {
    console.log(`la persona dice '${linea}'`);
    };
    persona.hablar("Estoy vivo.");
    // → La persona dice 'Estoy vivo.'
  3. persona = {};
    persona.hablar = function(linea) {
    console.log(`la persona dice '${linea}'`);
    };
    persona.hablar("Estoy vivo.");
    // → La persona dice 'Estoy vivo.'
  4. let = {};
    persona.hablar = function(linea) {
    console.log(`la persona dice '${linea}'`);
    };
    persona.hablar("Estoy vivo.");
    // → La persona dice 'Estoy vivo.'

Pregunta 24

Elige cuál es la palabra clave que vincula al objeto con el método cuando este es invocado.

Opciones:

  1. This.
  2. Those.
  3. That.
  4. Which.

Pregunta 25

Identifica la opción que completa la siguiente frase:

Para instanciar una clase, debes crear un:

Opciones:

  1. Objeto vacío.
  2. Método que derive del prototipo adecuado.
  3. Método vacío.
  4. Objeto que derive del prototipo adecuado.

Pregunta 26

Selecciona la manera en que se puede afrontar un problema de programación.

Opciones:

  1. Lenguaje de programación.
  2. Tipo de programación.
  3. Lenguaje de programación.
  4. Paradigma de la programación.

Pregunta 27

Identifica el paradigma de la programación que se basa en dar instrucciones de cómo hacer las cosas (receta de cocina).

Opciones:

  1. Programación orientada a objetos.
  2. Programación declarativa.
  3. Programación imperativa o procedimental.
  4. Programación funcional.

Pregunta 28

Selecciona la opción que representa un ejemplo de programación funcional.

Opciones:

  1. JavaScript.
  2. HTML.
  3. C++
  4. C#

Pregunta 29

Las funciones de __________________ tienen las siguientes características:

• Se pueden asignar a variables.
• Se pueden pasar como parámetro de otras funciones (callbacks).
• Se pueden retornar desde otras funciones.

Opciones:

  1. Primera clase.
  2. Segunda clase.
  3. Tercera clase.
  4. Cuarta clase.

Pregunta 30

Elige la opción que muestra un ejemplo de funciones de orden superior.

Opciones:

  1. const tiempo = () => Date.now();
    tiempo();//1664171354245
    tiempo();//1664171354251
  2. const suma= (a,b)=> (a+b);
    suma(2,5);// =>7
    suma(2,5);// =>
  3. const sumar=(x,y) => console.log(x + y);
    setTimeout(()=>sumar(2,2),1000);
    sumar(4,4);
  4. const arreglo = [1, 2, 3];
    const mapeo = arreglo.map(function(elemento){
    return elemento + 1;
    }); // mapeo es [2, 3, 4]
    const reducido = arreglo.reduce(function(elem1, elem2){
    return elem1 + elem2;
    }); // reducido es 6
    const filtrado = arreglo.filter(function(elemento){
    return elemento !== 1;
    }); // filtrado is [2, 3]
    console.log(mapeo);
    console.log(reducido);
    console.log(filtrado);

Pregunta 31

La imagen anterior representa:

Opciones:

  1. El contenido de un HTML.
  2. La constitución de un HTML.
  3. El cuerpo HTML.

  4. Un API DOM.

Pregunta 32

Selecciona el fragmento de código que crea un nuevo objeto HTML usando API DOM.

Opciones:

  1. <p> Mi perro Rufo: </p>
    <p> <img id = "rufo" src = "img/rufo.png"> </p>
    <script>
    let perro = document.getElementById ("rufo");
    console.log (perro.src);
    </script>
  2. <p><a href="http://cdctecmilenio.mx">Lernit</a></p>
    <script>
    let enlace = document.body.getElementsByTagName("a")[0];
    console.log(enlace.href);
    </script>
  3. <html>
    <head>
    <script>
    // ejecuta la función cuando carga la página web
    window.onload = function () {
    // crea un par de elementos HTML en la página
    var cabecera = document.createElement(“h1”);
    var textoCabecera = document.createTextNode(“hola mundo”);
    cabecera.appendChild(textoCabecera);
    document.body.appendChild(cabecera);
    }
    </script>
    </head>
    <body>
    </body>
  4. <body onload="window.alert('Bienvenido!');">

Pregunta 33

Selecciona el fragmento de código que asigna atributos usando API DOM.

Opciones:

  1. <html>
    <head>
    <script>
    // ejecuta la función cuando carga la página web
    window.onload = function () {
    // crea un par de elementos HTML en la página
    var cabecera = document.createElement(“h1”);
    var textoCabecera = document.createTextNode(“hola mundo”);
    cabecera.appendChild(textoCabecera);
    document.body.appendChild(cabecera);
    }
    </script>
    </head>
    <body>
    </body>
  2. <p> Mi perro Rufo: </p>
    <p> <img id = "rufo" src = "img/rufo.png"> </p>
    <script>
    let perro = document.getElementById ("rufo");
    console.log (perro.src);
    </script>
  3. <p><a href="http://cdctecmilenio.mx">Lernit</a></p>
    <script>
    let enlace = document.body.getElementsByTagName("a")[0];
    console.log(enlace.href);
    </script>
  4. <body onload="window.alert('Bienvenido!');">

Pregunta 34

Elige el método que se utiliza para reemplazar un nodo hijo por otro.

Opciones:

  1. replaceChild.
  2. insertBefore.
  3. repChild.
  4. rChild.

Pregunta 35

Selecciona la opción que describe el resultado del siguiente código:

Opciones:

  1. Purple.
    Y en la consola:
    Texto lindo.
  2. En la consola:
    Purple.
  3. Texto lindo.
  4. Texto lindo.
    Y en la consola:
    Purple.

Pregunta 36

Selecciona cuál manejador de eventos se muestra en el siguiente fragmento de código:

<button onClick="alert('Hola!')">Saludar</button>

Opciones:

  1. Propiedades JavaScript.
  2. addEventListener().
  3. Propiedades JavaScript.
  4. Atributos HTML.

Pregunta 37

Selecciona el fragmento de código que crea un manejador de eventos.

Opciones:

  1. <button onClick="alert('Hola!')">Saludar</button>
  2. <button>Saludar</button>
    <script>
    const button = document.querySelector("button");
    const saludar = () => alert("Hola!");
    button.addEventListener("click", saludar);
    </script>
  3. <button>Saludar</button>
    <script>
    const button = document.querySelector("button");
    button.onclick = function() {
    alert("Hola!");
    }
    </script>
  4. <body onload="window.alert('Bienvenido!');">

Pregunta 38

Selecciona el evento que se produce cuando se pulsa el botón izquierdo del mouse sobre un elemento.

Opciones:

  1. Keydown.
  2. Clic.
  3. Load.
  4. Unload.

Pregunta 39

Elige el método que también se conoce como evento de mutación.

Opciones:

  1. Eventos DOM.
  2. Eventos HTML.
  3. Evento del teclado.
  4. Evento del mouse.

Pregunta 40

Selecciona la opción que muestra el resultado del siguiente código:

<button>Saludar</button>
<style>
.red { background: red }
</style>
<script>
const button = document.querySelector("button");
const saludar = () => alert("hola!");
const toggle = () => button.classList.toggle("red");
button.addEventListener("click", saludar); // Agregar listener
button.addEventListener("click", toggle); // Toggle red CSS
button.removeEventListener("click", saludar); // Remueve listener
</script>

Opciones:

  1. Se elimina el handler de saludar, de tal forma que al hacer clic ya no pase nada.
  2. Se elimina el handler de toggle, de tal forma que al hacer clic ya no pase nada.
  3. Se elimina el botón, de tal forma que al hacer clic ya no pase nada.
  4. Se elimina el handler de saludar, de tal forma que al hacer clic ya no salude.

La obra presentada es propiedad de ENSEÑANZA E INVESTIGACIÓN SUPERIOR A.C. (UNIVERSIDAD TECMILENIO), protegida por la Ley Federal de Derecho de Autor; la alteración o deformación de una obra, así como su reproducción, exhibición o ejecución pública sin el consentimiento de su autor y titular de los derechos correspondientes es constitutivo de un delito tipificado en la Ley Federal de Derechos de Autor, así como en las Leyes Internacionales de Derecho de Autor.

El uso de imágenes, fragmentos de videos, fragmentos de eventos culturales, programas y demás material que sea objeto de protección de los derechos de autor, es exclusivamente para fines educativos e informativos, y cualquier uso distinto como el lucro, reproducción, edición o modificación, será perseguido y sancionado por UNIVERSIDAD TECMILENIO.

Queda prohibido copiar, reproducir, distribuir, publicar, transmitir, difundir, o en cualquier modo explotar cualquier parte de esta obra sin la autorización previa por escrito de UNIVERSIDAD TECMILENIO. Sin embargo, usted podrá bajar material a su computadora personal para uso exclusivamente personal o educacional y no comercial limitado a una copia por página. No se podrá remover o alterar de la copia ninguna leyenda de Derechos de Autor o la que manifieste la autoría del material.