¿Qué utilizan como referencia los elementos posicionados como "fixed"? La ventana del navegador La posición original de dicho elemento z-index Su primer ancestro posicionado como relativo.
¿A qué elemento(s) afecta el siguiente selector? div .div a todo elemento con la clase "div" que se encuentre dentro de un elemento de tipo div a todos los elementos div con la clase "div" a todos los elementos div que se encuentren dentro de otro elemento div a todos los elementos div que se encuentren dentro de un elemento con la clase "div".
En JS, para convertir un string con formato JSON en un objeto o array de objetos usamos: JSON.parse jsonDecode readJSON.
¿Qué valor de la propiedad position nos permite posicionar un elemento con respecto a la ventana del navegador? absolute fixed viewport static.
Dado el siguiente código: <span style="display: block">Hola, soy el duende de javascript</span> El elemento span ocupa el 100% del ancho de su elemento contenedor. El elemento span ocupa lo que ocupa el texto. No funciona porque span es un elemento de tipo inline. Funciona sólamente si el elemento span es hijo de un elemento div.
¿Cuál es el resultado de la siguiente operación? 3 + "8" + 8 "388" "19" "118".
Para centrar los elementos en el cross axis de flex utilizamos: center-flex justify-content align-items align-content.
¿A qué elemento(s) afecta el siguiente selector? .div a todos los elementos "div" a todos los elementos "div" que tengan la clase "div" a todos los elementos con la clase "div".
¿Qué hace flex-direction en flex? Determina la alineación en el eje contrario (cross-axis) Determina la dirección del eje principal (main axis) Determina la alineación o distribución de los elementos en el eje principal (main-axis) Determina la alineación y distribución el eje contrario (cross-axis).
¿Cuál es el resultado de la siguiente operación? 3 + 8 + "8"
19 "388" "118".
Para seleccionar los elementos con la clase "prueba" utilizamos: prueba .prueba {.prueba}.
¿Qué utilizan como referencia los elementos posicionados como "relative"? Su primer ancestro posicionado como relativo La posición original de dicho elemento La ventana del navegador z-index.
Para crear un elemento de tipo: p, desde JS usamos:
document.createElement(p) document.setParagraph() document.createElement("p").
Para rotar un elemento 15 grados hacia la izquierda utilizamos: rotate: 15deg transform: rotate(-15deg) transform: rotate(-15).
¿Qué función tiene el atributo "src"? Permite establecer la ruta de un fichero .svg dentro de una etiqueta <img>. Permite establecer la ruta de un fichero externo .js dentro de una etiqueta <script>. Todas las otras respuestas son correctas. Permite establecer la ruta de un fichero .jpg dentro de una etiqueta <img>.
¿Qué propiedad determina el espacio entre elementos? outer-spacing margin inner-spacing padding.
¿A qué elemento(s) afecta el siguiente selector? p.p a todos los párrafos a todos los elementos con la clase "p" a los párrafos con la clase "p" a los elementos con la clase "p" que se encuentren dentro de un párrafo.
¿Qué hace justify-content en flex? Determina la alineación en el eje contrario (cross-axis) Determina la dirección del eje principal (main axis) Determina la alineación o distribución de los elementos en el eje principal (main-axis) Determina la alineación y distribución el eje contrario (cross-axis).
¿Qué propiedad nos permite crear un degradado lineal como fondo? background-gradient background-image lin-gradient gradient.
¿Cuál es el resultado de la siguiente operación? "3" + 8 + 8 "19" "388" 118.
El orden correcto de la propiedad border es:
width style color color radius style width radius style color width color width style.
¿A qué elemento(s) afecta el siguiente selector? p .p a los elementos con la clase "p" que se encuentren dentro de un párrafo a todos los párrafos a todos los elementos con la clase "p" a los párrafos con la clase "p".
¿Qué atributo utilizamos para que una celda de una tabla ocupe más de una fila? rows num-rows rowspan.
La forma por defecto de radial-gradient es: auto circle ellipse.
¿Qué hace align-content en flex? Determina la alineación en el eje contrario (cross-axis) Determina la alineación o distribución de los elementos en el eje principal (main-axis) Determina la alineación y distribución el eje contrario (cross-axis) Determina la alineación y distribución el eje contrario (cross-axis), si flex-wrap: wrap.
¿Cuáles son los valores posibles para flex-direction? row,column,reverse row,column row,row-reverse,column,column-reverse.
Asumiendo que flex-direction tiene como valor "row", ¿Cómo alineamos a la derecha? align-content: flex-end justify-content: flex-end justify-content: right flex-align: right.
Las siguientes palabras clave permiten crear variables en JS let, var let, var, const let, variable var, lets, const.
En JS, para convertir un objeto o array de objetos en un string con formato JSON usamos: jsonEncode writeJSON JSON.stringify.
¿Qué hace la propiedad flex-grow:1 en todos los hijos de un contenedor con display: flex? Establece que los hijos no se expandan y se ajusten al contenido. Establece que los hijos que excedan el tamaño del contenedor no se muestren. Establece que los hijos se expandan hasta que ocupen el 100% del contenedor. No funciona si los hijos no tienen la propiedad display: flex;.
Una de las siguientes afirmaciones es incorrecta, ¿cuál? padding: 8% width: calc(100%-20px) width: calc(100% - 20px) transform: rotate(20deg) translate(10px).
¿Qué utilizan como referencia los elementos posicionados como "absolute"? La posición original de dicho elemento La ventana del navegador z-index Su primer ancestro posicionado como relativo.
¿Qué atributo utilizamos para que una celda de una tabla ocupe más de una columna? cols num-columns colspan.
¿Qué propiedad determina el espacio desde el borde hacia adentro en un elemento? margin outer-spacing inner-spacing padding.
¿Qué valor de la propiedad position nos permite posicionar un elemento con respecto a su primer ancestro relativo? absolute fixed relative static.
¿Qué valor de la propiedad position NO permite usar la propiedad z-index? absolute relative fixed static.
¿Qué propiedad permite definir el espacio entre columnas en un grid? grid-spacing column-gap border-spacing padding.
Queremos cambiar el color de fondo de un elemento a "blue"; ¿Cuál de las siguientes NO funcionará? elemento.style.backgroundColor = "blue" elemento.backgroundColor = "blue" elemento.setAttribute("style","background-color:blue;").
Una de las siguientes es correcta: border: 3px doubled red border: 3px sold red border: 3px dots red border: 3px double red.
Para añadir la clase "margen" a un elemento usamos: elemento.addClass("margen") elemento.classList.add("margen") elemento.class("margen") elemento.classList.add(".margen").
¿Qué propiedad determina las dimensiones de una imagen de fondo? full-width bg-size background-sizing background-size.
Son propiedades válidas para el fondo de un elemento background-flirt, background-first background-image, background-attachment, background-repeat background-position, background-to-fixed background-repeat, linear-back.
Para eliminar la clase "margen" a un elemento usamos: elemento.classList.remove("margen") elemento.class("margen",false) elemento.removeClass("margen") elemento.classList.remove(".margen").
El valor por defecto de align-items en flex es: flex-start auto center stretch.
Las siguientes unidades, son válidas en CSS: %, p, div vw, vh, % vh, pp, pix px, dec, %.
El valor por defecto de justify-content en flex es: self stretch left flex-start.
Para crear un elemento de tipo: div, desde JS usamos: document.createDiv() document.createElement("div") document.createElement(div).
¿Cuál de estas etiquetas es válida? heading seccion articles header.
¿Qué propiedad permite definir el espacio entre filas en un grid? grid-spacing border-spacing row-gap padding.
¿Qué hace align-items en flex? Determina la alineación en el eje contrario (cross-axis) Determina la alineación y distribución el eje contrario (cross-axis) Determina la alineación o distribución de los elementos en el eje contrario (main-axis) Determina la alineación del eje principal (main axis).
Si tengo un String con formato JSON y quiero convertirlo a un objeto Javascript, ¿Qué debo usar? JSON.convert JSON.newParse JSON.stringify JSON.newStringify JSON.parse.
¿Cómo podemos rotar una etiqueta usando una propiedad estándar? rotate: 15deg transform: rotate(15deg) transform: rotate 15deg transform: rotate(15%) rotate: 15%.
¿Cuál es el orden de los valores en la propiedad shorthand padding: 10px ? top, right , bottom , left top, right+left , bottom top+bottom, right+left top+left, right+bottom Todas: top + right + bottom + left.
¿Qué etiqueta link está bien escrita? <link rel="stylesheet" href="/assets de mi web/styles.css"> <link rel="stylesheet" href="/assets%20de%20mi%20%20/styles.css"> <link rel="stylesheet" href="/assets|de|mi|web/styles.css"> <link rel="css" href="assets de mi webstyles.css">.
Como norma general, ¿es un NaN un valor Truthy o Falsy en un contexto booleano como por ejemplo un if? Truthy Falsy.
¿Cuál es la función principal del atributo "target" en un enlace <a>? Permite establecer el tamaño de destino del enlace Define la dirección URL de destino del enlace Especifica si el enlace se abre en otra pestaña o ventana Controla el estilo visual del enlace.
¿Qué propiedad usamos para sólo dar color de fondo a una etiqueta? background-color background background-colour bg-color.
¿Cuáles son los mejores ejemplos de etiquetas vacías (que no permiten añadir contenido entre su cierre y apertura)? <div> , <br> , <img> <video> , <i> , <hr> <video> , <meta> , <hr> <meta> , <img> , <br>.
¿Qué valor tendrá la constante valor? const valor = [1,2,3,4].forEach( x => x + 1 ) undefined [1,2,3,4] [NaN,NaN,NaN,NaN] [2,3,4,5].
¿Cuándo se añade el atributo loading="lazy" a nivel técnico? Cuando quiero una imagen no cargue de forma "vaga" al hacer scroll Cuando quiero que una imagen no se cargue si no aparece en la pantalla Cuando quiero que una imagen no se vea Cuando quiero que una imagen aparezca cuando hago scroll.
A falta de configuración del objeto options, ¿Qué método usa por defecto fetch? Get Post Put Delete.
¿Qué propiedad usamos para separar etiquetas item dentro de una <contenedora /> con display grid? margin gap space-between grid-gap.
¿Cuál NO es un atributo válido para un <textarea>? required placeholder readonly max.
La propiedad z-index funciona en elementos posicionados de manera fija Falso Verdadero.
¿Qué propiedad CSS se utiliza para especificar si el texto debe mostrarse en negrita o no? font-weight font-style font-size Ninguna de las anteriores text-size.
¿Cuál de las siguientes etiquetas se utiliza para resaltar un texto en negrita sin semántica en HTML? <b> <bold> <strong> <em>.
¿Para qué se utiliza la propiedad CSS object-fit al aplicarlo a etiqueta imagen o video? Para hacer que una <img/> o un <video> ocupe el 100% del contenedor Para modificar el tamaño de una imagen o un vídeo dentro de una <img> o una etiqueta <video> Para hacer que ocupe toda la </> Ninguna de las anteriores.
¿Qué es un ol > li? Es una lista desordenada Es una lista de definciones Es una lista la compra Es una lista ordenada.
¿Cómo se define un Callback en JavaScript? Una función que es el argumento del argumento de otra función Una función que es el parámetro del argumento de otra función Una función que es parámetro del argumento de una función externa y ejecutamos fuera Una función que ejecutamos dentro de otra Una función que es el argumento del parámetro de una función externa y ejecutamos dentro esa función externa.
¿Qué metodología es esta? Ninguna BEM SUITCSS SCSS.
¿Para qué sirve el atributo alt en una imagen? Muestra de forma alterna la url de otra imagen cuando la primera no se carga Ninguna de las anteriores Especifica un texto alternativo para una imagen que no puede mostrarse Es un texto informativo sobre la imagen que no es visible para el usuario Escribe un texto encima de la imagen para indicar su título.
¿Cuándo se pone un position absolute en una etiqueta? Cuando está dentro de una <etiqueta/> contenedora que es 'relative' Cuando quiero centrarla a los bordes de la <contenedora/> o superponerla a las adyancentes Cuando quiero superponerla a sus <contenedoras/> y fijarla en la ventana Ninguna de las anteriores.
¿Qué atributo me permite hacer que una etiqueta option dentro de un select esté seleccionada por defecto? autofocus selected disabled Ninguna de las anteriores require.
¿Para qué sirve la etiqueta <base> que va dentro del <head> de una página web? Se utiliza para integrar contenido multimedia como imágenes o vídeos de manera base en una página web Sirve para definir el estilo base que todas las demás etiquetas HTML heredarán Se utiliza para especificar una URL para todos los href o src de una web Se utiliza para establecer el lenguaje principal de la página web.
¿Qué devuelve el método .json() de un Response? Devuelve un await Devuelve una promesa Devuelve un request (req) Devuelve respuesta (res) No tiene ese método.
La propiedad bottom no funciona en elementos posicionados de manera absoluta Verdadero Falso.
¿Cuál es la etiqueta ideal para aceptar los términos y condiciones? input[type=text] input[type=checkbox] textarea input[type=number] Ninguna de las anteriores input[type=email] select + option.
¿Entre qué etiquetas debe añadirse la meta-información como links, scripts de una web? <body></body> <head></head> Ninguna de las anteriores <main></main> <html></html>.
Suponiendo que no uso Javascript.¿Cuáles son siempre los atributos obligatorios de un <form/> que no tiene input[type="file"]? action , method action, enctype action, required action, enctype, method <html></html>.
¿Qué display tiene por defecto una etiqueta <img>? block Ninguna de las anteriores inline-block inline.
¿Qué flujo (flow) tiene una etiqueta con position:static? Normal (Normal flow) Impuesto (Removed flow).
La propiedad top no funciona en elementos posicionados de manera sticky Verdadero Falso.
¿Cómo se escribe un comentario en CSS? //Esto es un comentario <! Esto es un comentario -> /* Esto es un comentario */ <!-- Esto es un comentario -->.
¿Cuál es la función principal del atributo "placeholder" en un campo de entrada <input>? Define una imagen de fondo para el campo de entrada Proporciona una descripción o pista en el campo antes de que se ingrese texto Establece el tamaño del campo de entrada Controla la validación de los datos ingresados en el campo.
¿Para qué sirve el atributo defer? Para descargar el HTML y después Javascript Para descargar Javascript al mismo tiempo que HTML y ejecutarlo al terminar la carga de HTML Para descargar Javascript al mismo tiempo que HTML y ejecutarlo asíncronamente con HTML Para descargar Javascript al mismo tiempo que HTML y ejecutarlo al mismo tiempo que HTML.
Si flex-direction tiene el valor column-reverse: ¿hacia qué eje afecta la propiedad para justify-content? Cross Axis (Eje secundario) Main Axis (Eje principal).
¿Qué devuelve/retorna un querySelector? Null Una lista de Nodos Nodo HTML Una etiqueta HTML o null.
¿Qué función tiene el atributo "alt"? Todas las otras respuestas son correctas. Es el texto alternativo de una imagen Es un texto que ayuda al posicionamiento de una imagen Permite a nivel de accesibilidad leer a un navegador la imagen para una persona con discapacidad visual.
¿Qué formatos son mejores para imágenes con millones de colores y transparencia? JPG PNG SVG GIF.
¿Cómo podemos enviar un correo mediante un enlace y que tenga configurado el campo asunto? <a mailto="elcorreo@mail.com?subject=Asunto"></a> <a href="mailto:elcorreo@mail.com?subject=Asunto"></a> No se puede <a href="mailto:elcorreo@mail.com&subject=Asunto"></a>.
¿Cuál es el orden de los valores en la propiedad shorthand margin: 10px 10px 10px? top, right , bottom , left top, right+left , bottom top+bottom, right+left top+left, right+bottom Todas: top + right + bottom + left.
A nivel técnico: ¿Cuándo se usa una etiqueta <section>? Para agrupar elementos de navegación en la parte superior de una página web. Para definir una sección temática o de contenido relacionado en una página web Para agrupar etiquetas semánticas como el párrafo o <bold> Para definir una parte de la web autocontenido e independiente.
¿Cuál es el selector CSS que NO selecciona el <li> número 3 ? li:nth-child(3) ul>:nth-child(3) li:nth-of-child(3) li:nth-of-type(3).
¿Cuál es el valor por defecto de justify-content? space-evently flex-center flex-end flex-start stretch space-around space-between.
Cuando flex-direction tiene el valor row, ¿en qué posición se colocan visualmente los elementos dentro del contenedor flex cuando align-items está establecido en center? Centro Vertical Izquierda Derecha Arriba Centro Horizontal Abajo.
Voy a crear una etiqueta <p> de HTML desde Javascript, ¿Qué usamos? document.createElement("p") document.createElement(p) document.createNode(p) document.createP() document.createNode("p").
Si queremos cambiar el background-color al color "azul" de una etiqueta mediante Javascript, ¿Qué código usamos? etiqueta.setAtribute("styles","background-color:blue;") etiqueta.style.backgroundColor = "blue" etiqueta.backgroundColor = "blue".
¿Qué hace el atributo poster en la etiqueta <video>? Especifica una imagen que se muestra hasta que se reproduzca el video Especifica una imagen que se muestra mientras se descarga el video Especifica una imagen que se muestra cuando pausamos el vídeo Especifica una imagen que solo se muestra si hay un problema con el video.
Si flex-direction tiene el valor row: ¿hacia qué eje afecta la propiedad para align-items? Main Axis (Eje principal) Cross Axis (Eje secundario).
¿Cómo podemos trasladar una etiqueta usando una propiedad estándar? translate : 50% transform: translate(50%) transform: translate 50% translate : (50%).
|
