Desarrollo web con frameworks: Aprende Bootstrap y React

Question 1

¿Qué propiedad de Bootstrap permite crear diseños adaptables?

Accepted Answer

Sistema de cuadrícula

Answer

Biblioteca de componentes

Answer

Hojas de estilo personalizadas

Answer

Encuadernación de datos

Question 2

¿Cuál de las siguientes es una ventaja de emplear un framework como React?

Accepted Answer

Componentes reutilizables

Answer

Soporte técnico limitado

Answer

Restricciones de diseño

Answer

Curva de aprendizaje compleja

Question 3

¿Qué tipo de datos almacena React en un estado que puede cambiar?

Accepted Answer

Estado

Answer

Accesorios

Answer

Propiedades

Answer

Contexto

Question 4

¿Cuál es la función responsable de renderizar el componente en React?

Accepted Answer

render()

Answer

componentWillReceiveProps()

Answer

componentDidMount()

Question 5

¿Qué propiedad se utiliza para pasar datos de los componentes padre a los componentes hijo?

Accepted Answer

props

Answer

state

Answer

ref

Answer

context

Question 6

¿Qué método se utiliza para inicializar el estado del componente en React?

Accepted Answer

constructor()

Answer

componentDidMount()

Answer

render()

Answer

componentWillUnmount()

Question 7

¿Cuál de los siguientes es un patrón de diseño comúnmente utilizado en React?

Accepted Answer

Redux

Answer

MVC

Answer

MVVM

Answer

MVP

Question 8

¿Qué lenguaje de marcado se utiliza para definir la interfaz de usuario en React?

Accepted Answer

JSX

Answer

XML

Answer

HTML

Answer

JSON

Question 9

¿Qué característica NO proporciona Bootstrap?

Accepted Answer

Enrutamiento

Answer

Estilos predefinidos

Answer

Componentes reutilizables

Answer

Sistema de rejilla

Question 10

¿Qué tipo de componente de React se emplea para representar datos estáticos?

Accepted Answer

Componente funcional

Answer

Componente de estado

Answer

Componente de clase

Question 11

En React, ¿qué método permite modificar el estado de un componente?

Accepted Answer

setState()

Answer

modifyState()

Answer

changeState()

Answer

updateState()

Question 12

¿Cuál de las siguientes es una ventaja de utilizar frameworks en el desarrollo web?

Accepted Answer

Reducción del tiempo y esfuerzo invertido

Answer

Limitación de la creatividad

Answer

Dificultad incrementada en la depuración

Answer

Mayor probabilidad de errores

Question 13

En el diseño web adaptable, ¿qué principio debe considerarse?

Accepted Answer

Diseño flexible

Answer

Diseño exclusivo para dispositivos móviles

Answer

Diseño fijo

Question 14

¿Cuál es la sintaxis correcta para definir un componente funcional en React?

Accepted Answer

const MiComponente = (props) => { ... }

Answer

class MiComponente extends React.Component { ... }

Answer

function MiComponente(props) { ... }

Question 15

En Bootstrap, ¿qué clase permite crear una columna que ocupe la mitad del ancho de una fila?

Accepted Answer

col-md-6

Answer

span-md-6

Answer

row-md-6

Answer

container-md-6

Question 16

¿Cuál es la propiedad que define los datos que recibe un componente en React?

Accepted Answer

Props

Answer

Parámetros

Answer

Atributos

Answer

Argumentos

Question 17

En el desarrollo web con frameworks, ¿qué es una API?

Accepted Answer

Interfaz que facilita la interacción entre distintos sistemas

Answer

Aplicación para crear sitios web

Answer

Conjunto de estilos predefinidos

Question 18

¿Cuál es una buena práctica a seguir al utilizar React?

Accepted Answer

Diseñar componentes pequeños y reutilizables

Answer

Evitar el uso del renderizado condicional

Answer

Utilizar componentes de estado en lugar de funcionales

Answer

Emplear siempre la última versión de React

Question 19

¿El objetivo primordial de Bootstrap es proporcionar?

Accepted Answer

Estilos y componentes listos para usar para el desarrollo de interfaces de usuario web

Answer

Manejo de bases de datos relacionales

Answer

Funcionalidades de desarrollo de aplicaciones móviles avanzadas

Question 20

El estado en React se emplea principalmente para:

Accepted Answer

Administrar datos susceptibles de cambios dinámicos

Answer

Mejorar el rendimiento de la aplicación

Answer

Controlar el flujo de datos entre componentes

Answer

Almacenar información estática sobre la interfaz de usuario

Question 21

¿Qué ventaja conlleva el uso de frameworks web?

Accepted Answer

Reducción del tiempo de desarrollo

Answer

Disminución de la flexibilidad de las aplicaciones

Answer

Incremento de la complejidad del código

Answer

Mayor dificultad en el mantenimiento del código

Question 22

¿Para qué se utiliza la sintaxis JSX en React?

Accepted Answer

Creación de elementos de interfaz de usuario asignables a JavaScript

Answer

Escritura de código JavaScript puro

Answer

Definición de estilos CSS

Question 23

El sistema de cuadrícula de Bootstrap se basa en unidades llamadas:

Accepted Answer

Columnas

Answer

Filas

Answer

Bloques

Answer

Secciones

Question 24

¿Cuál es una función de los Hooks de React?

Accepted Answer

Permitir el uso del estado y funcionalidades adicionales sin necesidad de clases

Answer

Crear nuevos elementos de interfaz de usuario

Answer

Manejar la navegación de la aplicación

Question 25

En React, el término 'componente funcional' se refiere a:

Accepted Answer

Una función que devuelve un elemento de interfaz de usuario

Answer

Una clase que extiende una clase base de React

Answer

Un elemento HTML que se incorpora a la interfaz de usuario

Question 26

La biblioteca axios sirve para:

Accepted Answer

Realizar peticiones HTTP desde aplicaciones React

Answer

Analizar datos JSON

Answer

Gestionar la autenticación de usuarios

Answer

Validar formularios

Question 27

El método 'componentDidMount' en los componentes de clase de React se ejecuta:

Accepted Answer

Después de que el componente se haya montado en el DOM

Answer

Siempre que el componente se actualice

Answer

Antes de que el componente se monte en el DOM