PyScript desde cero: guía práctica para desarrolladores web

| Última modificación: 10 de octubre de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

Hoy en día los desarrolladores buscan la manera de poder usar Python directamente en sus navegadores porque así no tienen que instalar ni configurar nada extra. La idea de PyScript es precisamente esa, brindarte la posibilidad de que puedas acceder a la programación web de una forma más fácil y rápida. Con esta guía práctica aprenderás a usarlo para aprovecharlo en tus proyectos.

qué es PyScript

¿Qué es PyScript?

Es una tecnología con la que puedes ejecutar código Python dentro de un archivo HTML, es decir, puedes integrar Python directamente en tus páginas web, algo que normalmente solo se hace con JavaScript. Si en algún momento has usado JavaScript en el desarrollo front-end, imagínate hacer lo mismo, pero con Python.

Lo mejor de todo es que no necesitas configuraciones complicadas ni servidores especiales. Simplemente añades unos cuantos enlaces en tu archivo HTML, y ya puedes empezar a escribir código Python en el navegador. Además, puedes usar fácilmente bibliotecas populares de Python, como NumPy o Matplotlib, lo que te abre un montón de opciones para crear aplicaciones web interactivas y potentes.

Características más importantes

Ejecución de Python en el navegador

Como te lo expliqué antes, su principal característica es que te deja ejecutar Python en tu navegador y no tienes que hacer ninguna configuración en el servidor. Esto convierte a Python en un lenguaje accesible para los desarrolladores.

Uso de bibliotecas de Python

Tienes la capacidad de importar y utilizar las bibliotecas más populares de Python. Esto significa que puedes aprovechar librerías como NumPy para cálculos matemáticos o Matplotlib para generar gráficos, todo desde tu navegador.

Compatibilidad con JavaScript

Como puede coexistir con JavaScript dentro del mismo proyecto, obtienes lo mejor de ambos mundos: la potencia de Python y la versatilidad de JavaScript, algo importante para el desarrollo web moderno.

Componentes HTML preconfigurados

También incluye componentes preimplementados, lo que simplifica el proceso de desarrollo. No tendrás que preocuparte por configuraciones manuales complejas, ya que los elementos básicos están listos para que puedas empezar a usarlo de inmediato.

¿Cómo funciona?

Implementarlo en un archivo HTML es muy fácil. Solo tienes que agregar las siguientes líneas dentro de la etiqueta <head> de tu archivo HTML:

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

Esto cargará los recursos necesarios para que puedas comenzar a usarlo en tu página web. A partir de aquí, puedes usar etiquetas como <py-script> para escribir tu código Python directamente en el archivo HTML.

Por ejemplo, el siguiente código mostrará un mensaje en el navegador:

<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 PyScript!') </py-script>
</body>
</html>

Al abrir este archivo en tu navegador, verás el mensaje “¡Bienvenido a PyScript!” ejecutado directamente gracias a Python.

Trabajando con bibliotecas

Para aprovechar las bibliotecas, simplemente defines las bibliotecas que necesitas dentro de la etiqueta <py-env>. Aquí tienes un ejemplo donde se importan NumPy y Matplotlib:

<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>
<!-- Aquí va el código que utiliza las bibliotecas -->
</body>
</html>

Con esta configuración, serás capaz de usar NumPy para realizar operaciones matemáticas avanzadas o Matplotlib para crear gráficos dentro de tu página web. Puedes darte cuenta de que es muy fácil de usar.

Con PyScript se rompió la barrera tradicional en la que se establecía que Python solo se usaba para el backend y JavaScript para el frontend. Actualmente los desarrolladores pueden crear aplicaciones web mucho más rápidas y eficaces, porque se les facilita el uso de las bibliotecas de Python y, en caso de que no tengan conocimientos sobre JavaScript, no tienen que aprenderlo desde cero porque no será necesario.

De modo que, si ya eres fan de Python o solo quieres explorar nuevas formas de programar en la web, sin duda es una herramienta que debes probar. Te aseguramos que cambiará tu forma de programar.

¿Te imaginas crear aplicaciones web usando Python y llevar tus habilidades al siguiente nivel? En el grandioso Bootcamp de Desarrollo Web, aprenderás a dominar las tecnologías más innovadoras del mundo del desarrollo y te prepararás para convertirte en un experto en desarrollo web. ¡Apúntate y da el salto hacia una carrera llena de oportunidades, con alta demanda de profesionales y salarios competitivos en la industria tecnológica!

Alberto Casero

Alberto Casero es CTO en Watium, Fundador de Kas Factory & Coordinador del Bootcamp en Desarrollo Web.

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado