Hola mundo 🤟🏻 mi nombre es Francisco, fcoterroba en Internet y hoy os traigo un medio post medio noticia en el que vamos a hablar de una librería que está muy de moda actualmente en el sector del desarrollo web.
Sé que os gustan mucho más los posts cuando hablamos y creamos un nuevo proyecto desde 0 pero también hay que dar cabida a noticias importantes del sector y es por eso que hoy vamos a hablar de PyScript.
Before starting, how could it be otherwise, if you haven't seen it yet, I strongly recommend that you go watch the latest video I have on my YouTube channel in which I explained, in a very simple and concise way, how to perform the installation of a smart light bulb 🧠 with which you can change its color, control it with your own voice and much more! You can see it here 👇🏻
Finally, before starting, I wanted to communicate that I have been uploading videos to TikTok for a few weeks. Lately they are from Eurovision since there is little left for it but I leave you here the last one I did today on computers.
@fcoterroba like para la parte 2#fyp #parati #
Before start, ¿qué es un framework en JavaScript?
En pocas palabras, un Framework es una estructura previa que se puede aprovechar para desarrollar un proyecto. El Framework es una especie de plantilla, un esquema conceptual, que simplifica la elaboración de una tarea, ya que solo es necesario complementarlo de acuerdo a lo que se quiere realizar.
Generalmente, los frameworks son usados por programadores porque permiten acelerar el trabajo y favorecer que este sea colaborativo, reducir errores y obtener un resultado de más calidad. Pero no pienses que estas estructuras son cosa solo del departamento IT, qué va, en el mundo online hay frameworks para prácticamente todo: para definir el viaje de compra de un cliente, para aplicar mejoras a un producto digital y tener más conversiones… Y es que, hoy en día, la automatización es la clave para conseguir que cualquier proceso de trabajo sea rápido y eficaz sin perder un ápice de calidad.
Vamos, resumidamente, un framework es un sencillo marco de trabajo con el que empezar a desarrollar una idea superior partiendo con las bases más sencillas establecidas correctamente. Nos olvidamos de toda la parte más tediosa de la programación.
¿Qué es Py-Script?
Es mundialmente conocido en el sector que para la progamación en web, lo que se usa es, al menos del lado del cliente, JavaScript.
Es el único lenguaje de programación que aceptan a día de hoy los estándares de internet pero con Py-Script vamos un poco más allá.
Desarrollado por el equipo de Anaconda, “es una forma de incluir python con html y otros lenguajes en el navegador.” Esto significa que puede escribir y ejecutar código Python con HTML, interactuar con las bibliotecas de Javascript en PyScript y hacer todo el desarrollo en PyScript.
Sin necesidad de ejecutar el código desde el lado del servidor, ahora se puede ejecutar Python desde el lado del navegador.
Cierto es que no deja de tratarse a Python como un contenedor dentro de JavaScript, ya que, como veremos más adelante, para que esto funcione, debemos importar previamente una etiqueta usando JavaScript. Pero mola mucho ver los posibles avances del lenguaje.
Además, por rizar un poco más el rizo y seguir echando un poco de balones fuera hacia Py-Script. Debemos saber que este framework no es más que una tecnología dependiente de otra, la famosa Pyodide. Tecnología que usa Node.js y webassembly por detrás.
Este entorno ya viene con librerías comunes como numpy, pandas, scikit-learn y mucho más. Además, tiene comunicación bidireccional entre el entorno de Python y JavaScript
Importante recalcar que el desarrollador tiene absoluto control a la hora de elegir qué paquetes y archivos va a cargar en el entorno.
Veamos algunos ejemplos
Hola Mundo
Empecemos con el ejemplo básico, un hola mundo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
<h1>Hola mundo</h1>
<h2>Vamos a añadir la fecha y hora actual</h2>
<py-script>
from datetime import datetime
now = datetime.now()
now.strftime("%m/%d/%Y, %H:%M:%S")
</py-script>
</body>
</html>
También podemos hacer cálculos en el mismo documento
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
<h1>Hola mundo</h1>
<h2>Podemos hacer todos los cálculos</h2>
<py-script>
print("2+2 = " , 2+2)
print("32-12 = " , 32-12)
print("8*4 = " , 8*4)
print("240/5 = " , 240/5)
</py-script>
</body>
</html>
Y muchísimo más!
Recordad que está aún en unas fases muy iniciales por lo que hay cosas que no están pero es flipante ver hasta dónde está llegando el desarrollo web!
🏁 End of the post< 🏁
And this has been all for today. Thank you for reaching the end, I hope you have served and liked it. See you soon!
You can contribute financially through Paypal. Any amount is well received! 🙂
Espero también que tengáis una genial semana y nos vemos por aquí dentro de poquito! Un saludo y recuerda seguirme en las redes como Twitter, Facebook, Instagram, GitHub, LinkedIn and now too in TikTok. 🤟🏻
sources: rockcontent.com, edix.com, pyodide.org, analyticslane.com, devjaime.medium.com, platzi.com
English 
Spanish