WorksheetsExamenMañana
Total questions: 100
Worksheet time: 50mins
¿Qué es Angular?
Un lenguaje de programación
Un sistema operativo
Un framework de desarrollo web
Una base de datos
¿Cuál es la extensión de archivo utilizada para los archivos de componentes
en Angular?
.js
.html
.ts
.css
¿Qué comando se utiliza en Angular para generar un nuevo componente?
ng serve
ng build
ng new
ng generate
¿Cuál es el decorador utilizado para definir la clase de un componente enAngular?
@Injectable
@NgModule
@Component
@Directive
¿Cuál es el módulo principal de Angular que se utiliza para arrancar laaplicación?
app.module.ts
main.module.ts
root.module.ts
index.module.ts
¿Qué comando se utiliza en Angular para iniciar un nuevo proyecto?
ng new
ng generate
ng serve
ng build
¿Qué directiva se utiliza en Angular para mostrar contenido condicionalmente enbase a una expresión booleana?
*ngFor
*ngIf
*ngSwitch
*ngModel
¿Qué se utiliza en Angular para realizar comunicación entre componentes que notienen una relación de padre-hijo?
Input bindings
Output bindings
Template-driven forms
Observables y Subject
¿Cuál es el sistema de enrutamiento utilizado en Angular?
React Router
Vue Router
Express Router
Angular Router
¿Qué es un servicio en Angular?
Una función que realiza cálculos matemáticos en la aplicación.
Un archivo que contiene estilos CSS para los componentes.
Un servicio en Angular comparte funcionalidad entre componentes.
Un módulo que agrupa componentes relacionados.
¿Cuál de las siguientes opciones describe correctamente la relación entre CSS y Less?
Less es una versión anterior de CSS.
CSS y Less son dos lenguajes completamente diferentes
Less es una extensión de CSS que agrega características adicionales
CSS es una extensión de Less que simplifica la sintaxis
¿Cuál es el símbolo que se utiliza para crear una variable en CSS-Less?
#
.
@
Todas las anteriores aplican
¿Cuál es el elemento dinámico en CSS-Less que se puede utilizar para ordenar tu código al mismo estilo de una estructura HTML?
MIXINS
VARIABLE
ANIDACIÓN
Ninguna de las anteriores
¿Cuál es la diferencia entre CSS y CSS-Less?
CSS se basa en un lenguaje estático, mientras que Less se basa en un lenguaje dinámico.
CSS usa comandos en un orden fijo. Less, por el contrario, ofrece flexibilidad al desarrollador, a la hora de codificar las funciones y estilos
(Forma de guardado) .css // .less
Todas las anteriores
¿Qué es el anidamiento en CSS-Less?
El anidamiento en Less se refiere a la organización jerárquica de estilos dentro de selectores
El anidamiento en Less se refiere a la capacidad de agrupar múltiples archivos CSS en uno solo
El anidamiento en Less se refiere a la forma en que se aplica la herencia de estilos en cascada
El anidamiento en Less se refiere a la técnica de encriptación utilizada para proteger el código fuente
¿Cuál de las siguientes opciones describe correctamente la compilación de Less a CSS?
La compilación de Less a CSS se realiza automáticamente en todos los navegadores modernos
La compilación de Less a CSS requiere un compilador especializado para transformar el código
La compilación de Less a CSS solo es necesaria si se utilizan características avanzadas de Less
La compilación de Less a CSS solo se puede realizar en servidores web específicos
Identifique qué opción es verdadera:
Less utiliza llaves ({}) para delimitar bloques de código
Less utiliza corchetes ([]) para aplicar estilos a elementos específicos
Less utiliza puntos y comas (;) al final de cada declaración
Less utiliza la palabra clave "style" para definir estilos en un documento
¿Cuál es la función de los operadores matemáticos en CSS-Less?
Se utilizan para realizar cálculos y manipulaciones numéricas
Se utilizan para seleccionar elementos específicos del DOM
Se utilizan para combinar múltiples archivos CSS en uno solo
Se utilizan para aplicar efectos de transición y animación
¿Cómo se realiza la importación de archivos en Less?
La importación de archivos en Less se realiza mediante la etiqueta <link> en el documento HTML
La importación de archivos en Less se realiza utilizando la palabra clave "import" seguida del nombre del archivo
La importación de archivos en Less se realiza agregando la ruta del archivo en la declaración CSS
La importación de archivos en Less no es posible, ya que todo el código debe estar en un solo archivo
¿Cuál de las siguientes opciones describe correctamente el uso de comentarios en Less?
Los comentarios en Less se escriben entre corchetes ([ ]) para ocultarlos en el código fuente
Los comentarios en Less se escriben utilizando la sintaxis /* comentario */ para documentar el código
Los comentarios en Less no son compatibles y deben eliminarse antes de compilar el código
Los comentarios en Less se escriben utilizando la etiqueta <comment> en el documento HTML
¿Qué redes sociales se pueden integrar con Facebook?
Todas las anteriores
¿Cuál es la herramienta que permite a los usuarios iniciar sesión en otras aplicaciones o sitios web utilizando sus credenciales de Facebook?
Facebook Connect
Instagram Link
WhatsApp Connect
Oculus VR Integration
¿Cómo se llama la función que permite compartir publicaciones de Instagram en Facebook?
Instagram Connect
Share to Facebook
Cross-Platform Post
Insta-Facebook Integration
¿Cuál de las siguientes redes sociales no se puede integrar directamente con Facebook Messenger?
¿Qué tipo de integración parcial existe entre WhatsApp y Facebook?
Compartir publicaciones de Facebook en WhatsApp
Iniciar sesión en WhatsApp con tu cuenta de Facebook
Compartir contactos entre Facebook y WhatsApp
Todas las anteriores
¿Qué empresa adquirió Facebook y ha sido integrada en su plataforma para proporcionar experiencias de realidad virtual?
Oculus VR
¿Cuál de las siguientes opciones NO es una medida de seguridad en la integración de redes en Facebook?
Políticas de privacidad
Control de configuración de privacidad
Encriptación de mensajes
Integración de cuentas bancarias
¿Cuál es el objetivo principal de la integración de redes en Facebook?
Compartir contenido de Facebook en otras redes sociales
Simplificar el proceso de inicio de sesión en diferentes plataformas
Interconectar diferentes perfiles en redes sociales
Promover la seguridad y privacidad de los usuarios
¿Cuál de las siguientes opciones no es una red de área amplia (WAN) que puede integrarse con Facebook?
Red de área local (LAN)
¿Cuál de las siguientes opciones no se puede hacer mediante la integración de redes en Facebook?
Compartir publicaciones de Twitter en Facebook
Compartir fotos de Instagram en Facebook
Enviar mensajes de WhatsApp a través de Facebook Messenger
Ver contenido de LinkedIn dentro de la plataforma de Facebook
¿Qué es SASS?
Es un lenguaje de programación
Es un preprocesador de CSS compatible.
Es un lenguaje de marcado de Hipertexto.
Es un blog de texto
¿Qué hace la norma @import?
Importa números randoms
hace que el codigo este todo junto
divide el codigo CSS en diferentes ficheros
permite compartir un conjunto propiedades CSS
¿Cuáles son los beneficios de SASS?
hace que el estilo de la página sea más largo
ayuda a que el CSS sea más simple
hace que el html se comprima
separa las etiquetas en archivos
¿En que se diferencia el SassScript al Sass?
Sass es un editor de texto y SassScript no
SassScript es un conjunto de pequeñas extensiones que usa Sass
SassScript es un lenguaje de programación
Son lo mismo
¿Por que es importante el SASS?
Por que maneja mejor el html
Es una herramienta fundamental para el CSS ya que nos ayuda a mejorar los edits
Por que trabaja en conjunto con bootstrap
Por que Sass usa puedes hacer una pagina web
¿Dificultades al usar SASS?
HTML no reconoce SASS
Tiene una sintaxis más compleja que CSS
CSS no se puede agregar un código SASS
Demora mas en compilar que es CSS
¿Que hace potente al SASS?
porque html lo compila con velocidad
Lo hace potente que CSS sea la principal fortaleza de SASS
CSS divide el codigo de SASS
bootstrap lo hace mas facil
¿Que es una variable en SASS?
Es un valor entero
Almacena informacion que se puede reutilizar
Es un comando
Es una parte de html
¿Cuáles son las diferentes funciones en SASS?
referencia, parciales y directivas
repetitivas, publicas y privadas
append,sorted y globals
def, return y max
¿Ventajas de SASS?
evita redundancias en el codigo de CSS
repite las funciones para mejor sintaxis
le cambia el estilo y usa lorems
se usa dentro de un for
¿Cuál es la función principal del componente "Cover" en Bootstrap?
Estilizar botones y enlaces
Mostrar imágenes y videos en un carrusel
Crear una barra de navegación horizontal
Diseñar secciones de página que ocupen todo el espacio visible del navegador
Aplicar efectos de desplazamiento suave en el sitio web
¿Qué tipo de contenido se puede incluir en un componente "Cover" de Bootstrap?
Texto y enlaces
Imágenes y videos
Formularios interactivos
Tablas y listas
Todos los anteriores
¿Cuál es la clase de Bootstrap utilizada para aplicar el componente "Cover"?
.header-section
.container-fluid
.cover-container
.full-width
.main-content
¿Cuál es la clase de Bootstrap utilizada para aplicar el componente "Sidebar"?
.nav-bar
.side-menu
.sidebar-nav
.main-content
.container-fluid
¿Qué tipo de contenido es comúnmente incluido en un componente "Sidebar" de Bootstrap?
Imágenes y videos
Tablas y gráficos
Formularios interactivos
Texto y enlaces
Todos los anteriores
En Bootstrap, ¿cuál de las siguientes opciones describe mejor el uso de la clase ‘md’ en las columnas de la rejilla (grid) responsive?
Define estilos para dispositivos móviles
Establece estilos para pantallas medianas
Aplica estilos a elementos con múltiples dimensiones
Permite el uso de márgenes y desplazamientos múltiples
¿Cuál de las siguientes clases de Bootstrap se utiliza para crear un campo de entrada de contraseña en un formulario de inicio de sesión?
.input-password
.password-field
.form-control
.input-field
¿Cuál es el propósito de la clase "navbar-brand" en Bootstrap?
Para agregar una imagen en la barra de navegación
Para agregar el nombre de la empresa o sitio web en la barra de navegación
Para agregar un menú desplegable en la barra de navegación
Para crear una lista ordenada en la barra de navegación
¿Qué hace la clase "navbar-light" en Bootstrap?
Hace que la barra de navegación sea de color negro
Hace que la barra de navegación sea de color blanco
Hace que la barra de navegación sea de color gris oscuro
Hace que la barra de navegación sea de color rojo
¿Cómo se agrega una etiqueta (label) a un campo de entrada (input) en un formulario de Bootstrap?
Utilizando la clase .form-label.
Utilizando la etiqueta <label> en HTML.
Utilizando la clase .input-label.
Utilizando la clase .form-control-label.
¿Qué significan las siglas API?
Aplicación para interfaz de programación
Arquitectura de programación integrada
Asociación para la innovación y progreso
Acceso público a internet.
Ninguna de las anteriores
¿Para qué sirven las API 's?
Controlar el acceso a los datos personales.
Facilitar la comunicación entre diferentes sistemas y aplicaciones.
Realizar transacciones financieras en línea.
Optimizar la velocidad de carga de un sitio web.
Todos los anteriores.
¿Qué es OAuth?
Un lenguaje de programación web.
Un protocolo de seguridad para autenticación y autorización.
Un formato de archivo para almacenar datos en la nube.
Un estándar de encriptación de datos en redes inalámbricas.
Una tecnología para la compresión de archivos de imágenes.
¿Para qué sirven las API KEY?
Autenticar y autorizar el acceso a una API.
Encriptar los datos transmitidos a través de una API.
Optimizar el rendimiento de una aplicación web.
Realizar análisis de datos en tiempo real.
Generar informes detallados sobre el uso de una API
¿Cuál sería un ejemplo de API KEY?
1234567890
myapikey123
API-KEY-98765
secretToken2023
Todas las anteriores.
¿Cuál de las siguientes opciones NO es un tipo de mapa disponible en la API de Google Maps?
Mapa de carreteras
Mapa de satélite
Mapa de tráfico en tiempo real
Mapa de realidad virtual
Todos los anteriores
¿Cuál de las siguientes opciones describe correctamente cómo mostrar los resultados obtenidos del API de Google Books en una página web?
Utilizar JavaScript para procesar la respuesta del API, extraer los datos relevantes y mostrarlos en la página web utilizando HTML y CSS.
Copiar y pegar directamente la respuesta del API en la página web para que se muestre tal como está.
Enviar la respuesta del API por correo electrónico a los usuarios para que ellos mismos la visualicen.
Guardar la respuesta del API en un archivo PDF y proporcionar un enlace de descarga en la página web.
Ninguna de las anteriores.
Cual es falso
La Google Maps API permite la integración de mapas interactivos en aplicaciones web
La Google Calendar API solo permite la lectura de eventos del calendario, pero no la creación o modificación
La Google Vision API se utiliza para reconocimiento facial y análisis de emociones en imágenes.
La Google Translate API ofrece traducciones instantáneas entre cualquier par de idiomas.
¿Cómo puedo obtener el contenido de un archivo de texto almacenado en Google Drive usando la API de Google Drive?
Mediante una solicitud POST a la URL del archivo.
Utilizando el método get() de la API de Google Drive.
Descargando el archivo manualmente desde la interfaz de Google Drive.
Usando el método read() de la API de Google Drive.
Ninguna de las anteriores.
¿Qué es la autenticación OAuth en la API de Google Drive?
Un método de autenticación basado en contraseña para acceder a Google Drive.
Un protocolo de seguridad que permite a una aplicación acceder a los recursos de un usuario sin compartir sus credenciales.
Un sistema de encriptación utilizado para proteger los archivos almacenados en Google Drive.
Una función que permite a los usuarios iniciar sesión en Google Drive utilizando sus cuentas de redes sociales.
Ninguna de las anteriores.
¿Para que sirven los diferentes tipos de clase de “col-md-8”,
“col-md-6” y col-md-4 en un blog?
nos sirve para indicar las columnas en forma vertical
nos sirve para dividir en columnas horizontales a traves de una pantalla grande
nos sirve para dividir en columnas horizontales a traves de una pantalla mediana
Nose sirve para elegir las columnas deseadas por css
ninguna de las anteriores
¿Es necesario indicar la clase con “objeto+parte especifica” en un objecto para que cumpla su funcion?
si es necesario para indicar el lugar donde se hara la funcion
no es necesario para indicar una funcion de la clase
si es posible indicar la funcion de la clase sin el objeto y cumple con las mismas funciones con objeto
no seria necesario indicar la funcion de clase para llamar a un objeto
si es posible solo indica una parte y nada mas
¿Que es un checkout?
pagina web de comercio
pagina de checkeos web
pagina web de comercio electronico
pagina de selecciones
pagina web de busquedas
¿En donde podria usar el checkout en los sitios web ?
en las tiendas digitale y metodos de donacion .
en los bancos digitales y en los intercambio digitales.
todas las altenativas anteriores
sistemas de donacion
sistema de paga
Bootstrap carrusel sirve para:
vender objetos
promociona objetos
mostrar nuevos productos
intercambiar productos
Mostrar objetos
Bootstrap carrusel no sirve para:
vender objetos
promociona objetos
mostrar nuevos productos
intercambiar productos
Mostrar objetos
¿como se llama la class de las imagenes en bootsrap albun?
img-top
card-img
card-top-img
card-img-top
card-text-top
¿Que es bootstrap modal?
componente que permite mostrar contenido emergente
componente que permite mostrar precios
pagina web de correo electronico
componentes que permita mostrar las busquedas
ninguna de las anteriores
¿Qué es Pricing?
componente que permite mostrar contenido emergente
componente que proporciona una estructura de tablas
pagina web de comercio
componente que muestra el contenido de un mensaje
componente que esta compuesto de “link”
¿Qué es Bootstrap carrusel?
un componente que permite mostrar una secuencia de imágenes
componente que permite crear métodos de donación
componente usado para mostrar contenido emergente
componente de buscador de etiquetas
componente que permite mostrar una imagen
Cuál de esta página no es mencionada en “Donde se usa”
appstore
Meet
que tipos lenguajes de programación se usa en el chat?
java
css
todas(exepto php y phytom)
php
phytom
Cuál es el código que no se utilizará para crear lista de amigos?
container
row
col-md-3
chat container
friend-list-item
para crear una lista amigos se necesita la clase?
friend-list-item
friend-item.list
friendly-list-item
friend-list
var friend
que tipo de boostrap se utiliza para poder hacer el trabajo?
bootstrap.css
bootstrap.min
bootstrap.min.css
boostrap.screar.js
boostrap.min.style
como se llama el código para poner tamaño del chat?
md-col
col-md 9
col-md-9
col-md-3
col-md--9
Para qué se utiliza la inteligencia artificial?
atención al cliente
informacion de sistema
chat global
ninguna de las anteriores
chat de relaciones globales no sirve para?
trabajo
hablar amigos familiares o conocidos
venta de comida
periodismo
ninguna de las anteriores
Es necesario usar javaScrip y css?
si es necesario ambos
no, solo es necesario el css
no, solo es necesario el javaScrip
ninguna de las dos
solo es necesario el html
Para ordenar el lugar donde se envía el mensaje, se usa la clase?
form control
form-control
control-form
control form
control-login
¿Cuál es la función principal del procesador CSS en relación con Stylus?
Compilar el código Stylus en CSS válido
Convertir el código CSS en Stylus para su procesamiento.
Analizar y optimizar el rendimiento del código Stylus.
Generar animaciones y efectos visuales en el navegador.
¿Cuál de las siguientes características diferencia al procesador Stylus de
otros preprocesadores CSS?
Soporte para anidamiento de reglas.
Capacidad para generar animaciones CSS avanzadas.
Integración nativa con el lenguaje JavaScript.
Compatible con todos los navegadores web modernos.
¿Cuál de las siguientes opciones describe correctamente la sintaxis básica
utilizada en Stylus para definir una regla CSS?
Utilizando ({}) para delimitar la regla y (;) al final de cada propiedad.
Utilizando ([]) para delimitar la regla y (;) al final de cada propiedad
Utilizando (()) para delimitar la regla y (;) al final de cada propiedad.
Utilizando (_) para delimitar la regla y (;) al final de cada propiedad.
¿Cuál de las siguientes características es una ventaja de utilizar el preprocesadorStylus en comparación con CSS puro?
Permite la definición de variables y mixins.
Ofrece una sintaxis más compacta y legible.
Proporciona compatibilidad total con todos los navegadores web.
Permite generar animaciones y transiciones avanzadas.
¿Qué significa el operador "&" en Stylus?
Concatenación de cadenas.
Referencia al selector padre.
Asignación de valores a variables.
Inicio de una declaración de función.
¿Cuál es el propósito principal del uso de "autoprefixer" en Stylus?
Agregar prefijos de proveedores automáticamente a propiedades CSS.
Generar estilos de animación avanzados.
Comprimir y minificar el código CSS resultante.
Optimizar el rendimiento del código Stylus durante la compilación.
¿Qué extensión de archivo se utiliza comúnmente para los archivos Stylus?
.css
.scss
.less
.styl
¿Cuál es el método principal utilizado en Stylus para importar archivos parciales omódulos externos?
@use
@import
@require
@include
¿Cuál es la función del operador ">" en Stylus?
Seleccionar elementos hijos directos.
Aplicar estilos a elementos hermanos adyacentes.
Aplicar estilos a elementos hermanos adyacentes.
Concatenar cadenas de texto.
¿Cuál es la finalidad de la función "rgba()" en Stylus?
Definir un color en formato hexadecimal.
Establecer la opacidad de un color en formato RGB.
Crear un gradiente lineal entre dos colores.
Generar un efecto de sombra en elementos seleccionados.
¿Qué es React.js?
Es un lenguaje de programación.
Es un framework de backend.
Es una biblioteca de JavaScript para construir interfaces de usuario.
Es una herramienta para el desarrollo de aplicaciones móviles.
¿Cómo se describe componente un en React.js?
Un componente en React.js es una función que se ejecuta en el servidor.
Un componente en React.js es una estructura de datos para almacenar información.
Un componente en React.js es un archivo de configuración utilizado para establecer el entorno de desarrollo.
Un componente en React.js es una clase que define la estructura y el comportamiento de una parte de la interfaz de usuario.
¿De qué manera React.js maneja correctamente el DOM (Document Object Model)?
React.js genera una representación virtual del DOM y lo compara con el DOM real para realizar actualizaciones eficientes.
React.js crea un nuevo DOM desde cero cada vez que se actualiza un componente.
React.js modifica directamente el DOM existente sin crear uno nuevo.
React.js no tiene ninguna relación con el DOM y no lo modifica.
¿Cuál es el concepto de estado (state) en React.js?
Es una propiedad que solo se puede utilizar en componentes de clase.
Es una forma de almacenar y gestionar datos que pueden cambiar durante la vida útil de un componente.
Es una variable global que se puede acceder desde cualquier componente.
Es un objeto utilizado para controlar el enrutamiento y la navegación en una aplicación.
¿Cuál de las siguientes opciones describe correctamente el método de ciclo de vida componentDidMount() en React.js?
componentDidMount() se ejecuta cuando se monta un componente y se renderiza en el DOM.
componentDidMount() se ejecuta cada vez que se actualiza el estado de un componente.
componentDidMount() se ejecuta cuando se desmonta un componente y se elimina del DOM.
componentDidMount() no es un método válido en React.js.
¿Cómo es que se pasa información de un “componente padre” a un “componente hijo” en React.js?
La información se pasa mediante una variable global accesible desde cualquier componente.
La información se pasa utilizando métodos de comunicación asíncronos como las promesas.
La información no se puede pasar de un componente padre a un componente hijo en React.js.
La información se pasa directamente a través de los props (propiedades) del componente hijo.
¿Cuál es la verdadera función del virtual DOM en React.js?
Virtual DOM es un componente especial utilizado para la visualización de gráficos en 3D.
Virtual DOM es una representación ligera y eficiente del DOM real utilizado para realizar actualizaciones eficientes.
Virtual DOM es una herramienta de depuración utilizada para inspeccionar el estado interno de los componentes.
Virtual DOM es una característica experimental que aún no se ha implementado en la biblioteca.
¿Cuándo y cómo se utiliza el enlace de eventos (event binding) en React.js?
Se realiza utilizando la sintaxis @event.
Se realiza mediante la función bind() de JavaScript.
Se realiza utilizando la sintaxis onClick={this.handleEvent}.
El enlace de eventos en React.js no es necesario, ya que los eventos se manejan automáticamente.
¿Cuál la función de la biblioteca “prop-types” en React.js?
PropTypes es una biblioteca externa utilizada para proporcionar un sistema de tipado estático en React.js.
PropTypes es una herramienta de prueba utilizada para evaluar el rendimiento de los componentes en React.js.
PropTypes no es una biblioteca o función real en React.js.
PropTypes es una función interna de React.js utilizada para validar los tipos de datos de las propiedades de un componente.
¿Qué hace React.js con respecto al DOM?
React.js desalienta la manipulación directa del DOM y propone utilizar el virtual DOM para realizar actualizaciones eficientes.
React.js alienta la manipulación directa del DOM y proporciona funciones específicas para acceder y modificar elementos.
React.js proporciona una API específica para manipular directamente el DOM, pero no recomienda su uso en proyectos grandes.
React.js no tiene ninguna opinión o enfoque específico hacia la manipulación directa del DOM.
