Desarrollo en la Nube DAW UT2 - Servicios de almacenamiento

¿Qué comando se utiliza para crear un proyecto con Vite y plantilla React?. npm install react. npm create vite@latest . -- --template react. npm run build react. npx firebase init react.

¿Qué carpeta debe instalarse antes de ejecutar la aplicación React?. node_modules. public_html. vendor. database.

¿Qué comando instala las dependencias del proyecto?. npm install. npm start firebase. npm create database. npm vite deploy.

¿Qué comando se usa para ejecutar la aplicación React en desarrollo?. npm run dev. npm run docker. npm firebase start. npm create route.

¿En qué puerto suele ejecutarse Vite?. 80. 3000. 5173. 8080.

¿Qué URL local se usa normalmente para ver la aplicación Vite?. http://localhost:5173/. http://localhost:3306/. http://localhost:22/. http://localhost:443/.

¿Qué archivo contiene inicialmente la plantilla principal de React que se modifica?. App.jsx. firebase.js. Dockerfile. taskService.js.

¿Dónde se encuentra el archivo App.jsx?. En la carpeta src. En la carpeta node_modules. En la carpeta .dockerignore. En Firebase Console.

¿Qué archivo CSS se vacía al principio de la configuración de estilos?. index.css. App.css. firebase.css. docker.css.

¿Qué se debe hacer si el proyecto sigue ejecutándose en localhost:5173 y queremos instalar paquetes?. Apagar el ordenador. Detener el proceso con Ctrl + C o abrir otro terminal. Borrar node_modules siempre. Cambiar el puerto a 3306.

¿Qué comando instala Tailwind CSS con el plugin de Vite?. npm install tailwindcss @tailwindcss/vite. npm install bootstrap sass. npm install firebase tailwind. npm create tailwind app.

¿Qué archivo se modifica para añadir el plugin de Tailwind CSS en Vite?. vite.config.js. package-lock.json. Dockerfile. authService.js.

¿Qué plugin se añade en vite.config.js para Tailwind?. '@tailwindcss/vite'. '@firebase/auth'. '@react/router'. '@docker/node'.

¿Qué línea se añade en index.css para importar Tailwind CSS?. @import "tailwindcss";. import tailwind from "css";. require("tailwindcss");. @tailwind start;.

¿Qué clase de Tailwind se usa para poner el texto rojo?. text-red-500. color-red. red-text. font-red-500.

¿Qué clase de Tailwind se usa para subrayar el texto?. underline. text-decoration. subrayado. border-bottom.

¿Qué comando instala DaisyUI?. npm install daisyui@latest. npm install firebase-ui. npm create daisy app. npm install react-daisy-router.

¿Qué archivo se modifica para activar DaisyUI?. index.css. main.jsx. LoginPage.jsx. package.json únicamente.

¿Qué clase de DaisyUI se usa para crear un botón primario?. btn btn-primary. button-primary. primary-button. daisy-primary-btn.

¿Qué se ve en el navegador para comprobar que DaisyUI funciona?. Un botón con color principal. Una tabla de MySQL. Una alerta de Firebase. Un contenedor Docker.

¿Para qué se usa DaisyUI en un proyecto?. Para facilitar la creación de componentes de interfaz de usuario. Para crear una base de datos. Para desplegar en Docker. Para autenticar usuarios con Google.

¿Qué ventaja implica usar Tailwind CSS y DaisyUI juntos?. Permiten usar componentes de DaisyUI y personalizarlos con Tailwind. Eliminan la necesidad de React. Sustituyen Firebase Authentication. Crean automáticamente el Dockerfile.

¿Qué carpeta se crea dentro de src para guardar los componentes?. components. pages. services. routes.

¿Por qué se crea la carpeta components?. Para que el código sea más mantenible y modular. Para guardar las credenciales de Firebase. Para guardar imágenes Docker. Para crear usuarios manualmente.

¿Qué componente se crea para la barra de navegación?. NavbarComponent.jsx. LoginPage.jsx. taskService.js. Dockerfile.

¿Por qué se importa NavbarComponent en App.jsx?. Porque App.jsx es el archivo principal desde el que React renderiza la interfaz. Porque Firebase lo exige. Porque Docker no funciona sin él. Porque React Router lo crea automáticamente.

¿Qué librería se usa para los iconos?. react-icons. firebase-icons. daisy-icons. vite-icons.

¿Qué comando instala react-icons?. npm install react-icons -- save. npm install icons-firebase. npm create icons react. npm run icons.

¿Qué debe configurarse antes de implementar CRUD con Firebase?. El proyecto en el sitio web de Firebase. Un servidor Apache local. Una instancia EC2. Un archivo PHP.

¿Qué sitio web se abre para configurar Firebase?. https://console.firebase.google.com/. https://aws.amazon.com/ec2/. https://localhost:5173/. https://docker.com/images.

¿Qué cuenta se necesita para entrar en Firebase Console?. Cuenta de Google. Cuenta de GitHub obligatoriamente. Cuenta de AWS. Cuenta de Docker Hub.

¿Qué botón se pulsa para iniciar un nuevo proyecto en Firebase?. Crea un projecto. Build image. Add route. Start container.

¿Qué icono se pulsa para registrar una aplicación web en Firebase?. </>. +SQL. EC2. Docker.

¿Qué comando instala Firebase en el proyecto?. npm install firebase. npm create firebase app. npm run firebase. docker install firebase.

¿Qué archivo se crea para guardar el código de inicialización de Firebase?. firebase.js. Dockerfile. LoginPage.jsx. taskService.css.

¿Dónde se crea firebase.js?. Dentro de la carpeta src. Dentro de node_modules. Dentro de Docker Desktop. Dentro de Firebase Console.

¿Qué tipo de información contiene el archivo de inicialización de Firebase?. apiKey, authDomain y otros datos de configuración. Reglas CSS de Tailwind. Imágenes Docker. Contraseñas de usuarios en texto plano.

¿Por qué no se deben compartir las credenciales de Firebase?. Porque contienen información confidencial. Porque impiden usar React. Porque rompen Docker. Porque cambian el puerto de Vite.

¿En qué archivo se guardan las credenciales sensibles para no codificarlas directamente?. .env. Dockerfile. package-lock.json. main.jsx.

¿Qué se usa en firebase.js para leer variables del archivo .env?. import.meta.env. process.firebase. require.env.firebase. window.env.

¿Qué variable de entorno representa la API key?. VITE_FIREBASE_API_KEY. FIREBASE_PASSWORD. API_KEY_SQL. DOCKER_FIREBASE_KEY.

¿Qué variable representa el dominio de autenticación?. VITE_FIREBASE_AUTH_DOMAIN. VITE_FIREBASE_LOGIN_PORT. AUTH_DOCKER_DOMAIN. REACT_AUTH_URL.

¿Qué variable representa el ID del proyecto?. VITE_FIREBASE_PROJECT_ID. VITE_PROJECT_DOCKER_ID. PROJECT_SQL_ID. ROUTER_PROJECT_ID.

¿Qué papel tiene Firebase en una aplicación?. Backend virtual sin servidor. Servidor físico local. Editor de código. Sistema operativo del contenedor.

¿Qué servicio de Firebase se usa como base de datos en la nube?. Firestore Database. Firebase Hosting únicamente. Firebase Storage únicamente. Firebase Analytics.

¿Qué tipo de estructura usa Firestore?. NoSQL basada en documentos. SQL relacional clásica. Archivos CSV planos. Tablas Excel locales.

¿Dónde se selecciona Firestore Database dentro de Firebase?. En el menú Crea / Categorías de productos. En Docker Desktop. En package.json. En VS Code Extensions.

¿Qué botón se pulsa para crear Firestore?. Crea una base de datos. Run container. Add component. Create route.

¿Qué se elige en la sección Ubicación al crear Firestore?. La región más cercana. El puerto 5173. El nombre del componente React. El proveedor de Google Login.

¿Qué se recomienda hacer con el ID de la base de datos?. Dejarlo por defecto. Cambiarlo siempre a root. Ponerlo como localhost. Usar el mismo que el contenedor Docker.

¿Qué modo se selecciona en reglas seguras?. Iniciar en modo de producción. Iniciar en modo de prueba siempre. Modo Docker. Modo Apache.

¿Qué método se importa para conectar Firestore en firebase.js?. getFirestore. getDocker. getRoute. getTailwind.

¿Desde qué paquete se importa getFirestore? a: firebase/firestore b: firebase/auth c: react-router-dom d: react-icons. firebase/firestore. firebase/auth. react-router-dom. react-icons.

¿Qué se exporta en firebase.js para usar Firestore?. db. authOnly. docker. router.

¿Qué permite hacer getFirestore?. Conectar la aplicación a Firestore para modificar y recuperar datos. Crear imágenes Docker. Cambiar estilos CSS. Crear rutas HTML estáticas.

¿Qué carpeta se crea para guardar funciones relacionadas con Firestore?. services. pages. assets. public.

¿Qué función de Firebase se usa para añadir un documento?. addDoc. getAuth. Navigate. signOut.

¿Qué función de Firebase se usa para referenciar una colección?. collection. route. provider. browser.

¿Qué método se llama para evitar el comportamiento por defecto del formulario?. e.preventDefault(). e.stopFirebase(). e.createDoc(). e.runDocker().

¿Qué librería se usa para mostrar mensajes de éxito o error?. react-hot-toast. react-icons. react-router. daisyui-auth.

¿Qué comando instala react-hot-toast?. npm install react-hot-toast. npm install toast-firebase. npm create toast. docker install toast.

¿Qué componente debe añadirse en App.jsx para mostrar alertas?. <Toaster />. <BrowserRouter />. <Docker />. <Firestore />.

¿Qué función de Firebase se usa para obtener documentos?. getDocs. addDoc. signInWithPopup. Navigate.

¿Qué función de Firebase se usa para actualizar documentos?. updateDoc. addDoc. getAuth. BrowserRouter.

¿Qué función de Firebase se usa para eliminar documentos?. deleteDoc. signOut. getFirestore. useNavigate.

¿Qué función de Firebase se usa para obtener la referencia a un documento concreto?. doc. route. provider. toaster.

¿Qué se debe comprobar en Firebase después de editar o eliminar?. Que los datos se hayan actualizado o suprimido en Firestore. Que Docker Desktop esté abierto. Que Tailwind haya cambiado de versión. Que el puerto SSH esté abierto.

¿En qué se convierte una aplicación SPA usando React Router?. En una aplicación multipágina con rutas. En una base de datos SQL. En una imagen Docker automáticamente. En una API de Firebase Functions.

¿Por qué se usa React Router?. Porque React no tiene soporte integrado para enrutamiento. Porque Firebase lo exige para guardar datos. Porque Docker no funciona sin rutas. Porque Tailwind solo funciona con rutas.

¿Qué comando instala React Router?. npm i react-router react-router-dom. npm install firebase-router. npm create router vite. docker install react-router.

¿Qué paquete proporciona la funcionalidad principal de enrutamiento?. react-router. react-hot-toast. react-icons. daisyui.

¿Qué paquete está especializado en navegación web basada en navegador?. react-router-dom. firebase/firestore. react-icons/md. @tailwindcss/vite.

¿Qué carpeta se crea para las páginas de la aplicación?. pages. services. components. routes-only.

¿Qué archivo se crea para la página principal?. HomePage.jsx. LoginService.js. Dockerfile. PrivateRoute.css.

¿Qué componentes se mueven desde App.jsx a HomePage.jsx?. Los componentes de la página de inicio, excepto <Toaster />. Solo Dockerfile. Solo firebase.js. Solo package.json.

¿Qué archivo sigue siendo el archivo principal de rutas?. App.jsx. taskService.js. Dockerfile. logo.png.

¿Qué archivo es el padre de App.jsx?. main.jsx. HomePage.jsx. authService.js. Dockerfile.

¿Qué componente de React Router se usa en main.jsx para envolver App?. BrowserRouter. FirestoreRouter. DockerRouter. ToastRouter.

¿Qué función de React se usa para renderizar la aplicación en main.jsx?. createRoot. createApp. createFirebase. createDocker.

¿Qué componentes se importan en App.jsx para definir rutas?. Routes y Route. Browser y LinkOnly. Auth y Firestore. Docker y Image.

¿Qué ruta muestra HomePage?. /. /signin. /docker. /firebase.

¿Qué ventaja aporta convertir la SPA en MPA?. Permite navegar entre diferentes páginas/rutas. Elimina la necesidad de Firebase. Convierte Firestore en SQL. Hace innecesario React.

¿Qué servicio de Firebase se usa para iniciar sesión?. Firebase Authentication. Firestore Database únicamente. Firebase Storage únicamente. Firebase Performance únicamente.

¿Dónde se configura la autenticación en Firebase?. Crea → Autenticación. Docker Desktop → Images. VS Code → Extensions. App.jsx → Routes.

¿Qué botón se pulsa al entrar en Firebase Authentication por primera vez?. Iniciar. Build. Run. Publish Docker.

¿Qué sección se usa para activar proveedores de login?. Método de inicio de sesión. Docker images. Firestore documents. Tailwind plugins.

¿Qué método se añade en firebase.js para que funcione la autenticación?. getAuth. getDocs. updateDoc. BrowserRouter.

¿Desde qué paquete se importa getAuth?. firebase/auth. firebase/firestore. react-router. react-icons/fa.

¿Qué se exporta en firebase.js para autenticación?. auth. dbOnly. dockerAuth. routeAuth.

¿Qué función de Firebase permite iniciar sesión con email y contraseña?. signInWithEmailAndPassword. signInWithPopup. addDoc. updateDoc.

¿Qué función de Firebase permite iniciar sesión mediante popup?. signInWithPopup. signInWithEmailAndPassword. getDocs. deleteDoc.

¿Qué función de Firebase se usa para observar cambios de autenticación?. onAuthStateChanged. onFirestoreChanged. onDockerRun. onRouteDeleted.

¿Qué hook de React Router se usa para redirigir al usuario?. useNavigate. useEffect. useState. useAuthOnly.

¿Qué componente se crea para impedir que usuarios sin sesión accedan a la página principal?. PrivateRoute. PublicTask. DockerRoute. FirestoreRoute.

¿Dónde se crea el componente de ruta protegida?. Dentro de App.jsx. Dentro de Dockerfile. Dentro de index.css. Dentro de Firebase Console.

¿Qué función se usa para saber si hay usuario autenticado?. getCurrentUser. getAllTasks. getFirestore. getDockerUser.

¿Qué componente de React Router se usa para redirigir?. Navigate. BrowserRouter. Toaster. GoogleAuthProvider.

¿Qué ruta comodín se añade para rutas no definidas?. path="". path="/all". path="/404.html". path="/docker/".

¿Cuál es el objetivo de la ruta protegida?. Que solo usuarios autenticados puedan acceder a la página de inicio. Que cualquiera pueda acceder sin login. Que Docker cree imágenes automáticamente. Que Firestore permita escritura pública.

¿Qué ocurre si getCurrentUser devuelve un usuario?. Se renderizan los children de PrivateRoute. Se elimina la tarea. Se crea una imagen Docker. Se bloquea Firebase.

¿Cómo se puede probar el inicio de sesión con email y contraseña?. Añadiendo manualmente un usuario en Firebase Authentication. Creando una imagen Docker. Cambiando el puerto de Vite. Eliminando React Router.

¿En qué pestaña de Firebase Authentication se añade manualmente un usuario?. Usuarios. Rules. Images. Routes.

¿Qué datos se introducen al añadir un usuario manualmente?. Correo electrónico y contraseña. IP pública y puerto. Nombre de contenedor e imagen. Título y descripción de tarea.

¿Qué permite Docker según el PDF?. Ejecutar aplicaciones dentro de contenedores de forma consistente. Crear reglas CSS automáticamente. Sustituir React Router. Crear usuarios de Firebase.

¿Qué debe instalarse en Windows para ejecutar Docker? a: Docker Desktop b: Apache Desktop c: Firebase Desktop d: Vite Desktop. Docker Desktop. Apache Desktop. Firebase Desktop. Vite Desktop.

¿Qué archivo se modifica para añadir un script de producción local?. package.json. irebase.js. LoginPage.jsx. index.css.

¿Qué script se añade para ejecutar la app con npm start?. "start": "vite --host". "start": "firebase deploy". "start": "docker build". "start": "react-router start".

¿Qué archivo se crea para contener las instrucciones de construcción de la imagen?. Dockerfile. .env. firebase.js. HomePage.jsx.

¿Dónde se crea el Dockerfile? a: En la carpeta del proyecto b: En Firebase Console c: En Docker Hub únicamente d: En node_modules. En la carpeta del proyecto. En Firebase Console. En Docker Hub únicamente. En node_modules.

¿Qué instrucción establece el directorio de trabajo dentro del contenedor?. WORKDIR /app. EXPOSE /app. RUN /app. CMD /app.

¿Qué instrucción copia package.json y package-lock.json?. COPY package*.json ./. EXPOSE package*.json. FROM package*.json. RUN package*.json.

¿Qué instrucción instala las dependencias dentro del contenedor?. RUN npm install. CMD npm install. EXPOSE npm install. FROM npm install.

¿Qué instrucción copia el resto de archivos de la aplicación?. COPY . . COPY package only. RUN . . EXPOSE . .

¿Qué puerto expone el Dockerfile?. 5173. 3306. 22. 443.

¿Qué instrucción define el comando que ejecuta la aplicación al iniciar el contenedor?. CMD ["npm", "start"]. RUN ["npm", "build"]. EXPOSE ["npm", "start"]. FROM ["npm", "start"].

¿Por qué es importante el Dockerfile?. Define entorno, dependencias y pasos de ejecución del contenedor. Guarda usuarios de Firebase. Sustituye a Firestore. Define las rutas de React Router.

¿Qué archivo se crea para excluir archivos del proceso de despliegue Docker?. .dockerignore. .env. .gitkeep. .routesignore.

¿Qué carpeta se incluye en .dockerignore?. node_modules. src. public. pages.

¿Por qué se incluye node_modules en .dockerignore?. Para evitar incluir archivos innecesarios en la imagen Docker. Para borrar Firebase. Para eliminar React Router. Para cambiar el puerto de Vite.

¿Qué comando construye la imagen Docker?. docker build -t nombreApp . docker run -d nombreApp. docker images -t nombreApp. npm build docker.

¿Qué hace docker build?. Construye una imagen Docker basada en el Dockerfile. Ejecuta Firebase Authentication. Crea una tarea en Firestore. Instala Tailwind CSS.

¿Qué indica el parámetro -t en docker build?. Asigna un nombre o etiqueta a la imagen. Expone un puerto. Elimina un contenedor. Inicia sesión en Firebase.

¿Qué representa el punto final en docker build -t todosome_app .?. El directorio actual. El puerto 5173. El usuario actual. La ruta /signin.

¿Qué comando permite ver las imágenes Docker disponibles?. docker images. docker list containers. docker show routes. npm images.

¿Dónde se puede comprobar visualmente la imagen Docker en Windows?. Docker Desktop, sección Imágenes. Firebase Console, sección Auth. VS Code, sección Problems. Navegador, ruta /signin.

¿Qué comando ejecuta la imagen Docker en segundo plano?. docker run -d --name nombreContenedor -p 5173:5173 nombreApp. docker build -d nombreContenedor. npm run docker -p 5173. firebase run docker.

¿Qué hace docker run?. Inicia un contenedor nuevo. Crea una ruta React. Añade una tarea a Firestore. Instala DaisyUI.

¿Qué significa -d en docker run?. Ejecutar en segundo plano o modo desatendido. Borrar la imagen. Descargar Firebase. Desactivar Vite.

¿Qué hace -p 5173:5173?. Conecta el puerto 5173 del ordenador con el puerto 5173 del contenedor. Cambia la contraseña de Firebase. Publica Firestore. Crea una ruta protegida.

¿Para qué sirve ejecutar la aplicación en un contenedor?. Para que se ejecute de forma consistente en distintos entornos. Para eliminar la necesidad de autenticación. Para convertir Firestore en SQL. Para crear automáticamente componentes React.

¿Qué tecnología del proyecto usa normalmente el puerto 5173?. Vite. MySQL. SSH. HTTPS.

¿Qué archivo contiene la configuración de Firebase y exporta db y auth?. firebase.js. Dockerfile. HomePage.jsx. index.css.

¿Qué archivo configura BrowserRouter?. main.jsx. firebase.js. taskService.js. Dockerfile.

¿Qué archivo define Routes y Route?. App.jsx. index.css. .dockerignore. package-lock.json.

¿Qué tecnología se usa para almacenar datos en la nube?. Firestore Database. LocalStorage únicamente. MySQL local. SQLite.

¿Qué tecnología se usa para autenticar usuarios? a: Firebase Authentication b: Firestore Database c: Docker Desktop d: Tailwind CSS. Firebase Authentication. Firestore Database. Docker Desktop. Tailwind CSS.

¿Qué tecnología se usa para los estilos de utilidad?. Tailwind CSS. Firebase. Docker. React Router.

¿Qué tecnología se usa para componentes de interfaz ya preparados?. DaisyUI. Firestore. Docker. React Router.

¿Qué tecnología se usa para la navegación entre páginas?. React Router. Firebase Auth. Docker. Tailwind CSS.

¿Qué tecnología se usa para contenerizar la aplicación?. Docker. Firebase. DaisyUI. React Icons.

¿Qué paquete se usa para notificaciones?. react-hot-toast. react-router-dom. react-icons. firebase/firestore.

¿Qué paquete se usa para iconos?. react-icons. react-hot-toast. daisyui. firebase/auth.

¿Qué paquete se usa para la autenticación de Firebase?. firebase/auth. firebase/firestore. react-router. react-icons/fa.

¿Qué paquete se usa para Firestore?. firebase/firestore. firebase/auth. react-router-dom. react-hot-toast.

¿Qué función de Firestore crea documentos?. addDoc. getAuth. Navigate. signOut.

¿Qué función de Firestore lee documentos?. getDocs. getAuth. signInWithPopup. BrowserRouter.

¿Qué función de Firestore actualiza documentos?. updateDoc. addDoc. signOut. useNavigate.

¿Qué función de Firestore elimina documentos?. deleteDoc. getAuth. Toaster. GoogleAuthProvider.

¿Qué función de Firebase Auth cierra sesión?. auth.signOut(). db.signOut(). router.signOut(). docker.signOut().

¿Qué componente se usa para mostrar notificaciones globales?. Toaster. BrowserRouter. PrivateRoute. GoogleAuthProvider.

¿Qué función se usa para redirigir?. navigate(). redirectDocker(). goFirestore(). run().

¿Qué comando permite iniciar la app dentro del contenedor según el Dockerfile?. npm start. npm run dev. docker start vite. firebase start.

¿Qué script de package.json permite que npm start funcione?. "start": "vite --host". "start": "react-router". "start": "firebase login". "start": "docker images".

¿Qué comando se usa antes de docker run para crear la imagen?. docker build -t todosome_app . docker images. docker ps. npm install firebase.

¿Qué comando se usa después de construir la imagen para comprobar que existe?. docker images. npm images. firebase images. vite images.

¿Qué comando ejecuta la app Docker en modo detached?. docker run -d --name todosome_container -p 5173:5173 todosome_app. docker build -t todosome_app . docker images. npm install docker.

¿Qué significa que Firebase actúe como backend virtual sin servidor?. Que gestiona servicios como base de datos y autenticación sin montar un servidor propio. Que se instala Apache obligatoriamente. Que necesita una máquina EC2. Que solo funciona con MySQL.