recuperación programación 11 periodo 2

• Un equipo de desarrollo necesita crear una aplicación móvil para iOS y Android. Han evaluado dos enfoques: el primero es desarrollar la aplicación desde cero escribiendo código nativo para cada plataforma (Swift para iOS y Kotlin para Android). El segundo enfoque es usar una herramienta como FlutterFlow.

• Considerando la eficiencia en el desarrollo y el mantenimiento para un equipo con recursos limitados, ¿cuál es la ventaja principal de usar FlutterFlow frente al desarrollo nativo tradicional en este escenario?

• El rendimiento de la aplicación en FlutterFlow es siempre un 50% superior al de una aplicación nativa.

• Permite reutilizar una única base de código y diseño para ambas plataformas, reduciendo significativamente el tiempo y el costo de desarrollo.

• FlutterFlow no requiere ningún conocimiento de lógica de programación, a diferencia del desarrollo nativo.

• Las aplicaciones creadas en FlutterFlow tienen acceso a funciones de hardware que las nativas no pueden utilizar.

• Un estudiante está construyendo una funcionalidad en su clon de una app de música donde al presionar un ícono de "corazón", este debe cambiar de color (de gris a rojo) y un contador de "likes" en otra parte de la pantalla debe incrementar en uno.

• ¿Cuál es el mecanismo fundamental en FlutterFlow para asegurar que, cuando el dato de "like" cambia, tanto el color del ícono como el texto del contador se actualicen automáticamente en la interfaz de usuario?

• Usar una consulta a Firebase ("Backend Query") que se ejecute cada segundo para verificar si hay cambios.

• Vincular las propiedades de ambos widgets (el color del ícono y el valor del texto) a una misma variable de estado (State Variable), que se modifica en la acción del botón.

• Escribir una "Custom Function" en Dart que fuerce un redibujado completo de toda la página cada vez que se presiona el botón.

• Añadir dos acciones separadas en el "Action Flow Editor": una para cambiar el ícono y otra para cambiar el texto, sin conectarlas a un estado central.

• En una aplicación de clon de Instagram hecha en FlutterFlow, un estudiante quiere que al presionar el botón de "Comentar" en una publicación, se abra una nueva pantalla (página) llamada CommentsPage donde el usuario pueda escribir su comentario.

• Dentro de FlutterFlow, ¿qué herramienta visual se utiliza específicamente para definir la secuencia de eventos que debe ocurrir (como navegar a otra página) tras la interacción del usuario con un widget?

• El "Widget Tree" (Árbol de Widgets), para organizar la jerarquía de la nueva página.

• El "Action Flow Editor" (Editor de Flujo de Acciones), para configurar la acción On Tap del botón.

• El panel de "Page Parameters" de la CommentsPage, para recibir la información de la publicación.

• La pestaña de "Project Styles" (Estilos del Proyecto), para definir el estilo del botón.

• Un estudiante está creando un clon de Twitter en FlutterFlow y necesita mostrar en la página principal una lista vertical de "tweets". Estos tweets están almacenados en una colección llamada tweets dentro de la base de datos Firebase Firestore.

• ¿Qué configuración es la correcta y más eficiente para aplicar a un widget de ListView en FlutterFlow para que muestre dinámicamente todos los documentos de la colección tweets?

• Añadir manualmente cada tweet como un widget de texto estático dentro del ListView.

• Generar los hijos del ListView dinámicamente a través de una "Backend Query" (Consulta al Backend) que apunte a la colección tweets.

• Crear una "API Call" que consulte la página web de Twitter y extraiga los tweets con web scraping.

• Guardar cada tweet en una variable de estado de la app ("App State") y construir la lista a partir de ellas.

• Un estudiante avanzado quiere implementar una función para calcular el precio final de un producto en un clon de una app de e-commerce. Este cálculo requiere aplicar un descuento porcentual y luego sumar un costo de envío fijo, una lógica que no está disponible como una acción predefinida en FlutterFlow.

• ¿Qué característica de FlutterFlow le permitiría al estudiante escribir su propio código en lenguaje Dart para ejecutar esta lógica de cálculo personalizada y retornar el valor del precio final?

• El "Action Flow Editor", combinando acciones de suma y resta.

• La sección de "Deployment" para subir un script externo.

• Las "Custom Functions" (Funciones Personalizadas), creando una nueva función que acepte el precio base como parámetro.

• El "UI Builder", insertando un widget especial para operaciones matemáticas.

• Un desarrollador clona una aplicación popular en FlutterFlow. Al probarla, nota que cuando presiona un botón de "Guardar", la aplicación no da ninguna indicación visual de que la acción se está procesando. Para solucionarlo, decide que al presionar el botón, se debe mostrar un ícono de carga giratorio.

• En FlutterFlow y en la programación en general, ¿cómo se llama la variable que se utiliza para controlar y reflejar el estado de la interfaz (por ejemplo, isLoading)? (Escribe una sola palabra).

• Al inspeccionar una página creada con Next.js, un desarrollador nota que parte del contenido HTML ya viene generado desde el servidor, mejorando el SEO y el tiempo de carga inicial.

• ¿Cómo se llama la técnica de renderizado que permite a Next.js generar una página en el servidor en el momento de la solicitud? (Escribe las tres palabras en inglés, conocidas por sus siglas SSR).

• Un programador está usando una IA para generar código. Le da el prompt: "Crea un formulario". La IA genera algo muy básico. Para mejorar, el programador escribe: "Crea un formulario de inicio de sesión con campos para email y contraseña usando HTML y CSS con un diseño moderno tipo 'glassmorphism'".

• ¿Qué concepto clave, fundamental en la interacción con IA, aplicó el programador en su segundo prompt para obtener un resultado mucho más útil y específico? (Escribe una sola palabra en español).

• En la interfaz de FlutterFlow, un estudiante necesita conectar una lista de tarjetas de perfil a una colección de usuarios en Firebase. Selecciona la lista y busca la opción para generar dinámicamente las tarjetas a partir de los datos.

• ¿Cuál es el nombre de la función o capacidad en FlutterFlow que se utiliza para generar widgets hijos dinámicamente a partir de una consulta a una base de datos? (Escribe dos palabras en inglés).

• Como evaluación práctica de los presaberes de desarrollo web, debes demostrar tu habilidad para maquetar un componente simple utilizando únicamente HTML y CSS.

• Tu tarea es crear una "Tarjeta de Producto" simple. Debe tener una imagen, un nombre, una descripción y un botón. Crea un PDF que contenga una captura de pantalla del resultado y el código html y css. Sube este PDF a Google Drive, configura el enlace como "Cualquier persona con el enlace puede ver" y pégalo como respuesta.