Reactivos

Pregunta 1

Explica para qué sirve la herramienta npm en JavaScript.

@ Revisa la explicación del tema 1.

Opciones:

1. Para llamados asíncronos.
2. Para realizar llamados a servicios web.
3. Para agregar eventos a objetos en tiempo de programación.
4. Para instalar y actualizar dependencias en proyectos.

---

Pregunta 2

Explica para qué sirve la instrucción “npm init”.

@ Revisa la explicación del tema 1.

Opciones:

1. Crea el archivo packaje.json, el cual contiene información importante del proyecto.
2. Instala nuevos paquetes en ambiente local.
3. Permite conocer la versión del npm.
4. Para actualizar sus paquetes y dependencias a versiones nuevas de lo ya instalado.

---

Pregunta 3

Resuelve qué utilizarías entre npm o Yarn para la instalación de paquetería en tu entorno de desarrollo cuando los aspectos de seguridad y velocidad son prioridad que cuidar en tu empresa.

@ Revisa la explicación del tema 1.

Opciones:

1. Npm
2. Cualquiera de los 2 es igual de confiable.
3. Yarn
4. La seguridad no es un aspecto de un gestionador de paquetes.

---

Pregunta 4

Identifica la alternativa de gestionador de paquetes npm para usarse en ambientes de desarrollo JavaScript

@ Revisa la explicación del tema 1.

Opciones:

1. Visual Studio Code
2. Yarn
3. Explorador web

4. No hay alternativa.

---

Pregunta 5

Detalla una alternativa eficiente para un proyecto de JavaScript que usa varios archivos y que crea un entregable a producción lo más ligero posible.

@ Revisa la explicación del tema 1.

Opciones:

1. Uso de Webpack para crear la versión a producción.
2. Reunir todos los archivos del proyecto en uno solo.
3. No hay opción de simplificar el proyecto a producción.
4. Cambiar de lenguaje de desarrollo a uno más moderno.

---

Pregunta 6

Resume el tipo de programación común en JavaScript que implica iniciar una tarea de larga duración y seguir respondiendo a otros eventos mientras la tarea anterior se ejecuta.

@ Revisa la explicación del tema 2.

Opciones:

1. Programación síncrona
2. Programación asíncrona
3. Programación funcional
4. Programación dinámica

---

Pregunta 7

Describe qué es un callback en JavaScript.

@ Revisa la explicación del tema 2.

Opciones:

1. Función que se pasa a otra función como un parámetro y luego se invoca dentro de la función externa.
2. Objeto que representa la realización o el fracaso de una operación asíncrona.
3. API que proporciona una interfaz para manipular partes de llamados HTTP.
4. Función sin nombre que ejecuta un código.

---

Pregunta 8

Elige el objeto que es el resultado de una operación asíncrona y se configura con dos llamadas para informar el éxito o el fallo de esta.

@ Revisa la explicación del tema 2.

Opciones:

1. XMLHttpRequest
2. Callback
3. Promise
4. async/await

---

Pregunta 9

Identifica la función que requiere la promesa para entregar un resultado.

@ Revisa la explicación del tema 2.

Opciones:

1. Reject
2. Catch
3. Resolve
4. Then

---

Pregunta 10

Recuerda las palabras reservadas con las que se puede convertir una función síncrona en asíncrona.

@ Revisa la explicación del tema 2.

Opciones:

1. Async/await
2. Try/catch
3. Get/Post
4. Open/Send

---

Pregunta 11

Menciona el tipo de dato en JavaScript que se puede utilizar para crear propiedades de objetos privadas de forma única.

@ Revisa la explicación del tema 3.

Opciones:

1. Number
2. Symbol
3. String
4. Object

---

Pregunta 12

Menciona qué es el tipo set en JavaScript.

@ Revisa la explicación del tema 3.

Opciones:

1. Es un objeto que representa un conjunto de valores conocidos como claves, donde cada clave tiene otro valor asociado.
2. Es una función sin nombre que ejecuta un bloque de código.
3. Es una colección de valores, donde no están ordenados ni indexados. La principal característica de este tipo es que no permite duplicados.
4. Es un objeto que implementa el protocolo de iteración a través del método next().

---

Pregunta 13

Selecciona qué tipo de objeto, característico de ES6, permite que las matrices, cadenas, objetos set y map puedan ser recorridos y su contenido pueda iterar con el bucle for/of.

@ Revisa la explicación del tema 3.

Opciones:

1. Symbol
2. addEventListener
3. this
4. Objetos iterables

---

Pregunta 14

Explica que es un objeto proxy en JavaScript.

@ Revisa la explicación del tema 3.

Opciones:

1. Este objeto es una colección de valores de manera única desordenada.
2. Objeto con colección de otros elementos donde cada uno contiene un par de valores: una clave y un valor en sí.
3. Permite asignar nombres de propiedades en tiempo de ejecución con el valor de una función o variable.
4. Este tipo de objeto permite crear un intermediario para otro objeto, el cual puede interceptar y redefinir operaciones fundamentales para dicho objeto.

---

Pregunta 15

Explica qué es una propiedad dinámica.

@ Revisa la explicación del tema 3.

Opciones:

1. Es la que se establece con var en lugar de let.
2. Es aquella que permite una función con el signo de = y > sin necesidad de nombre.
3. Propiedad de un objeto cuyo nombre no es una constante en tiempo de compilación, sino que proviene de una variable o es el valor de retorno de una función.
4. Es la que se establece dentro de llaves ({}) como parte de un objeto.

---

Pregunta 16

Resume la principal diferencia entre las palabras reservadas let y var en JavaScript.

@ Revisa la explicación del tema 4.

Opciones:

1. No hay diferencia entre ellas.
2. Let se usa para declarar variables limitando su alcance (scope) al bloque donde se está usando; var define una variable sin importar el ámbito del bloque.
3. Var es la manera más actual de declarar variables en lugar de let.
4. Con let, a diferencia de var, el alcance no es una limitante en la declaración de variables.

---

Pregunta 17

Explica qué es la palabra reservada this.

@ Revisa la explicación del tema 4.

Opciones:

1. Hace referencia o representa a un objeto que se llamará dentro de un bloque de código, como es el caso, por mencionar un ejemplo, de una función.
2. Este sólo se usa en lenguajes orientados a objeto, no en JavaScript.
3. This se utiliza para retornar un valor como resultado del llamado de una función.
4. This sirve para declarar una clase.

---

Pregunta 18

Identifica qué métodos se utilizarían para las ocasiones en que se quiere forzar a una función a usar un objeto como contexto sin tener una referencia de función de propiedad en el objeto.

@ Revisa la explicación del tema 4.

Opciones:

1. join() y sort()
2. indexOf() y split()
3. call(), apply() y bind()
4. stringyfy() y json()

---

Pregunta 19

Reconoce qué significa scope en javascript.

@ Revisa la explicación del tema 4.

Opciones:

1. Es el alcance que una variable tiene dentro del código y decide a qué variables se tiene acceso en cada parte del código, normalmente delimitado por llaves ({}).
2. Sintaxis o forma de escritura que nos permite extraer valores de un arreglo o propiedades de un objeto en secciones más pequeñas.
3. Es crear un nuevo objeto basado en una clase particular.
4. Es una técnica que permite a un programa iniciar una tarea de larga duración y seguir respondiendo a otros eventos mientras esa tarea se ejecuta.

---

Pregunta 20

Selecciona la palabra reservada para crear un objeto nuevo, al cual la referencia this se vincula.

@ Revisa la explicación del tema 4.

Opciones:

1. aync
2. function
3. switch
4. new

---

Pregunta 21

Explica qué significa AJAX.

@ Revisa la explicación del tema 5.

Opciones:

1. Es la herramienta que sirve para la instalación de paquetería.
2. Técnicas de desarrollo web que permiten que las aplicaciones web funcionen de forma asíncrona, procesando cualquier solicitud al servidor en segundo plano.
3. Nombre de una librería o framework de JavaScript.
4. Es una técnica para realizar llamado sólo con XML y especialmente de manera sincrónica.

---

Pregunta 22

Describe qué es el objeto XMLHttpRequest.

@ Revisa la explicación del tema 5.

Opciones:

1. Etiqueta que permite crear código JavaScript en una página web.
2. Es el modelo que sirve de interfaz de programación para los documentos HTML y XML.
3. Es un objeto nativo del navegador web para realizar solicitudes HTTP desde código de JavaScript, principalmente asíncronas.
4. El objeto XMLHttpRequest no existe en JavaScript.

---

Pregunta 23

Describe qué es el API fetch.

@ Revisa la explicación del tema 5.

Opciones:

1. API cuya interfaz permite realizar peticiones HTTP a servidores web de una manera eficaz, con un consumo de recursos mínimos y más potente.
2. API que permite un método incorporado para temporizar la ejecución de una determinada función.
3. API que permite llamados asíncronos, pero únicamente para servicios web restful.
4. Es una API exactamente igual al objeto XMLHttpRequest.

---

Pregunta 24

Miembro de la API fetch que permite atrapar errores durante su ejecución.

@ Revisa la explicación del tema 5.

Opciones:

1. Then
2. Catch
3. Stringify
4. Foreach

---

Pregunta 25

Describe la principal diferencia en el funcionamiento entre el objeto XMLHttpRequest y el API fetch.

@ Revisa la explicación del tema 5.

Opciones:

1. No existe diferencia en su funcionamiento.
2. La única diferencia es su sintaxis.
3. Son elementos totalmente distintos en los resultados que proporcionan, así que no se pueden comparar.
4. XMLHttpRequest es un tipo basado en un callback, mientras que fetch está basado en una promesa (promise) e integra conceptos avanzados de HTTP.

---

Pregunta 26

Explica qué es una API.

@ Revisa la explicación del tema 6.

Opciones:

1. Es un lenguaje de programación para el desarrollo de nuevas funcionalidades a detalle.
2. Es un llamado a un código intermediario que traduce peticiones para integrar nuevas funcionalidades a un software existente.
3. Es el nombre a una funcionalidad interna parte del software desarrollado.
4. API es una manera de hacer llamados asíncronos.

---

Pregunta 27

Selecciona el ejemplo de formato json:

@ Revisa la explicación del tema 6.

Opciones:

1. 01100001 01100010 01100011


2. <Catalogo>
   <Libro id="101">
   <Autor>Autor1</Author>
   <Titulo>Desarrollo Software</Title>
   </Libro>
   <Libro id="102">
   <Autor>Autor2</Author>
   <Titulo>Programacion Avanzada</Title>
   </Libro>
   </Catalogo>


3. Dato1,Valor1, Dato2, Valor2


4. {
   "llave1": "valor1",
   "llave2": "valor2",
   "llave3": "valor3",
   "llave4": 4,
   }

---

Pregunta 28

Explica para que sirve la función JSON.parse().

@ Revisa la explicación del tema 6.

Opciones:

1. Permite tomar una cadena de caracteres que tenga la estructura JSON para convertirla en un objeto.
2. Convierte un objeto JSON JavaScript a un string JSON.
3. Realiza un llamado asíncrono a un recurso web.
4. Realiza llamados HTTP get..

---

Pregunta 29

Describe qué es un servicio REST en el entorno del desarrollo web.

@ Revisa la explicación del tema 6.

Opciones:

1. Cualquier servicio web que dé un resultado.
2. Son servicios web para ser llamados asíncronamente.
3. Es una interfaz para conectar sistemas basados en el protocolo HTTP.
4. Son servicios para ser consumidos exclusivamente con JavaScript mediante el objeto XMLHttpRequest o el API fetch.

---

Pregunta 30

Selecciona la opción que contenga sólo verbos HTTP:

@ Revisa la explicación del tema 6.

Opciones:

1. Get, fetch, post, ajax
2. Get, post, put, delete
3. Resolve, reject, then, catch
4. Get, then, put, delete

---

Pregunta 31

Elige la acción que se realiza mediante herramientas que permiten reescribir código en una estructura que pueda ser reconocida por diferentes plataformas web.

@ Revisa la explicación del tema 7.

Opciones:

1. Depuración
2. Codificación
3. Instalación de paquetería
4. Transpilación

---

Pregunta 32

Explica qué es en programación la herramienta Babel.

@ Revisa la explicación del tema 7.

Opciones:

1. Herramienta “transpiladora” que funciona como traductor. Se considera una “herramienta en
   cadena” que permite trasladar sintaxis de código fuente de las versiones de JavaScript más recientes para que se utilicen en ambientes web de versiones anteriores.
2. Herramienta para mostrar código en un explorador web, de forma que, al modificarlo, refleja sus resultados en el explorador de manera automática.
3. Entorno de desarrollo integral para creación de software.
4. Herramienta para el uso de verbos HTTP.

---

Pregunta 33

Explica para qué sirve un polyfill.

@ Revisa la explicación del tema 7.

Opciones:

1. Es crear pruebas que validen porciones particulares de código.
2. Se utiliza para describir un extracto de código JavaScript que permite que los navegadores antiguos acepten una funcionalidad moderna de manera
   nativa.
3. Es la manera de llamar en paralelo una tarea para que otras sigan operando.
4. Es la forma de escribir variables o nombres de funciones donde todas sus letras son minúsculas, con excepción de la primera letra de cada palabra que forma dicho nombre.

---

Pregunta 34

Selecciona la opción donde podemos verificar si una función de JavaScript es soportada por un explorador web específico.

@ Revisa la explicación del tema 7.

Opciones:

1. babeljs.io
2. nodejs.org
3. caniuse.com
4. javascript.com

---

Pregunta 35

Decide qué alternativa es la mejor si tienes que dar una presentación de tu aplicativo y descubres que donde lo demostrarás (un equipo de cómputo en oficinas de tu cliente) no tienen un explorador web actualizado para cierta función avanzada en JavaScript dentro de tu código.

@ Revisa la explicación del tema 7.

Opciones:

1. Utilizaría herramientas de transpilación y polyfills para la conversión y manejo de código nuevo en exploradores no actualizados.
2. Suspendería la demostración hasta desarrollar manualmente el código para que se adapte al explorador web del cliente.
3. Expresaría que el cliente tiene que actualizar sus exploradores web de su compañía.
4. Ejecutaría mi código sabiendo que fallará explicando que la razón del fallo es usar un explorador web antiguo.

---

Pregunta 36

Selecciona el tipo de prueba que frecuentemente se realiza para comprobar secciones o bloques de código JavaScript.

@ Revisa la explicación del tema 8.

Opciones:

1. Pruebas de integración
2. Pruebas unitarias
3. Pruebas UAT
4. Pruebas beta.

---

Pregunta 37

Describe qué es Jest.

@ Revisa la explicación del tema 8.

Opciones:

1. Traductor de código moderno para navegadores web no actualizados
2. Es la instrucción para crear un nuevo objeto promesa.
3. Es un framework de JavaScript de código abierto diseñado para simplificar y agilizar el proceso de escritura y ejecución de pruebas.
4. Permite crear un llamado asíncrono y obtener su resultado con las funciones then().

---

Pregunta 38

Explica, para el uso de Jest en pruebas unitarias en Javascript, ¿qué es un matcher?

@ Revisa la explicación del tema 8.

Opciones:

1. Permite hacer una pregunta de un “sí” lógico.
2. Se usa en conjunto con una o varias sentencias case para evaluar un resultado y determinar la acción que procede.
3. Es una instrucción necesaria para instalar el paquete de Jest.l.
4. Funciones para comparar los resultados del código con los valores esperados.

---

Pregunta 39

Selecciona el matcher para valor tipo string.

@ Revisa la explicación del tema 8.

Opciones:

1. toBeGreaterThanOrEqual(valor)
2. toBeLessThanOrEqual(valor)
3. toBeLessThan(valor)
4. not.toMatch(valor)

---

Pregunta 40

¿Qué produce el parámetro coverage en la siguiente instrucción en el package.json?
"scripts": {
"test": "jest --coverage"
},

@ Revisa la explicación del tema 8.

Opciones:

1. No pasa nada.
2. Se realiza la prueba rápidamente.
3. Se genera evidencia en formato html justo después de ejecutar la prueba.
4. Genera evidencia de la prueba en formato XML

---