Skip to content

Instantly share code, notes, and snippets.

View alexplesoiu's full-sized avatar
🇹🇩

Alexandru-Ioan alexplesoiu

🇹🇩
16 followers · 19 following
View GitHub Profile
@alexplesoiu
alexplesoiu / pyodide_example.html
Last active May 14, 2022 06:25
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/pyodide/v0.20.0/full/pyodide.js"></script>
</head>
<body>
Pyodide test page <br>
Open your browser console to see Pyodide output
<script type="text/javascript">
async function main(){
@alexplesoiu
alexplesoiu / pyscript_example.html
Last active May 14, 2022 06:22
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<style>
h1 {
font-size: 20px;
color: green;
text-transform: uppercase;
@alexplesoiu
alexplesoiu / pyscript_install.html
Last active May 14, 2022 06:24
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<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('Hello, World!') </py-script> </body>
</html>
@alexplesoiu
alexplesoiu / pyscript_python_script.py
Last active May 14, 2022 06:24
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
class Person:
def __init__(self, first_name, last_name):
self.firstname = first_name
self.lastname = last_name
class Student(Person):
def __init__(self, first_name, last_name, university):
self.university = university
super().__init__(first_name, last_name)
@alexplesoiu
alexplesoiu / pyscript_pure_python.html
Last active May 14, 2022 06:24
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
Python with Functions and Classes <br>
<py-script>
class Person:
@alexplesoiu
alexplesoiu / pyscript_output_example.html
Last active May 14, 2022 06:23
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<style>
h1 {
font-size: 20px;
color: green;
text-transform: uppercase;
@alexplesoiu
alexplesoiu / pyscript_bootstrap_table.html
Last active May 14, 2022 06:23
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<table class="table table-dark">
<thead>
<tr>
@alexplesoiu
alexplesoiu / pyscript_python_builtin_libs.html
Last active May 14, 2022 06:23
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<style>
h1 {
font-size: 20px;
color: green;
text-transform: uppercase;
@alexplesoiu
alexplesoiu / pyscript_matplotlib.html
Last active May 14, 2022 06:23
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- matplotlib
</py-env>
<style>
h1 {
@alexplesoiu
alexplesoiu / pyscript_js.py
Last active May 14, 2022 06:23
Piece of code from this tutorial: https://blog.devgenius.io/pyscript-a-new-way-of-building-html-websites-tutorial-for-beginners-67a75935e039
import js
from js import document
def main():
element = document.getElementById("my-id")
element.innerHTML = 'PyScript is awesome!'
main()