Qué es Pyscript: el sistema para programar Python en html

Python

El lenguaje Python se encuentra actualmente entre los más solicitados y populares del mercado. Programar python es muy demandada por las empresas y muy bien vista por las software house.

Aprender Python, por lo tanto, puede ser un paso crucial para entrar en contextos de trabajo establecidos y muy variados.

Lenguaje Python

Como lenguaje de programación, Python es extremadamente versátil. Además de tener una sintaxis muy sencilla de recordar, destaca por su potencia de cálculo y la ausencia de tipificación de datos, lo que la hace realmente útil ante cualquier eventualidad. El lenguaje Python se puede utilizar en inteligencia artificial, análisis de datos, desarrollo de software genérico, sistemas erp, también útil para el desarrollo de videojuegos y desarrollo web.

Programar en Python, por lo tanto, puede significar enfrentarse a muchos contextos de programación informática, muy buscados en el lugar de trabajo. Además, Python hace grandes avances en el desarrollo web. En 2022 se anunció el proyecto llamado PyScript, que permite ejecutar código Python dentro del navegador.

¿Qué es PyScript?

Desarrollado por el equipo de Anaconda, PyScript es un sistema para interconectar el código Python en un script HTML. Esto significa escribir y ejecutar código de Python en HTML, llamar a bibliotecas de JavaScript en PyScript y hacer desarrollo web exclusivamente con programación de Python.

Las principales características de PyScript son:

ejecutando Python en el navegador sin configurar nada en el lado del servidor.
Es muy simple interactuar con las infinitas bibliotecas de Python, importándolas.
La posibilidad de hacer coexistir JavaScript y Python es crucial.
Los componentes HTML están preimplementados, es decir, ya están configurados.

Con PyScript podemos escribir código Python (y potencialmente también otros lenguajes de programación) en un documento HTML, para crear aplicaciones web potentes. PyScript hace que el poder de Python sea accesible para un grupo mucho más amplio de desarrolladores, incluso solo para aquellos que se ocupan del front-end. La idea es hacer un proyecto extremadamente portátil. Queremos darle un contexto a Python para poder interactuar con páginas HTML de una manera extremadamente efectiva, teniendo todo a mano.

¿Cómo funciona PyScript?

Para instalar PyScript dentro de un archivo HMTL simplemente añade dentro del elemento HEAD las siguientes instrucciones:

<link 
     rel="stylesheet" 
     href="https://pyscript.net/alpha/pyscript.css" 
/>
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

PyScript es open source y es posible encontrar el código fuente en GitHub. Los principales comandos para usarlo en un documento HTML son:

<py-env>: define los paquetes necesarios para ejecutar el código de Python.
<py-script>: es donde escribes el código Python que luego se ejecutará dentro de la página web.
<py-repl>: crea un componente REPL (read-eval-print-loop) que evalúa el código insertado y muestra los resultados.

Después, escribe simplemente el código de Python dentro de la etiqueta html para poder ver como sucede la magia.

<html>
  <head>
    <link 
      rel="stylesheet" 
      href="https://pyscript.net/alpha/pyscript.css" 
    />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>
  <body> 
    <py-script> print(Bienvenido a Aulab!') </py-script> 
  </body>
</html>

Con estas pocas líneas de código HTML verás el mensaje "¡Bienvenido a Aulab!" en el navegador, ¡gracias a Python!

<py-env> pero funciona de manera diferente. Dentro de la etiqueta es importante definir los paquetes o bibliotecas que se desea utilizar en el entorno de trabajo, de esta manera:

<html>
  <head>
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <py-env>
        - numpy
        - matplotlib
    </py-env>
  </head>
  <body> 
      ...
  </body>
</html>

En general, PyScript es un recurso extremadamente poderoso para cualquier desarrollador, empezando por aquellos que no saben programar con Python, hasta aquellos que no están involucrados en el web development. Se convierte en un cruce de caminos realmente útil para aprovechar un lenguaje de programación tan potente como versátil dentro de un navegador que está al alcance de todos los usuarios.

¿Y tú lo conocías?

Conviértete en Desarrollador weben 6 meses

Descubre el bootcamp de programación Hackademy

Programa Completo