- Conocerás sobre las aplicaciones web y en qué se diferencian de las aplicaciones móviles
- Aprenderás las diferentes opciones para programación y crear aplicaciones web
- Instalarás el software necesario para crear una aplicación web
Estas son las actividades para esta lección:
APLICACIONES WEB
Para tu proyecto de Technovation, tienes la opción de crear una aplicación móvil o una aplicación web.
Las participantes que ya hayan participado en Technovation y busquen un nuevo reto, o las nuevas participantes que tengan experiencia previa en programación, pueden plantearse crear una aplicación web para su proyecto de Technovation.
Muchos participantes optarán por crear una aplicación móvil con uno de nuestros creadores de aplicaciones sugeridos, App Inventor o Thunkable. Si eres nuevo en programación o sabes que quieres utilizar App Inventor o Thunkable para codificar tu aplicación, puedes saltarte esta lección.
La creación de una aplicación web se basa en texto programación y es más avanzada que la basada en bloques programación con App Inventor o Thunkable.
Empecemos por repasar la diferencia entre aplicaciones móviles, aplicaciones web y aplicaciones web progresivas.
Aplicación móvil
- un programa que se ejecuta de forma nativa en el teléfono
- descargado e instalado en el dispositivo
- puede acceder a las funciones del teléfono, como el GPS y la cámara
- específico de la plataforma (iOS o Android)
- programado con lenguajes específicos para adaptarse al sistema operativo
Aplicación web
- se parece mucho a una aplicación móvil
- se ejecuta en un navegador de Internet
- no es nativo de un dispositivo concreto (iOS o Android)
- suele codificarse con HTML, CSS, Javascript y Python.
- no puede ejecutarse cuando está desconectado
Aplicación web progresiva
- tipo especial de aplicación web que es un híbrido entre aplicación móvil y aplicación web.
- se ejecuta en un navegador
- también puede instalarse en el dispositivo móvil como una aplicación móvil normal
- puede ejecutarse incluso cuando el usuario no está conectado
Ten en cuenta que una aplicación web es diferente de un sitio web. Un sitio web es estático, codificado con HTML y CSS. Las aplicaciones web son dinámicas y cambian en función de las entradas del usuario y otras interacciones externas. Para tu proyecto de Technovation, no se acepta un sitio web.
Exploraremos algunas opciones de beginner para crear aplicaciones web.
Una gran diferencia con respecto a las plataformas de creación de aplicación móviles que mencionamos es que tú crearás una aplicación web utilizando un lenguaje de programación basado en texto en lugar de estar basado en bloques.
Hay dos lenguajes principales que se utilizan para crear aplicaciones web.
JAVASCRIPT
Javascript, o JSes un lenguaje de "scripting". Esto significa que el código se ejecuta en tiempo "runtime", en lugar de ser compilado, como una aplicación móvil. Es como si un actor ejecutara su guión durante un espectáculo cada vez que este se ejecuta (o se realiza).
Javascript suele combinarse con HTML y CSS para crear sitios web. HTML y CSS se utilizan para hacer sitios web estáticos, que pueden presentar información pero no cambian. Javascript añade interactividad y la capacidad de que el sitio web cambie y se actualice en función de factores externos. Y un sitio web dinámico e interactivo es esencialmente una aplicación web.
PYTHON
Python es un lenguaje de programación de propósito general muy popular. Python es a la vez un lenguaje de programación y un lenguaje de scripting, por lo que puede compilarse para ejecutarse, pero también puede ejecutarse en tiempo. runtime.
Se considera un lenguaje sencillo, versátil y accesible para los programadores noveles. Se utiliza en muchos aspectos diferentes del desarrollo de software. Uno de ellos es el desarrollo web. Otra es el aprendizaje automático. Por lo tanto, Python es una gran opción para aprender y desarrollar aplicaciones web de IA más avanzadas.
En este currículo educativo, nos centraremos en la creación de aplicaciones web con Python. Para crear fácilmente una aplicación web con Python, utilizaremos un framework llamado Streamlit. Streamlit te permite crear aplicaciones web potentes e interactivas con poco código. Se especializa en aplicaciones que involucran datos, y permite utilizar fácilmente las bibliotecas de aprendizaje automático de Python para incorporar la IA en tus aplicaciones.
Estas son algunas de sus principales características.
- Es una buena opción para quienes tienen mucha experiencia en programación y buscan un nuevo reto.
- Es bueno para la gente que ha hecho algo basado en programación de texto
- Es un lenguaje muy versátil y ampliamente utilizado
- Tendrás que instalar software en tu ordenador
- Python y bibliotecas asociadas
- Un editor de código
- Streamlit tiene la opción de ejecutarse en el navegador, utilizando Github
- No vamos a cubrir esta opción en este currículo educativo
- Puedes utilizar la IA con este
- Es el lenguaje más popular para construir y utilizar modelos de aprendizaje automático
- Utilizaremos Jupyter Notebooks en este currículo educativo para la construcción de modelos
CÓMO EMPEZAR
Para programar aplicaciones web para tu proyecto Technovation, necesitarás:
- Un ordenador o portátil
- Acceso a Internet
Deberías sentirte cómodo utilizando la ventana Terminal en Mac o Linux y Terminal o símbolo del sistema en Windows. Si no tienes experiencia, o ni siquiera sabes lo que es la ventana Terminal, entonces echa un vistazo a estos vídeos de beginner antes de pasar a la actividad.
Consulte la página video correspondiente a su sistema operativo.
Uso del terminal
17:03
14:50
12:40
Vamos a cubrir dos opciones para desarrollar aplicaciones web. Usted puede codificar en su ordenador o portátil, o puede codificar todo en la nube. Usted puede elegir cualquiera de las opciones, pero se recomienda que elija una opción y se adhieren a ella a través de su proyecto Technovation. Saber cómo utilizar los comandos de terminal por encima de ser útil con cualquiera de las opciones.
He aquí algunos pros y contras de cada uno.
EN SU ORDENADOR
PROS:
- Los archivos se guardan en tu ordenador
- Aprenda a utilizar Visual Studio Code, un IDE muy popular
- Aprenderás mucho sobre el uso de la ventana de terminal, la instalación de paquetes, etc.
- Control total y elección del software utilizado
- Puede codificar sin necesitar siempre acceso a Internet
CONS:
- No es fácil compartir archivos y código con tu equipo
- Puede ser muy frustrante instalar paquetes y puede llevar mucho tiempo configurarlos.
- Posibilidad de perder archivos si el ordenador se bloquea
EN LA NUBE
PROS:
- Los archivos se almacenan en la nube
- No necesitas instalar nada en tu ordenador
- Enlace automático a Github para portafolios
- Facilidad para compartir y codificar en equipo
CONS:
- No tendrá experiencia en el uso de programas informáticos a nivel local
- Dependencia de la conexión a Internet
Elige la Actividad A o la Actividad B, en función de si quieres codificar localmente en tu ordenador o codificar en la nube.
ACTIVIDAD A: EMPIEZA A UTILIZAR PYTHON EN TU ORDENADOR
INSTALAR SOFTWARE Y CODIFICAR LA APLICACIÓN DE INICIO
- Paso 1: Instala Python. Aquí hay un buen conjunto de instrucciones para Window, Mac o Linux.
- Paso 2: Instala un editor de código y Streamlit. Este video muestra cómo instalar Visual Studio Code y luego instalar Streamlit para ejecutarlo desde el editor de código.
- Paso 3: Ejecuta una aplicación web Streamlit muy sencilla en el entorno VS Code de la siguiente manera siguiendo este video.
- Celébralo haciendo una captura de pantalla de tu primera aplicación web y envíasela con una nota a tu mentor/a.
ACTIVIDAD B: INICIARSE EN PYTHON EN LA NUBE
CREAR CUENTAS Y CODIFICAR UNA APLICACIÓN
REVISIÓN DE TÉRMINOS CLAVE
- Aplicación Web - aplicación que se parece a una aplicación móvil pero se ejecuta en un navegador de Internet y se codifica utilizando HTML, CSS y Javascript o Python.
REFLEXIÓN
¡Enhorabuena por haber probado un poco de programación por texto! Aquí tienes algunas preguntas de reflexión para que las consideres con tu equipo y con tu mentor/a.
RECURSOS ADICIONALES
Tendrás que consultar la documentación y su soporte para trabajar con Python y Streamlit. A continuación te presentamos algunos buenos lugares para empezar.
- La guía de principiantes de Python.org tiene algunos buenos enlaces para aprender más sobre Python.
- Galería de aplicaciones de Streamlit
- Lista de reproducción completa del curso Streamlit de Nileg Production
