Flet Curso: 10 Ahora la Aplicación es Funcional - Los Botones Decrementan y Incrementan el Contador
Summary
TLDREn el vídeo número 9 del curso, se aborda la depuración de un código de aplicación en Python. Se describe cómo agregar 'print' para identificar errores en los eventos de clic de los botones 'aumentar' y 'disminuir'. Se resuelve el problema de no actualización de la página con 'page.update'. Se muestra cómo ejecutar la aplicación en diferentes sistemas operativos y cómo cambiar el modo de ejecución para una aplicación web. Finalmente, se menciona la próxima etapa, que implica la creación de una versión web de la aplicación.
Takeaways
- 💻 El video trata sobre la creación de una aplicación en Python utilizando Flutter.
- 🔍 Se menciona un problema al ejecutar el código donde los botones no generaban respuesta.
- 🐞 Para depurar, se sugiere agregar impresiones en la terminal para verificar la interacción con los botones.
- 📈 Se observa que la terminal muestra texto al interactuar con los botones, lo que indica que se están ejecutando eventos de clic.
- 📝 Se identifica que faltaba un comando para actualizar la página, específicamente `page.update`.
- 🎯 Tras agregar el comando faltante, la aplicación se ejecuta correctamente y se ajusta al ancho disponible.
- 📸 El presentador demuestra cómo capturar una pantalla y compartirla en WhatsApp.
- 🌐 Se habla sobre la posibilidad de ejecutar la aplicación como una aplicación web en lugar de una aplicación de escritorio.
- 🔧 Se sugiere que para ejecutar la aplicación en modo web, se deben realizar cambios en el código específicos.
- ⏭️ Se indica que los detalles para ejecutar la aplicación en modo web se abordarán en un video futuro.
Q & A
¿Qué problema ocurrió cuando se ejecutó el código en el vídeo número 9 del curso?
-Cuando se ejecutó el código, se abrió una ventana pero al hacer clic en los botones no ocurría nada.
¿Cómo se solucionó el problema de depuración en el código?
-Se escribió código para mostrar mensajes en la terminal cada vez que se hacía clic en los botones para verificar que se estaban activando los eventos de pulsación.
¿Qué se observó al presionar los botones después de agregar el código de depuración?
-Al presionar los botones de aumentar y reducir, se activó el texto correspondiente en la terminal, lo que indicaba que se estaban respondiendo a los eventos de pulsación de los botones.
¿Por qué no se mostraba el texto en el campo de texto a pesar de que la terminal respondía?
-Se observó que faltaba el comando 'page.update' para actualizar la página y mostrar el texto en el campo de texto.
¿Qué cambio se hizo en el código para que se actualizara la página y mostrara el texto?
-Se agregó el comando 'page.update' para que la página se actualizara y mostrara el texto en el campo de texto.
¿Cómo se ajusta la aplicación cuando se cambia el ancho de la ventana?
-La aplicación se ajusta automáticamente al ancho disponible al reducir el tamaño de la ventana.
¿Cómo se compartió la captura de pantalla de la aplicación funcional?
-Se hizo una captura de pantalla de la aplicación funcional y se copió para compartir en WhatsApp.
¿Qué se puede hacer con la aplicación Flex construida con Python según el vídeo?
-Se puede crear aplicaciones utilizando componentes y controles de Flutter en Python, aunque es algo básico, es emocionante.
¿Cómo se ejecuta la aplicación como una aplicación web según el guion del vídeo?
-Para ejecutar la aplicación como una aplicación web, se debe cambiar el modo de ejecución en el código a 'modo web' y se debe establecer el target y el view correspondientes.
¿Qué se dejó para el siguiente vídeo del curso?
-Se dejó para el siguiente vídeo cómo ejecutar la aplicación en diferentes sistemas operativos y cómo se ve la aplicación en Mac y Windows.
Outlines
💻 Depuración y Funcionalidad de una Aplicación Flex en Python
En el vídeo número 9 del curso, se muestra cómo depurar un código de una aplicación Flex en Python que no responde al clic en los botones. Se sugiere agregar 'print' para identificar el problema, que resulta ser la falta de actualización de la página con 'page.update'. Tras solucionar esto, la aplicación se ejecuta correctamente, ajustándose al ancho disponible y permitiendo capturas de pantalla y compartirlas en WhatsApp. Se menciona que la aplicación es básica pero emocionante, y se destaca la posibilidad de crear aplicaciones con componentes de Flutter en Python. Se sugiere que en el próximo vídeo se abordará cómo ejecutar la aplicación como una aplicación web.
Mindmap
Keywords
💡Depurar
💡Eventos
💡Terminal
💡Página web
💡Flutter
💡Python
💡Componentes
💡Controles
💡Valor
💡Ajuste dinámico
💡Captura de pantalla
Highlights
Se ejecuta código y se observa una ventana que se está cargando.
Al hacer clic en los botones, no ocurre nada, lo que indica un posible error.
Se sugiere depurar el código agregando 'print' para seguir el flujo de ejecución.
Se ejecuta nuevamente el código y se verifica que el texto aparece en la terminal al presionar los botones.
Se observa que el campo de texto no se actualiza a pesar de los eventos de pulsación de botones.
Se identifica que falta el comando 'page.update' para actualizar la página.
Se agrega 'page.update' y se vuelve a ejecutar la aplicación, lo que resuelve el problema.
Se menciona que la aplicación es funcional y se ajusta al ancho disponible.
Se realiza una captura de pantalla de la aplicación y se comparte en WhatsApp.
Se destaca que se ha creado una aplicación Flex con Python que es funcional y básica.
Se explica que es posible crear aplicaciones utilizando componentes de Flutter en Python.
Se menciona que falta ejecutar la aplicación y se sugiere ver la apariencia en diferentes sistemas operativos.
Se indica cómo cambiar el modo de ejecución de la aplicación para que se lance como una aplicación web.
Se sugiere dejar el cambio de configuración para el siguiente vídeo.
Transcripts
Ok en el vídeo anterior en el número 9
de este curso
ocurrió lo siguiente escribimos el
código
ejecutamos
va a aparecer una ventana ahí se está
cargando aparece esta ventana pero
cuando damos clic en los botones nada
ocurre
voy a hacer lo siguiente una forma de
depurar fácilmente este código sería
escribir aquí lo siguiente menos clic
para indicar que estamos ahí y aquí
sería Plus clic
otra vez ejecuto y miraremos a ver si en
la terminal aparece texto a medida que
presionamos esos botones el de aumentar
y reducir
observemos que sí
si aparece el texto está respondiendo al
evento de pulsación de los botones en la
terminal voy a señalarlo aparece cuando
clicamos cualquiera de estos dos botones
se activa el texto correspondiente pero
no aparece nada en el campo de texto
vamos a ver si dejamos de escribir algo
vayamos hasta la parte superior y
tenemos que value es igual a 0 y a la
hora nos falta este Comando vaya lo
omitir no está actualizando la página
entonces escribimos page punto update
faltaba únicamente eso y ya creo que con
eso es suficiente volvemos a ejecutar la
aplicación
Ok Voy a mover la ventana se abrió el
otro monitor y ahí ya es totalmente
funcional de reducir el ancho se ajusta
según el ancho disponible
muy bien
voy a hacer una captura de pantalla
la voy a copiar la Quiero compartir en
mi WhatsApp
Ok entonces tenemos una aplicación
Flex construida con python que es
funcional sí es algo básico pero es
emocionante vale
es posible crear aplicaciones utilizando
componentes controles de flutter en
python
vale que nos faltaría por aquí ya
sabemos ejecutar la aplicación Esta es
la apariencia en Mac o ex en Windows
ahora si queremos ejecutar la aplicación
como aplicación web básicamente a la
hora de lanzar la aplicación o
directamente aquí en el código
tendríamos que hacer ese cambio voy a
duplicar esto voy a escribir modo texto
y lo voy a dejar en modo comentario modo
web dos puntos led punto app
el target es Main y el view va a ser
Flex punto web browser vaya
dejaremos esto para el siguiente vídeo
a ver cómo nos va ok
Weitere ähnliche Videos ansehen
Flet Curso: 15 Usar la Instrucción app.flet(...) para Abrir la Aplicación en el Navegador Web
Flet Curso: 11 La Aplicación Flet Escrita en Python También se Ejecuta en el Navegador Web
15. Tutorial Xcode: Creando WebView Básico
FormData en javascript - Obteniendo datos de un formulario - Como cuando y porque usarlo - JS
Flet Curso: 9 Primera Aplicación Flet Escrita en Python - Contador de Valores Numéricos
Dockerize an Angular Application using Nginx
5.0 / 5 (0 votes)