wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Examen Angular - SPA y CRUD

Total questions: 20

Worksheet time: 20mins

Name
Class
Date
1.

¡Hola, estudiantes! Imaginemos que Rohan está desarrollando una aplicación y necesita informar a los usuarios sobre ciertas acciones. Se pregunta, ¿qué herramienta de Angular Material podría ayudarle a mostrar mensajes breves de manera efectiva? ¡Es como un superhéroe que ayuda a los desarrolladores! ¿Qué creen que hace?

a)

Valida un formulario

b)

Muestra un mensaje breve al usuario

c)

Ejecuta un observable

d)

Cambia el layout de página

2.

¡Hola, estudiantes! En una competencia de escritura, ¿quién de ustedes puede decirme qué Pipe convierte todo a minúsculas? ¡Vamos, Anika, Hannah y Maya, piensen rápido!

a)

UpperCasePipe

b)

LowerCasePipe

c)

TitleCasePipe

d)

DecimalPipe

3.

¡Hola, estudiantes! Imaginemos que James, Aria y William están navegando por una aplicación Angular. ¿Qué función cumple un Guard en Angular para asegurarse de que solo los usuarios autorizados puedan acceder a ciertas rutas?

a)

Crear rutas

b)

Cifrar datos

c)

Restringir el acceso a rutas si el usuario no está autenticado

d)

Validar formularios

4.

¡Hola, estudiantes! ¿Alguna vez se han preguntado para qué se utilizan los Getters en el componente del formulario? Imaginemos que Sophia, Jackson y Ethan están trabajando en un proyecto juntos. ¿Cuál de las siguientes opciones creen que es la razón principal por la que usan Getters?

a)

Crear rutas privadas

b)

Evitar errores de red

c)

Acceder más fácilmente a los controles del formulario

d)

Almacenar datos

5.

¡Hola, estudiantes! Imaginemos que Mason está organizando una fiesta y necesita asegurarse de que todos sus amigos lleguen a la ubicación correcta. ¿Alguna vez se han preguntado qué superpoder tiene el RouterModule en una aplicación Angular para ayudar a Mason con esto? ¡Vamos a descubrirlo!

a)

Cargar estilos dinámicamente

b)

Manejar la navegación entre páginas

c)

Ejecutar validaciones

d)

Conectar con bases de datos

6.

¡Hola, estudiantes! ¿Alguna vez se han preguntado cómo pueden facilitar la navegación en una aplicación web? Imaginemos que Daniel y Ethan están desarrollando una plataforma de aprendizaje en línea y necesitan enlazar diferentes secciones de su sitio. ¿Qué opción les ayudará a hacerlo de manera efectiva?

a)

Establecer variables reactivas

b)

Agregar estilos

c)

Crear rutas con enlaces en el HTML

d)

Inicializar un módulo

7.

¡Hola, estudiantes! Imaginemos que Michael está organizando una fiesta y ha enviado invitaciones a varios amigos. Sin embargo, algunos amigos han respondido que no pueden asistir y Michael quiere asegurarse de que la lista de invitados esté actualizada. ¿Qué magia hace switchMap en este proceso de organización?

a)

Convierte un observable a promesa

b)

Cancela una invitación anterior y envía una nueva

c)

Agrupa las respuestas de los invitados

d)

Almacena los resultados de las respuestas

8.

¡Hola, aventureros! En una aldea mágica, ¿qué hace el valiente componente HeroForm en nuestra épica búsqueda de desarrollo?

a)

Gestiona sesiones como un maestro de ceremonias

b)

Crea y actualiza héroes usando formularios reactivos, ¡como lo haría Scarlett!

c)

Agrega rutas hijas para explorar nuevos mundos

d)

Muestra diálogos que dejan a todos boquiabiertos

9.

¡Hola, estudiantes! ¿Alguna vez se han preguntado qué hace un Pipe en Angular? Imaginemos que estamos en una clase divertida con Ava, Aria y Anika, donde están aprendiendo a cocinar. Mientras preparan una ensalada, Ava pregunta: '¿Cómo podemos hacer que los ingredientes se vean más atractivos en el plato?' Aria responde: 'Podemos usar un Pipe para transformar la presentación de los ingredientes y hacer que se vean más coloridos y apetitosos.' Anika añade: '¡Eso suena genial! ¿Qué más podemos hacer con un Pipe?' ¿Cuál de las siguientes opciones describe mejor la magia de un Pipe?

a)

Establece rutas

b)

Transforma la presentación de datos

c)

Gestiona formularios

d)

Almacena datos en el backend

10.

¡Hola, estudiantes! Mason, Daniel y Avery están trabajando en una aplicación de gestión de eventos y se preguntan: ¿Cuál de los siguientes es un ejemplo divertido de uso de DatePipe en su proyecto?

a)

{{ fecha | titlecase }}

b)

{{ fecha | date:'fullDate' }}

c)

{{ fecha | percent }}

d)

{{ fecha | async }}

11.

¡Hola, estudiantes! ¿Alguna vez se han preguntado cuál es el propósito del componente CountryTable en nuestras aventuras de programación? ¡Vamos a descubrirlo juntos!

a)

Gestionar rutas hijas

b)

Mostrar los datos de países en forma tabular

c)

Controlar el estado de sesión

d)

Diseñar el layout de login

12.

¡Hola, estudiantes! ¿Listos para un desafío? Imagina que estás trabajando en un proyecto de desarrollo web con tus amigos Aiden, Abigail y Sophia. Están diseñando una interfaz responsiva en PrimeNG y necesitan un módulo especial para hacerlo. ¿Cuál de estos módulos crees que les ayudará en esta tarea? ¡Vamos, Oliver, Noah y Benjamin, piensen bien!

a)

PrimeAuth

b)

PrimePipes

c)

PrimeFlex

d)

FlexLayout

13.

¡Hola, estudiantes! ¿Listos para un desafío de Angular? Imagina que eres un desarrollador como Sophia y necesitas instalar un módulo para usar los increíbles componentes visuales de Angular Material. ¿Cuál de los siguientes módulos deberías elegir?

a)

@angular/platform-browser

b)

@angular/flex-layout

c)

@angular/material

d)

ngx-bootstrap

14.

¡Hola, aventureros! Emma está planeando un viaje alrededor del mundo y necesita información sobre diferentes países. ¿Qué hace el CountriesService con la API Restcountries para ayudarla en su aventura? ¿Listos para descubrirlo?

a)

Sube imágenes de países

b)

Genera rutas privadas

c)

Consume datos externos para obtener información de países

d)

Elimina países de la lista

15.

¡Hola, estudiantes! ¿Listos para un desafío? Imaginemos que estamos planeando un viaje por diferentes países y necesitamos organizar nuestras paradas. ¿Qué define el CountriesRoutingModule en nuestro emocionante viaje por el mundo de la programación?

a)

Componentes visuales de país

b)

Las rutas específicas para la sección de países

c)

Estilos aplicados a los países

d)

Métodos del servicio Countries

16.

¡Atención, valientes! ¿Qué componente mágico deben usar Zoe y Noah para confirmar la eliminación de un héroe en su aventura épica?

a)

MatToolbar

b)

MatDialog

c)

MatCard

d)

MatList

17.

¡Hola, estudiantes! ¿Alguna vez se han preguntado para qué sirve catchError en un observable? Imaginemos que Grace está trabajando en su proyecto y se encuentra con un error. ¿Qué debería hacer?

a)

Reintentar peticiones

b)

Mostrar un spinner

c)

Capturar y manejar errores en peticiones HTTP

d)

Encadenar peticiones secuenciales

18.

¡Hola, estudiantes! ¿Alguna vez se han preguntado para qué sirve el SearchBoxComponent en una SPA? Imaginemos que Charlotte, Luna e Isla están creando una aplicación y necesitan una herramienta especial. ¿Cuál de las siguientes opciones describe mejor su función?

a)

Crear rutas dinámicas

b)

Filtrar datos como países según texto ingresado

c)

Mostrar una tabla

d)

Cargar módulos perezosos

19.

¡Hola, estudiantes! Imaginemos que Aiden y Rohan están trabajando en un proyecto de desarrollo web. Se han preguntado qué magia esconde LazyLoad en las rutas hijas de su aplicación. ¡Vamos a descubrirlo juntos!

a)

Eliminar rutas no usadas

b)

Cargar módulos solo cuando se necesitan

c)

Evitar autenticación

d)

Añadir estilos condicionales

20.

¡Hola, estudiantes! Imaginemos que están organizando una fiesta de cumpleaños y quieren presentar los regalos de una manera especial. ¿Qué componente de PrimeNG creen que se utiliza para agrupar los regalos con un título atractivo y un borde elegante? ¡Es como crear una caja de sorpresas! ¿Será que es el p-card, el p-dialog, el p-fieldset o el p-inputText? Vamos, Sophia, Abigail y Evelyn, ¡a adivinar!

a)

p-card

b)

p-dialog

c)

p-fieldset

d)

p-inputText