NEW
Font size
WorksheetsDesafío de HTML, CSS, JS, React, NodeJS
Total questions: 25
Worksheet time: 25mins
¿Qué es HTML semántico y por qué es importante?
HTML semántico es una tendencia de diseño.
HTML semántico afecta la velocidad de carga de la página.
HTML semántico es irrelevante para los motores de búsqueda.
HTML semántico es importante porque mejora la accesibilidad, el SEO y la mantenibilidad del código.
Son selectores de CSS:
*, &::before, &::after
*, h1, .class
#, [], {}
.class, myName, #
¿Cómo se puede hacer un diseño responsivo con CSS?
Usar solo píxeles para definir tamaños de elementos.
Utilizar media queries, unidades relativas, flexbox y grid.
Utilizar media queries y unidades fijas para adaptar el diseño a diferentes dispositivos.
Utilizar media queries y la propiedad strech para adaptar el diseño a diferentes dispositivos.
Explica la diferencia entre 'media queries' y 'flexbox'.
Las 'media queries' son una técnica de programación en JavaScript y Flexbox una técnica de CSS.
'Flexbox' se usa para definir colores en los elementos y 'media queries' para hacer diseño adaptativo.
Las 'media queries' se utilizan para crear animaciones en la página y 'flexbox' para adaptar el diseño repsonsivo
Las 'media queries' se utilizan para adaptar estilos a diferentes dispositivos y 'flexbox' se utiliza para organizar y alinear elementos dentro de un contenedor.
¿Cuántos h1 puede haber en un documento HTML?
Sólo uno porque si no, no compila el código
Hasta 6, son recomendables como máximo.
Es recomendable uno, pero se puede colocar uno por sección.
Máximo dos por documento.
Bucles de JavaScript:
map, filter, reduce, foreach
while, do while, for, for of, for in
map, filter, reduce, for, for of
while, do while, filter, reduce, map
La desestructuración de objetos tiene la siguiente característica:
Se debe desestructurar sólo una propiedad por cada variable.
Se debe desestructurar en orden, pero el nombre de la propiedad puede cambiar.
Se deben desestructurar todas las propiedades del objeto para que funcione.
Se puede desestructurar en desorden, pero el nombre de la propiedad debe ser igual.
¿A qué hacen referencia las siglas CRUD?
Create, Redux, Update, Dispatch
Create, Render, Upstream, Delete
Create, Root, Upstream, Delete
Create, Read, Update, Delete
¿Cómo integro JavaScript a mi documento HTML?
Con la etiqueta <javascript> en el <head>
Con la etiqueta <modules> en el <head>
Con la etiqueta <script> en el <head>
Con la etiqueta <javascript> en el <header>
¿Qué es el estado en React y cómo se utiliza?
El estado en React es una función que se ejecuta al inicio.
El estado en React es un estilo CSS aplicado a los componentes.
El estado en React es un objeto que almacena datos que pueden cambiar en un componente.
El estado en React es un componente que no puede cambiar.
¿Cómo se puede actualizar el estado en un componente de React?
El estado se actualiza automáticamente sin necesidad de métodos.
Se utiliza 'updateState' en componentes funcionales.
Se utiliza 'useState' en componentes funcionales.
Se puede usar 'changeState' en componentes funcionales.
¿Cuál es la principal ventaja de usar React?
Mayor consumo de memoria
Virtual DOM para mejorar rendimiento
Es compatible solo con móviles
Usa jQuery para manipular el DOM
¿Qué es el 'virtual DOM' en React y cómo mejora el rendimiento?
El 'virtual DOM' en React es una representación en memoria del DOM que optimiza las actualizaciones, mejorando el rendimiento al minimizar las manipulaciones del DOM real.
El 'virtual DOM' es una técnica de diseño gráfico en React, sirve para manipular directamente el DOM del usuario.
El 'virtual DOM' se utiliza para almacenar imágenes en caché, trabajar el localstorage y manipular la interface del usuario.
El 'virtual DOM' es un componente de estilo que mejora la apariencia de la aplicación. Ese componente ayuda a renderizar una interface virtual para no modificar el DOM real del usuario.
¿Qué hace el hook useEffect en React?
Se usa para definir estados
Modifica el diseño del HTML
Ejecuta efectos secundarios en el componente
Cambia directamente el estado de Redux
¿Cómo se puede aplicar CSS en un componente de React?
Se puede aplicar CSS en un componente de React mediante archivos CSS, estilos en línea, CSS Modules o bibliotecas de estilos.
No se puede aplicar CSS en componentes de React. A menos que se haga directamente en el componente.
CSS solo se puede aplicar a nivel global en React. Y debes utilizar la librería Style Components.
Solo se puede aplicar CSS mediante JavaScript puro. Por lo que debes consumir una API para estilar correctamente.
¿Qué es el 'hook useState' y cómo se utiliza?
El 'hook useState' es un método para realizar peticiones HTTP en React.
El 'hook useState' se utiliza solo en componentes de clase.
El 'hook useState' es una función de React que permite gestionar el estado en componentes funcionales.
El 'hook useState' es una función de jQuery para manejar eventos.
¿Cuál de estos no es un hook en React?
useEffect
useState
useMethod
useRef
¿Qué son los 'hooks' en React y para qué se utilizan?
Los 'hooks' son funciones que permiten a los componentes de clase gestionar el estado.
Los 'hooks' son funciones que permiten a los componentes funcionales utilizar estado y otras características de React.
Los 'hooks' son métodos de ciclo de vida en componentes de clase.
Los 'hooks' son herramientas para optimizar el rendimiento de la aplicación.
¿Qué son los 'props' en React y cómo se utilizan?
Los 'props' son propiedades que se pasan a los componentes para personalizar su comportamiento.
Los 'props' son un tipo de estado interno de los componentes.
Los 'props' son funciones que se utilizan para renderizar componentes.
Los 'props' son solo variables globales en React.
¿Qué ventaja tiene useReducer sobre useState en React?
Es igual a useState, pero con diferente sintaxis
Es más rápido que useState
Se usa solo en componentes de clase
Permite manejar estados complejos
¿Cuál es la función principal de Express.js en Node.js?
Manejar la estructura de archivos
Crear servidores y manejar rutas HTTP
Permitir la ejecución de consultas SQL
Convertir código JavaScript en binario
¿Cómo se instala un paquete con npm?
npm add paquete
node install paquete
install npm paquete
npm install paquete
¿Qué permite el módulo http en Node.js?
Crear servidores web
Conectar con bases de datos
Crear archivos CSS
Manipular el DOM
¿Cómo se ejecuta un archivo en Node.js?
start archivo.js
run archivo.js
node archivo.js
execute archivo.js
¿Cómo se manejan promesas en Node.js?
Usando sync/await
Solo con try/catch
Con .then() y .catch()
No se pueden manejar promesas en Node.js
