DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

watchakorn-18k
watchakorn-18k

Posted on

Pure Python No JS Only Pyscript πŸ’ͺ🏻

Here's an example of a Pyscript implementation that doesn't use JS.
Try it : https://watchakorn-18k.github.io/Pure-Python-Non-Js-With-Pyscript/

Pure Python Non Js With Pyscript

We make an effort to build an app website without JS, to say the least. But actually we just change the format to use. The modules available in pyodide are based on JS commands on python.

Using javascript, just import pyscript and tailwindcss and daisyui

Install

git clone https://github.com/watchakorn-18k/Pure-Python-Non-Js-With-Pyscript

cd Pure-Python-Non-Js-With-Pyscript
Enter fullscreen mode Exit fullscreen mode

Run

Tree File

β”‚   config.toml
β”‚   icon.png
β”‚   index.html
β”‚   README.md
β”‚   
β”œβ”€β”€β”€.vscode
β”‚       settings.json
β”‚       
β”œβ”€β”€β”€components
β”‚       ascii.html
β”‚       ascii.py
β”‚       binance_price.html
β”‚       binance_price.py
β”‚       clock.html
β”‚       clock.py
β”‚       index.html
β”‚       index.py
β”‚       input_app.html
β”‚       input_app.py
β”‚       layouts.py
β”‚
β”œβ”€β”€β”€css
β”‚       pyscript.css
β”‚
└───js
        pyscript.js

Enter fullscreen mode Exit fullscreen mode

Example

Input App : Example of creating a form to receive data from the client

Clock : An example of making a real-time display clock

Binance Price : This is an example of retrieving data with an API without using JavaScript.

ASCII : An example of an ASCII transformation that uses Python's built-in function chr() with ord() to demonstrate Python's capabilities.

Falling Snow : An example of creating snow falling from the sky using basic python, either map() or using dict instead of array in JS by reference from PasaComputer - Falling Snow | JavaScript 21 Days Challenge EP. 1 | ΰΈͺΰΈ­ΰΈ™ JavaScript ΰΉ€ΰΈ£ΰΈ΅ΰΈ’ΰΈ™ΰΈ£ΰΈΉΰΉ‰ΰΈˆΰΈ²ΰΈΰΈΰΈ²ΰΈ£ΰΈ₯ΰΈ‡ΰΈ‘ΰΈ·ΰΈ­ΰΈ—ΰΈ³

SOURCE : https://github.com/watchakorn-18k/Pure-Python-Non-Js-With-Pyscript

Top comments (1)

Collapse
 
waltharivonneresheim profile image
Walter Richtscheid

Interesting approaches

Want to rep DEV and be comfy at the same time?

Check out our classic DEV shirt β€” available in multiple colors.