Scribd
Cargar
2K vistas24 páginas

Programación Web Desde Cero Examen Egg

Este documento presenta los resultados de una evaluación de 60 preguntas sobre programación web para Brian Herrera. Brian obtuvo 56 de 60 puntos, aprobando la evaluación cuyo objetivo es evaluar sus logros y garantizar que esté preparado para continuar su camino hacia el éxito en el desarrollo web. La evaluación incluyó preguntas sobre HTML, CSS, diseño responsive, JavaScript y buenas prácticas de desarrollo web.

Cargado por

Sebastian Emiliano Medina
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
2K vistas24 páginas

Programación Web Desde Cero Examen Egg

Este documento presenta los resultados de una evaluación de 60 preguntas sobre programación web para Brian Herrera. Brian obtuvo 56 de 60 puntos, aprobando la evaluación cuyo objetivo es evaluar sus logros y garantizar que esté preparado para continuar su camino hacia el éxito en el desarrollo web. La evaluación incluyó preguntas sobre HTML, CSS, diseño responsive, JavaScript y buenas prácticas de desarrollo web.

Cargado por

Sebastian Emiliano Medina
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 24

22/5/23, 23:11 Programación Web desde Cero

Programación Web desde Cero


Total de puntos 56/60

Para esta evaluación de 60 preguntas, es necesario obtener al menos 45 respuestas


correctas para aprobar. Recuerda que el objetivo principal es evaluar tus logros y
garantizar que estés preparado/a para seguir avanzando en tu camino hacia el éxito. 🚀

0 de 0 puntos

Nombre y apellido *

Brian Emmanuel Herrera Flores

Documento de identidad *
Escribe tu cédula de identidad sin puntos, ni espacios.

42215884

Correo electrónico *
Deber ser con el que te registraste en Egg.

[email protected]

Preguntas de la evaluación 56 de 60 puntos

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 1/24
22/5/23, 23:11 Programación Web desde Cero

¿Por qué es importante tener una buena estructura de carpetas cuando se *1/1
trabaja en un proyecto de desarrollo web?

Para que el código se ejecute más rápido.

Para ahorrar espacio en disco.

Para tener todos los proyectos organizados.

Para que las páginas web se carguen más rápido.

Dado el siguiente código JavaScript, ¿qué valor imprimirá la consola? * 1/1

"Hola Mundo"

"imprimir"

"texto"

Nada, es un error de sintaxis

¿Cuál es el propósito de la sección <head> en un documento HTML? * 1/1

Contiene información meta y el título de la página.

Contiene el contenido principal que se muestra en la página.

No tiene un propósito específico.

Define el tipo de documento y la versión de HTML.

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 2/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué módulo de diseño CSS está diseñado para diseños unidimensionales? * 1/1

Grid

Flexbox

Block

Inline

¿Qué es el diseño responsivo en el desarrollo web? * 1/1

Un diseño que se carga rápidamente.

Un diseño que se adapta automáticamente a diferentes tamaños de pantalla.

Un diseño que tiene buen rendimiento en todos los navegadores.

Un diseño que utiliza CSS Grid para su maquetación.

¿Cuál es la mejor práctica al planificar la estructura de una barra de *0/1


navegación?

Limitar la cantidad de opciones del menú solo a las principales.

Sumar opciones según nuestros intereses sin contemplar la experiencia del usuario.

Utilizar etiquetas HTML diferentes a <header> y <nav>.

Incluir todas las secciones posibles del sitio web.

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 3/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es el método de CSS más recomendado para mantener un estilo *1/1


consistente en todo el sitio y facilitar la actualización de estilos?

CSS en línea

CSS interno

CSS externo

Todos los métodos son igualmente recomendados.

¿Qué etiqueta HTML se utiliza para definir el encabezado o cabecera de una *1/1
sección o página web?

<section>

<div>

<header>

<nav>

¿Qué propiedad CSS se utiliza para definir el espacio entre el contenido de un *1/1
elemento y su borde?

Padding

Margin

Box

Border

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 4/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué valor de la propiedad "position" se utiliza para alterar la posición normal *1/1
de un elemento con respecto a si mismo?

Static

Relative

Absolute

Fixed

¿Cómo se representa un selector de ID en CSS? * 1/1

Con un numeral (#)

Con un asterisco (*)

Con un punto (.)

Con un guión (-)

¿Cuál es la etiqueta HTML mayormente utilizada para agrupar contenido *1/1


relacionado dentro de un documento?

<article>

<section>

<div>

<aside>

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 5/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué se utiliza para escribir y editar código de programación? * 1/1

Editores de texto

Sistemas operativos

Editores de código

Navegadores web

¿Qué es la arquitectura de la información en el desarrollo web? * 1/1

Es la capacidad de un sitio web para interactuar con los usuarios.

Es la disposición de elementos visuales en el sitio web.

Es la programación de botones y otros elementos interactivos.

Es cómo se organiza y presenta la información en un sitio web.

¿Qué hace la propiedad "display: none;" en CSS? * 1/1

Hace que el elemento sea visible.

Hace que el elemento sea de bloque.

Hace que el elemento sea de línea.

Hace que el elemento sea invisible.

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 6/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es la regla del uso de los 3 clics en la navegabilidad de una página *1/1
web?

La página debe tener un máximo de 3 enlaces en la barra de navegación.

El usuario debe hacer clic 3 veces para acceder a una página.

El usuario solo puede hacer clic en 3 elementos de la página.

La estructura de la página debe permitir que el usuario llegue a su objetivo final en 3


clics o menos.

¿Qué módulo de diseño CSS está diseñado para diseños bidimensionales? * 1/1

Block

Grid

Inline

Flexbox

¿Cómo se define una variable en JavaScript? * 1/1

Con la palabra clave "constant".

Con la palabra clave "variable".

Con la palabra clave "value".

Con la palabra clave "let" o "var".

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 7/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál de los siguientes NO es un tipo de datos en JavaScript? * 1/1

String

Number

Boolean

Decimal

¿Qué propiedad CSS se utiliza para definir el borde de un elemento? * 1/1

Padding

Border

Box

Margin

¿Qué etiqueta se utiliza para definir un párrafo en HTML? * 1/1

<pg>

<text>

<paragraph>

<p>

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 8/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es uno de los beneficios del diseño responsive? * 1/1

Mejorar la experiencia de usuario.

Aumentar la velocidad de carga del sitio web.

Mejorar el posicionamiento en motores de búsqueda.

Todas las anteriores.

¿Cuál es el propósito de la etiqueta <nav> en HTML? * 1/1

Establecer un enlace a otra página.

Agrupar elementos de navegación.

Definir el encabezado de una sección o página web.

Crear una lista desordenada.

¿Cómo se aplica una propiedad CSS a un elemento HTML? * 1/1

propiedad+ valor;

propiedad= valor;

propiedad: valor;

propiedad- valor;

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j19… 9/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál de las siguientes opciones permite que una barra de navegación sea *1/1
responsive en dispositivos móviles?

Utilizar una imagen grande como fondo de la barra de navegación.

Utilizar JavaScript para ocultar la barra de navegación en dispositivos móviles.

Aplicar media queries en CSS para ajustar los estilos según el tamaño de pantalla.

Establecer un tamaño fijo para la barra de navegación.

¿Cómo se define una propiedad de tamaño en CSS? * 1/1

Solo el número.

Solo la unidad de medida.

Número seguido de la unidad de medida con espacios.

Número seguido de la unidad de medida sin espacios.

¿Cuál de las siguientes opciones NO es un valor común para la propiedad *1/1


display en CSS?

Block

Inline

Center

None

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 10/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué elemento HTML se utiliza para agregar un video de YouTube a una *0/1
página HTML?

iframe

src

alt

href

Dado el siguiente código JavaScript, ¿qué valor imprimirá la consola? * 1/1

"37"

10

37

¿Qué selector CSS es más específico? * 1/1

Selector de clase

Selector de ID

Selector de elemento

Todos los selectores son igualmente específicos.

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 11/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es la forma correcta de agregar una etiqueta de comentario en el *1/1


código HTML?

// Comentario

<-- Comentario -->

/* Comentario */

<!-- Comentario -->

¿Cuál es la etiqueta HTML utilizada para incluir información de contacto y *1/1


derechos de autor en la parte inferior de una página?

<main>

<aside>

<footer>

<section>

¿Cómo se enlaza un archivo CSS externo con un documento HTML? * 1/1

Con la etiqueta <style>.

Con la etiqueta <script>.

Con la etiqueta <link>.

Con cualquiera de las anteriores.

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 12/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es la etiqueta HTML utilizada para crear una lista desordenada? * 1/1

<dl>

<ol>

<ul>

<li>

¿Cómo se utiliza la palabra clave "return" en una función de JavaScript? * 1/1

Para asignar valores a las variables.

Para definir una función.

Para llamar a una función.

Para devolver un valor desde una función.

¿Qué etiqueta HTML se cierra automáticamente y no requiere una etiqueta de *1/1


cierre separada?

<img>

<ul>

<h1>

<p>

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 13/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es la etiqueta HTML utilizada para definir la estructura principal de una *1/1
página web?

<main>

<header>

<nav>

<footer>

Dado el siguiente código, ¿qué hace boton.addEventListener("click", function() *1/1


{ alert("¡Haz hecho clic en el botón!"); });?

Agrega un oyente de eventos al botón almacenado en la variable "boton" que


muestra una alerta cuando se hace clic en el botón.

No hace nada.

Encuentra y almacena el elemento HTML con id "miBoton" en la variable "boton".

Muestra una alerta cada vez que cualquier botón en la página es clickeado.

¿Cómo se define una constante en JavaScript? * 1/1

Con la palabra clave "var".

Con la palabra clave "let".

Con la palabra clave "constant".

Con la palabra clave "const".

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 14/24
22/5/23, 23:11 Programación Web desde Cero

Dado el siguiente código CSS, ¿Qué efecto tiene este fragmento de código en *1/1
una página web cuando la ventana del navegador tiene 768 píxeles de ancho
o menos?:

Hace que todos los elementos dentro de la clase .container se oculten.

Aumenta el ancho del contenedor a 768 píxeles.

Cambia la dirección de los elementos flexibles dentro de la clase ".container" a una


orientación de columna.

No tiene efecto alguno porque los media queries no afectan a las propiedades
flexbox.

¿Qué es lo que realiza la siguiente regla de CSS? * 1/1

Establece el color de fondo de todo el documento a azul.

Establece el margen y el relleno de todos los elementos del body a 0.

Aplica la fuente "Arial" a todos los elementos del documento, usando una fuente
sans-serif como alternativa.

Solo las respuestas “b” y “c” son correctas

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 15/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué es CSS? * 1/1

Un lenguaje para estilizar HTML.

Un lenguaje de programación.

Un lenguaje para estructurar bases de datos.

Un lenguaje de marcado.

¿Qué es la especificidad en CSS? * 0/1

Es la regla que determina cómo se aplican los estilos en cascada en una hoja de
estilo.

Es una técnica para seleccionar elementos basándose en su relación con otros


elementos en el documento HTML.

Es la regla que determina qué estilo se aplica cuando hay varias reglas que pueden
aplicarse a un elemento.

Es un valor que se asigna a los elementos para determinar su posición en el flujo de


la página.

¿Qué significado tiene la etiqueta <h1> en HTML? * 1/1

Indica el encabezado principal o más importante en el documento.

Indica un párrafo en el documento.

Indica un salto de línea en el documento.

Indica una entrada de texto en un formulario.

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 16/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué atributo se utiliza para agregar una etiqueta alternativa a un elemento *1/1
de imagen en HTML?

alt

title

src

caption

¿Cuál es la etiqueta HTML utilizada para definir el título de una página web? * 1/1

<header>

<h1>

<nav>

<title>

¿Cuál de las siguientes es una función en JavaScript? * 1/1

function myFunction() { console.log("Hello World"); }

let myFunction = "Hello World";

console.log("Hello World")

myFunction("Hello World");

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 17/24
22/5/23, 23:11 Programación Web desde Cero

Dado los siguientes códigos, ¿qué hace el código de JavaScript?: * 0/1

Muestra una alerta y envía el formulario cuando se hace clic en el botón de envío.

Muestra una alerta cada vez que se carga la página.

Muestra una alerta cada vez que el usuario escribe en el campo de texto.

Previene que el formulario se envíe y muestra una alerta cuando se hace clic en el
botón de envío.

¿Cómo se comenta en CSS? * 1/1

<!-- Comentario -->

# Comentario

/* Comentario */

// Comentario

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 18/24
22/5/23, 23:11 Programación Web desde Cero

¿Cómo se inicia y termina un elemento en HTML? * 1/1

Con una llave de apertura {etiqueta} y una de cierre {/etiqueta}.

Con un corchete de apertura [etiqueta] y uno de cierre [/etiqueta].

Con un paréntesis de apertura (etiqueta) y uno de cierre (/etiqueta).

Con una etiqueta de inicio <etiqueta> y una de cierre </etiqueta>.

En el siguiente código HTML, ¿qué elemento se utiliza para representar un *1/1


enlace?

class="links"

<a>

<li>

<ul>

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 19/24
22/5/23, 23:11 Programación Web desde Cero

¿Cuál es la correcta estructura básica de un documento HTML? * 1/1

Opción 1 Opción 2

Opción 3 Opción 4

¿Qué lenguaje de programación se utiliza para agregar interactividad a *1/1


elementos del HTML?

PHP

JavaScript

CSS

HTML

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 20/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué valor de la propiedad “position” mantiene un elemento en la misma *1/1


posición incluso cuando se desplaza la página?

Fixed

Relative

Absolute

Static

¿Cuál es la forma correcta de agregar un enlace interno a una sección *1/1


específica de una página HTML?

<a src="#seccion">Enlace</a>

<a href="#seccion">Enlace</a>

<a src="pagina.html">Enlace</a>

<a href="pagina.html">Enlace</a>

¿Cuál de las siguientes opciones NO es una parte del Box Model en CSS? * 1/1

Content

Display

Border

Margin

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 21/24
22/5/23, 23:11 Programación Web desde Cero

¿Qué son las etiquetas “padre” e “hijo” en CSS? * 1/1

La etiqueta "padre" contiene a la etiqueta "hijo".

Etiquetas que no tienen ninguna relación.

La etiqueta "hijo" contiene a la etiqueta "padre".

Etiquetas que están al mismo nivel.

¿Cuál es la forma correcta de agregar una etiqueta de video HTML5 a una *1/1
página?

<video alt="video.mp4" controls></video>

<video href="video.mp4" controls></video>

<video src="video.mp4" controls></video>

<video title="video.mp4" controls></video>

¿Cómo se divide el desarrollo web? * 1/1

Desarrollo de software y hardware

Desarrollo de aplicaciones y sitios web

Desarrollo de código y diseño

Desarrollo front-end y back-end

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 22/24
22/5/23, 23:11 Programación Web desde Cero

¿Cómo se declara una media query en CSS? * 1/1

@media (max-width: 600px) { /* CSS rules */ }

@media max-width(600px) { /* CSS rules */ }

@max-width: 600px; /* CSS rules */

max-width: 600px; /* CSS rules */

El formulario se creó en Egg Cooperation.

 Formularios

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 23/24
22/5/23, 23:11 Programación Web desde Cero

https://docs.google.com/forms/d/e/1FAIpQLScyHWkjxISr2vDwgVFdxkOy-Qb2s7mc7yaHIwIG-DsvN8wTBg/viewscore?viewscore=AE0zAgB7j1… 24/24

También podría gustarte