Visualización interactiva de datos con Python: Streamlit y Matplotlib. Implementación gratuita en la nube | Olha Al | Skillshare
Buscar

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Visualización interactiva de datos con Python: Streamlit y Matplotlib. Implementación gratuita en la nube

teacher avatar Olha Al

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introduccion

      1:53

    • 2.

      Introducción a Streamlit: instalación, primera aplicación y descripción de la interfaz de usuario

      8:42

    • 3.

      Cómo crear una aplicación de visualización de precios de acciones con Streamlit y biblioteca financiera de Yahoo

      4:32

    • 4.

      Mejora la visualización de precios de las acciones: Streamlit, Yahoo Finance y Matplotlib

      5:17

    • 5.

      Características avanzadas de Streamlit: cómo agregar funcionalidades y desplegar tu aplicación de forma gratuita en Streamlit Cl

      12:16

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

2

Estudiantes

--

Proyectos

Acerca de esta clase

Aprende a crear, mejorar e implementar aplicaciones interactivas de visualización de datos con Streamlit. Este curso cubre todo, desde los conceptos básicos de Streamlit, la integración de Yahoo Finanzas para los datos del precio de las acciones, hasta el uso de funciones avanzadas como Matplotlib para gráficos detallados. Al final del curso, tendrás las habilidades para crear tus propias aplicaciones personalizadas y desplegarlas gratuitamente en Streamlit Cloud. Perfecto para principiantes y cualquier persona que quiera dominar la visualización de datos y el desarrollo de aplicaciones con Python

Conoce a tu profesor(a)

Teacher Profile Image

Olha Al

Profesor(a)
Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introduccion: Hola, chicos. Y hoy, nos familiarizaremos con stream let. La lección de hoy será muy útil. Vamos a construir varios proyectos utilizando las bibliotecas Yahoo Finance y Motlotip en el entorno stream Lit Si has revisado mi tutorial de Motlot Lip, entonces ya conoces la biblioteca Y Finance En esta lección, primero construiremos un proyecto de prueba donde podamos ver el precio real de las acciones de una empresa. Después utilizaremos Matplot Leap para visualizar la correlación entre varias empresas, que podemos cambiar y seleccionar como queramos Usando la Biblioteca Y Finance, recuperaremos datos financieros de las bolsas de valores, y con la ayuda de MotloTlip, crearemos gráficos de precios de acciones y los visualizaremos en Y por último, lo desplegaremos en StreamLDcloud. Es una plataforma proporcionada por Streamlt para implementar, compartir y administrar fácilmente tus aplicaciones optimizadas Puedes implementar tu app directamente desde repositorio Github con solo unos pocos clics. No es necesario configurar servidores ni lidiar con procesos de implementación complejos. Cuando introduzcas cambios en tu repositorio Github, tu app streamlt en Streamed Cloud se actualiza automáticamente asegurando que tu app siempre refleje el código más reciente StreamLTcloud administra los recursos necesarios para ejecutar tu app, por lo que no tienes que preocuparte por la administración del servidor Además, puedes controlar quién tiene acceso a tus aplicaciones, manteniendo tus datos seguros y privados cuando sea necesario. Al vincularse directamente con Github, StreamLTcloud aprovecha el control de versiones, lo que facilita el seguimiento de los cambios y la colaboración También tenemos como beneficio, aplicaciones implementadas en StreamLTcloud, utilizamos HGTPS para garantizar conexiones seguras, y StreamLitCloud está diseñado para para Por lo tanto, su aplicación puede escalar para acomodar a más usuarios sin configuraciones adicionales. Es increíblemente fácil compartir tus aplicaciones de datos con el mundo, y vamos a hacer esto al final de este video. 2. Introducción a Streamlit: instalación, primera aplicación y descripción de la interfaz de usuario: Streamlt es una herramienta para crear aplicaciones web basadas en Python Está diseñado para el trabajo de datos y el aprendizaje automático, lo que le permite convertir rápida y fácilmente sus scripts en aplicaciones web interactivas sin necesidad de conocer HTML, CSS o JavaScript. Sí, Streamlt es un framework Python de código abierto diseñado para crear aplicaciones web interactivas para proyectos de ciencia de datos y aprendizaje automático Utiliza una sintaxis pitónica sencilla. Si conoces Python, puedes usar Streamlt sin necesidad de aprender tecnologías web adicionales Puede agregar elementos interactivos como deslizadores, botones y entradas de texto usando simples comandos streamlt Esto facilita la creación de interfaces de usuario dinámicas. Las aplicaciones Streamlt se actualizan automáticamente cuando cambias el código Para que no tengas que seguir recargando el navegador. Esto hace que el desarrollo sea más rápido. Esta biblioteca se integra a la perfección con bibliotecas populares de ciencia de datos como Pandas, Nabi, Mad Plotlp, Plotly Esto facilita la creación visualizaciones enriquecidas y la manipulación de datos Podemos usar varias funciones para mostrar datos, incluyendo tablas, gráficos, mapas y más. Si es necesario, puede extender streamlt con componentes personalizados o integrar bibliotecas JavaScript para agregar una funcionalidad única Todas las aplicaciones que has creado en Streamlt se pueden compartir e implementar fácilmente Streamlt ofrece un servicio en la nube streamlt Cloud para implementar aplicaciones con una configuración mínima Alternativamente, puedes implementar aplicaciones streamlt en otras plataformas como Hioku, AWS o Google Cloud, AWS o Google Cloud, pero creo que streamlt es Bueno, streamlt es una poderosa herramienta que simplificó el proceso de creación de aplicaciones web interactivas para la ciencia de datos Le permite enfocarse en sus análisis y visualizaciones sin empantanarse por las complejidades del desarrollo web Así que comencemos. Primero, instalaremos streamlt en nuestro entorno virtual Voy a usar un entorno virtual con Python 311. Si no sabes qué es un entorno virtual y cómo organizar adecuadamente tu flujo de trabajo, te recomiendo encarecidamente ver este video. Aquí explico en detalle qué es un entorno virtual y cómo instalar bibliotecas por separado para cada proyecto para evitar conflictos. Instalo streamlt usando el gestor de paquetes PIP el Comando PIP freeze nos mostrará todas las librerías que tengo en mi Aquí en la fuente de mi futuro proyecto, creo un archivo en el que escribiré un script básico de Python más simple. Entonces lo ejecutaremos y veremos cómo funciona todo. Aquí importo la biblioteca streamlt a mi script Python, y usaré ST como alias porque me permite referirme a la biblioteca streamit con un nombre más corto más conveniente Vemos un error en la importación, pero eso está bien. Solo necesitamos cambiar nuestro entorno virtual. En la configuración en la parte inferior del código de Visual Studio, necesitamos cambiarlo. Después importo pandas y Nam pi. Los vamos a necesitar. Ahora envié el título de la solicitud. Puedes establecer el tuyo propio. La función title en Streamlt se utiliza para agregar un título. Estas funciones muestran texto en el encabezado de nivel más alto. Si estuviéramos usando etiquetas HTML, significaría la etiqueta H one, permitiéndonos crear rápida y fácilmente un título claro y atractivo para su aplicación. Visualmente, será el rubro más grande más proming. Por supuesto, necesitamos datos para mostrar. Por lo tanto, usando Pandas, creo datos de prueba. Si has tomado el curso de Pandas, este código no te va a plantear ninguna duda, pero te lo explicaré de todas formas Usando Pandas y la biblioteca Nampire, generaremos datos aleatorios y obtendremos un marco de datos rellenado usando la función aleatoria aleatoria Generé 1,000 números aleatorios para cada eje. Después mostro las primeras cinco filas del marco de datos en la app streamlt Como recuerdas, cabeza sin ningún argumento nos dará cinco primeras filas. I la función en la biblioteca streamlt utilizada para mostrar diversos tipos de contenido Entonces voy a usar la función de gráfico de dispersión. Genera una gráfica de dispersión, que es un tipo de visualización de datos. Como dato, pasaré nuestro marco de datos recién creado y luego con el comando streamtrun app Pi, ejecutaré el script Inicializa el servidor streamlt en su máquina local. Después lee el script de arriba a abajo, ejecutando el código para configurar la aplicación web. Yo dejaría esto en blanco. No quiero recibir ningún dato de promoción. Cuando ejecuta la aplicación Streamlt y ve el prompt, ¿desea que la aplicación acepte conexiones de red entrantes Significa que tu sistema operativo pregunta si quieres permitir que tu aplicación stremlt sea accesible a través de la red o De forma predeterminada, cuando ejecuta el comando Stream Lit Run, el servidor streamlt se inicia y se une a la máquina local Normalmente en Local host 8,501. Esta URL local se utiliza para acceder a tu app desde la misma máquina que estás ejecutando el servidor streamlt El host local se refiere a su computadora local. Esto significa que si abres un navegador web en tu computadora e ingresas este enlace en la barra de direcciones, podrás ver tu aplicación streamlit En caso de URL de red, se puede usar para acceder a tu app streamlt desde otros dispositivos en la misma red local Esto significa que si otro dispositivo como laptop, smartphone o tablet conectado a la misma red local abre un navegador web e ingresa este enlace en la barra de direcciones, podrá ver tu app stremlt Permitir la conexión entrante permitiría otros dispositivos acceder a la aplicación si conocen la dirección IP y el puerto. Lo niego porque ya no necesito esto. Y aquí podemos ver nuestra app, ver el título que especificamos y ver los datos que generamos usando Pandas y Napi Podemos expandir nuestro diagrama de dispersión a pantalla completa, devolverlo a cómo fue, ordenar nuestros datos por ejes X e Y como queramos. Como podemos ver, todo es muy interactivo. Podemos descargar esto en cualquier formato que podamos elegir y ver los ajustes disponibles aquí. En la configuración, podemos volver a ver los temas disponibles y elegir uno para nosotros mismos. Podemos imprimir el documento. A continuación, vemos screencast, una función que te permite grabar un video de tu pantalla demostrando tu app en acción Esto es útil para crear tutoriales, mostrar la funcionalidad de su aplicación o proporcionar informes visuales sobre su uso Esto es realmente genial porque puedes crear fácilmente dichos videos sin necesidad de usar software de grabación de pantalla de terceros y mostrar en detalle cómo funciona tu aplicación. Entonces podemos comprobar la versión. A continuación, vemos caché clara. Esto significa borrar la caché, lo que implica eliminar resultados seguros de ejecuciones de funciones anteriores. Esto puede ser útil cuando se quiere asegurar que las funciones se vuelven a ejecutar para obtener resultados actualizados. Esto es especialmente útil si los datos de entrada o la lógica de cálculo han cambiado. Podemos usar la función de implementación directamente en la aplicación. Esto significa el proceso de implementación de su aplicación streamlt en un servidor para que sea accesible a los usuarios a través de Internet Esto permite que otras personas interactúen con tu app sin necesidad de ejecutar el código localmente en sus computadoras. Bueno, vimos cómo se ve. Así que pasemos a crear la segunda aplicación usando Qi Finance. 3. Cómo crear una aplicación de visualización de precios de acciones con Streamlit y biblioteca financiera de Yahoo: Empecemos desde el principio. Voy a importar todo lo necesario. En este caso, en lugar de datos creados al azar, obtendremos datos de Yahoo Finance e Y Finance Library nos ayudará. A continuación, como hicimos en la app anterior, creamos un título. Voy a necesitar un cuadro de entrada de texto, así que voy a utilizar la función de entrada de texto. Permite a los usuarios ingresar datos de texto de forma interactiva en una aplicación Streamlt, y se usa comúnmente para recopilar usuario como texto, cadena o números Proporciona una etiqueta para el cuadro de entrada y streamlt muestra un campo de entrada de texto donde los usuarios pueden escribir texto Aquí, debemos ingresar el símbolo de acciones, y lo asignamos al símbolo de acciones variables. Entonces comprobamos si el símbolo de acciones variables tiene un valor. Si el símbolo de acciones no está vacío y se cumple la condición, llama a la función de descarga de la Biblioteca Y Finanzas para recuperar datos históricos de existencias. Esta función descarga los datos históricos del mercado para el símbolo de acciones especificado. Como parámetros, podemos pasar símbolo de acciones. El símbolo del stock, lo podemos obtener del sitio, NASDAQ Y el segundo parámetro es un periodo. Especificamos el periodo de tiempo para el cual se recuperan los datos históricos. Aquí se solicitan datos de los últimos cuatro años. Este código asegura que los datos de stock se descarguen solo si se proporciona un símbolo de stock, evitando iclls innecesarios y errores si el símbolo falta o no es válido Primera condición si el símbolo de acciones comprueba si la variable de símbolo de acciones ha sido proporcionada y no está vacía. Asegura que la función de descarga de Y Finance solo se llame si hay un símbolo de acciones para consultar. Evita llamadas innecesarias a la API y errores que se producirían si se llamara a la función de descarga de Y Finance con un símbolo vacío o no válido. segunda condición, si no hay datos de stock vacíos, verifica que la función de descarga de Y Finance recuperó correctamente los datos para el símbolo de acciones dado porque incluso si se proporciona un símbolo de acciones válido, es posible que no haya datos disponibles para ese símbolo Por ejemplo, el símbolo podría ser incorrecto o la acción podría no tener datos para el periodo solicitado. Después en el interior, estamos mostrando datos financieros. La función derecha muestra las primeras filas de los datos. Si viste mi tutorial sobre Bandas o polares, sabrás que la función head nos muestra solo las primeras cinco filas de nuestro marco de datos Entonces usamos gráfico de líneas. Crea un gráfico de líneas de los precios cerrados a partir de los datos de acciones. Y claro, usamos ls Blog. Aquí, vamos a mostrar un mensaje de error que indica que no se encontraron datos para los símbolos de stock proporcionados. El método de error en Streamlt muestra un mensaje de error. Se mostrará en rojo para llamar la atención. Ejecutamos nuestra app con el comando familiar, y en el navegador abierto vemos nuestra página. Vamos a probarlo e ingresar, por ejemplo, el nombre de Apple Stock, y obtuvimos un error. Bueno, ahí que no podemos precisar cuatro años. Pero podemos precisar, por ejemplo, cinco años. Hagámoslo. Ni siquiera necesitamos reiniciar nuestra aplicación. Simplemente lo cambiamos a cinco años, lo guardamos y abrimos el navegador y actualizamos la página. Vemos que ahora todo funciona correctamente porque se actualiza de forma interactiva Esto es muy conveniente. Podemos ver el precio de las acciones en un momento específico. Podemos acercar o alejar nuestro gráfico. Intentemos ingresar acciones de Google, por ejemplo. Podemos abrirlo en pantalla completa. Se llama cuando se quiere observar cómo han cambiado los precios a lo largo de un periodo determinado. Tomemos otro ejemplo. Quiero ver las acciones de Tesla. Sin embargo, es un poco inconveniente. Por ejemplo, quiero comparar los precios de las acciones a lo largo todo el periodo entre dos compañías cualesquiera. Quiero construir una nueva app donde podamos especificar los nombres de dos acciones y comparar sus precios. 4. Mejora la visualización de precios de las acciones: Streamlit, Yahoo Finance y Matplotlib: Como siempre, lo primero que hacemos es importar todas las bibliotecas necesarias. Esta vez, estaré usando Matlot Leap. Si aún no ha instalado estas bibliotecas, puede usar el comando Beep Install, seguido del nombre de la biblioteca para instalarlas en su entorno virtual A continuación, configuré el título de nuestra aplicación usando la función familiar. Después creo dos campos de entrada interactivos donde nuestros usuarios ingresarán los nombres de dos stokes. Quieren comparar. Después comprobamos si ambos símbolos de acciones han sido ingresados por el usuario. Si se ingresan ambos símbolos, la aplicación descarga los datos históricos cada símbolo de acciones durante los últimos cinco años utilizando la función de descarga de la Biblioteca Y Finanzas. Después de eso, verificamos ambos juegos de stock. Los datos no están vacíos. Si contienen datos, el código muestra estos datos y traza un gráfico para visualizar los precios de las acciones. La función derecha se utiliza para mostrar las primeras filas de datos. Te recordaré que la función head devuelve las primeras cinco filas del marco de datos correspondiente. A continuación, creamos una figura y un eje para la parcela con dimensiones de diez por 6”. Luego usamos la función plot para agregar una gráfica de líneas a los precios de cierre o las acciones para cada símbolo. Aquí pasamos el índice de datos bursátiles, datos de stock en el marco de datos que contienen datos históricos de stock para cada símbolo que descargamos usando la función de descarga. El índice representa el índice de este marco de datos, que normalmente consiste en fechas. Cuando se negociaron las acciones, éste se utilizará como el eje X, el eje horizontal en la gráfica. Después especificamos datos de stock, cierre. Esta es la columna cerrada del marco de datos que contiene los precios de cierre de las acciones para cada día. Esto se utilizará como eje Y, eje vertical de la gráfica, y finalmente, especificamos una etiqueta. trabajo con marcos de datos se cubrió en detalle en el curso de Pandas, y Pandas es una biblioteca Necesitas saber si planeas convertirte analista de datos o científico de datos. Pandas y tiradores, las dos bibliotecas o al menos familiarizarte con él y entender cómo funciona A continuación, fijamos el título de la trama. Después establecemos la etiqueta para el eje X y para el eje Y. Después agregamos una cuadrícula a la parcela. Facilita la lectura de nuestros puntos de datos, y agrego una leyenda a la trama, que identifica las diferentes series de datos o elementos trazados en la gráfica Luego usamos la función para mostrar una figura Mtlotlp directamente dentro de tu Byblot es una función streamlt que acepta una figura de Mtlotlp Esto representa un objeto ultplotlpigure que he creado previamente usando Mt En cool ese streamlet se integra a la perfección con Mt Blot Leap, lo que te permite mostrar figuras de labios Mult directamente dentro de tu aplicación streamlt Y luego manejamos casos donde no se dispone de datos. Deberíamos proporcionar comentarios claros al usuario cuando no se encuentren datos, reiniciar el proyecto, ingresar los datos. Y tenemos un error. Sólo unos pocos errores tipográficos. Perdón por eso. Yo lo arreglaré, y ahora todo debería funcionar. Así que vamos a probarlo. Yo podemos seleccionar cualquier stock y ver su precio y compararlo con cualquier otro stock. Y para esto, usamos streamld, Mud od lip, y I Finance Visualizamos datos históricos durante cinco años. Por supuesto, podemos cambiar este rango de fechas para que sea más largo o más corto. Gracias a Yahoo Finance Library, podemos obtener datos históricos de precios de acciones con gran precisión. uso de nuestra aplicación web facilita la comparación de los precios de las acciones de dos compañías en un solo gráfico, y eso es realmente genial. Puedes usar no solo Mattel, sino cualquier biblioteca que ya hayamos cubierto, puedes crear algo propio para analizar tus propios datos Streamlt te ayuda a mostrar todo esto sin necesidad de conocimientos de front-end No necesitas crear un sitio web para mostrar tu trabajo. 5. Características avanzadas de Streamlit: cómo agregar funcionalidades y desplegar tu aplicación de forma gratuita en Streamlit Cl: Y ahora quiero agregar un poco más a nuestra aplicación e implementarla en StreamLTCloud para que pueda accederse públicamente o simplemente exhibirla como parte Voy a dividir la pantalla en dos partes para poder ver los cambios en tiempo real. Para mí, será más conveniente. Voy a cambiar un poco mi título. Aquí estoy usando la función de barra lateral. La barra lateral es una sección separada de la aplicación web, generalmente utilizada para entradas y controles que afectan el contenido principal. Me parece inconveniente cuando ingresamos los nombres de nuestras empresas y no vemos inmediatamente el gráfico Quiero mover esto a la barra lateral. Este panel permite organizar los elementos de control por separado, proporcionando una interfaz más cómoda y organizada. Entonces utilizo cabecera. Este método agrega un encabezado a la barra lateral. De esta manera, estoy dando instrucción al usuario. Refresco la página, e inmediatamente podemos ver los cambios. Y aquí podemos ver nuestra barra lateral. La barra lateral streamlit se utiliza para crear un panel lateral donde puedes colocar varios elementos de interfaz, como encabezados, campos de texto, botones y, en general, todo lo que colocarías en la página principal Si ahora selecciono nuestros nombres de acciones, veremos que es mucho más conveniente. Sin embargo, no me gusta que el periodo de tiempo esté codificado duro a cinco años. Quiero poder elegir el periodo de tiempo según mi preferencia. Quiero ver y comparar acciones tal vez más de un año o tal vez más de diez años. Ahora voy a cambiar algo de la lógica. He ingresado el módulo de tiempo de datos. Esta es una biblioteca estándar que proporciona clases para trabajar con fechas y horas en Python. Este módulo permite realizar diversas operaciones relacionadas con el tiempo. Quiero crear un control deslizante en la barra lateral. Para hacer esto, estoy usando el deslizador de barra lateral, que crea el control deslizante. A continuación, especifico la etiqueta que explica al usuario que el deslizador es para seleccionar un rango de años. Después indico el valor mínimo que se puede seleccionar en el deslizador, que es el año 2000 posterior a eso, especifico el valor máximo que se puede seleccionar en el deslizador. Cuál es el año en curso determinado dinámicamente usando nuestro módulo diurno llamando al método null. A continuación, especifico los valores predeterminados que se establecerán en el control deslizante por defecto. Voy a elegir el año de inicio como 2015 y el año final como 2020. El resultado de esta línea de código son dos variables, año inicio y año, que mantienen los años de inicio y fin seleccionados. Estos valores se utilizan posteriormente en la aplicación. Aquí comprobamos si se ingresaron símbolos para ambas acciones. Si ambos símbolos no están vacíos, ejecuta el bloque de código dentro de esta condición. Aquí definimos las fechas de inicio y finalización para su posterior uso en la aplicación. Estamos reemplazando cinco años codificados por fechas generadas dinámicamente en función de la entrada del usuario de inicio y años. Vamos a refrescarnos y a ver qué tenemos. Tenemos un error. Recibimos un error porque hubo un error ortográfico que necesitaba ser corregido Ahora, todo funciona y podemos cambiar el marco de tiempo para el que usamos los nombres de los muelles, que se muestra de manera más conveniente que antes. Creo que es realmente más conveniente porque inmediatamente vemos lo que representan estos precios de acciones. Déjame cambiarlo a Tesla. Entonces quiero cambiar Apple a Google y jugar. Veamos cómo han cambiado sus precios a lo largo de un periodo específico. Ahora implementemos todo esto para transmitir con Cloud. Queremos mostrarle nuestro proyecto a alguien, así que necesitamos un poco de hosting donde podamos aplaudir lo que hemos hecho juntos Pero primero, necesitamos usar Git para esto. Si no estás familiarizado con Git, recomiendo que te familiarices con él tomando un curso Por favor revise mi perfil. Hay un gran curso sobre Git. Es un conocimiento esencial, independientemente de su rol de TI, ya sea que esté en pruebas o programación. Ahora hemos iniciado sesión en mi cuenta de Git y hemos creado en tu repositorio. Elige público y no agregues nada más como leerme archivo o Git Ignorar, deja todo como está. Después de crearlo, tienes una lista de comandos que necesitas ejecutar para empujar tu proyecto desde tu máquina local, desde tu computadora al servidor remoto que es GID. Y después de eso, pasamos a nuestro proyecto. Utilizamos el comando para inicializar nuestro proyecto. Este comando creará un nuevo repositorio vacío en el directorio actual de nuestro proyecto. Si miras todos los archivos, incluidos los ocultos, puedes ver el directorio dot GID. Esto significa que hemos inicializado un nuevo proyecto bajo control de versiones y creado todos los archivos y estructuras necesarios para trabajar con GID Después de esto, veremos los archivos en nuestro caso, un archivo que se agregará a la etapa. Es decir, veremos que vamos a enviar el repositorio remoto. A continuación, usamos el comando Git add para agregar todo al índice. Comprobamos el cambio de estado, y luego con el comando GIT Commit, guardamos todos los archivos, todos los cambios que nos agregaron al índice usando el comando add como una nueva confirmación en el repositorio local. Por ahora, nuestra tarea es empujar el repositorio local al servidor remoto. Para ello, pasamos los comandos copiados de GitHub. Después de ejecutar estos comandos, vamos a GitHub y actualizamos la página. Ya podemos ver nuestro archivo en GitHub. Nuestra siguiente tarea es implementar este producto en StreamLTcloud. Vamos a este sitio. no tienes un perfil, crea uno. Si tienes uno, inicia sesión en tu cuenta. Crear un perfil no lleva mucho tiempo. Utiliza tu correo electrónico proporciona tus datos en tu caso, y en mis casos, podría ser correcto especificar estudiante. A continuación, es simple. Elige la configuración por ti mismo y se crea el perfil. StreamLTcloud ofrece multitud de funciones. Aquí vemos la pestaña Mis Apps. A continuación, tenemos la pestaña Explorar. El stub permite encontrar y explorar aplicaciones públicas en StreamLT que fueron creadas por otros usuarios Luego está la pestaña Espacios de trabajo. El stub se utiliza para gestionar equipos y colaborar en proyectos streamlt Aquí vemos el botón para conectar tu cuenta de GitHub al espacio de trabajo StremltCloud, que es lo que necesitamos Streamlt pedirá permiso para conectarse a Github. Haré clic en el botón autorizado, y nuestra cuenta de GitHub se conectará al espacio de trabajo de stream Llet Ahora nuestra tarea es preparar el proyecto y enviarlo a Streamlt Cloud Para ello, voy a nuestro proyecto y creo requisitos TikTifle En los proyectos Python, este archivo es necesario para definir y enumerar todas las dependencias que se instalaron en el momento de la creación del proyecto En otras palabras, todos los paquetes y bibliotecas necesarios para que tu app funcione correctamente están listados en este archivo. Esto es especialmente importante antes del despliegue, independientemente de la plataforma. Al implementar un proyecto en StreamLTcloud, la plataforma buscará automáticamente estos requisitos 60 archivo en el directorio raíz del Después instala todos los paquetes especificados para que el entorno se configure de acuerdo a sus necesidades. Esto asegura que tu app tendrá todas las dependencias necesarias para un correcto funcionamiento sin esfuerzo adicional de tu parte Y por esfuerzo, quiero decir vas al servidor remoto e instalando manualmente todas las bibliotecas o dependencias para que tu app empiece a funcionar Grabé todas las bibliotecas y dependencias necesarias en requisitos Txt file Quité a los Pandas porque no lo usamos. Lo edito por costumbre porque es de uso frecuente. Entonces agregamos esto como un cambio en Git. Hacemos otro commit y lo empujamos al servidor Github remoto. Si ahora vas a Github y refrescas la página, veremos nuestros requisitos archivo Tik Di con todas las dependencias. Después nos dirigimos a Streamlt Cloud, clic en la aplicación Streamlt y luego clic en Crear y rellenamos nuestro formulario. Aquí podemos seleccionar nuestro repositorio, especificar la sucursal desde la que desplegaremos, indicar el archivo principal. En nuestro caso, es api, así que reescribo automáticamente el nombre del archivo principal creado y se me ocurre un enlace para nuestra aplicación También hay un método ligeramente diferente donde hacemos clic aquí y podemos publicar el enlace Github a nuestro archivo principal, que podemos copiar directamente desde Github aquí. Entonces también se nos ocurre un enlace para nuestra aplicación. Aquí vemos ajustes avanzados que proporcionan opciones de configuración adicionales para nuestra aplicación. Podemos almacenar claves API, contraseñas y otros secretos aquí. Stream let asegura que los secretos no se mostrarán en el código o registros, sino que estarán disponibles para la aplicación durante el uso. También podemos especificar variables de entorno aquí e implementarlas. Esto llevará algún tiempo. Y aquí vemos nuestra aplicación. Ahora nuestra app está en Internet Wi. Puedes compartir este enlace con cualquier persona y gente podrá visitar y probar tu producto. En general, StreamLTcloud es una excelente herramienta para exhibir su cartera Te permite implementar rápidamente tus proyectos desde tu repositorio Github. Cualquier cambio que realices en tu código y empujes a Github se reflejará automáticamente en tu app en StremltCloud Esto facilita mantener su cartera actualizada, haciendo que el desarrollo y publicación de sus datos sea rápido y sencillo. El despliegue es muy sencillo. Puedes colaborar y como bono, tenemos versionado. Podemos realizar un seguimiento de los cambios en nuestras aplicaciones y cambiar entre diferentes versiones. Es genial que puedas personalizar tu propio dominio para tu aplicación, dándole un aspecto profesional a tu portafolio. Adicionalmente, streamld se adapta a diferentes tamaños de pantalla, asegurando una buena apariencia tanto en computadoras como en dispositivos móviles Esto es genial porque tu aplicación puede ser vista correctamente por todos, ya sea desde un teléfono o una computadora doméstica, y lo más importante, StremltCloud ofrece un plan gratuito que te permite alojar tus aplicaciones sin Esto es muy útil para estudiantes y principiantes. Puedes tener tu propio dominio y alojar tu proyecto de prueba en Internet de forma gratuita. Entonces practiquemos y compartamos.