René's URL Explorer Experiment


Title: A First Look at PyScript: Python in the Web Browser – Real Python

Open Graph Title: A First Look at PyScript: Python in the Web Browser – Real Python

Description: In this tutorial, you'll learn about PyScript, a new framework that allows for running Python in the web browser with few or no code modifications and excellent performance. You'll leverage browser APIs and JavaScript libraries to build rich, highly interactive web applications with Python.

Open Graph Description: In this tutorial, you'll learn about PyScript, a new framework that allows for running Python in the web browser with few or no code modifications and excellent performance. You'll leverage browser APIs and JavaScript libraries to build rich, highly interactive web applications with Python.

Mail addresses
?subject=Python article for you&body=A First Look at PyScript: Python in the Web Browser on Real Python https://realpython.com/pyscript-python-in-browser/

Opengraph URL: https://realpython.com/pyscript-python-in-browser/

X: @realpython

direct link

Domain: realpython.com


Hey, it has json ld scripts:
{
  "@context": "http://schema.org",
  "@type": "Article",
  "headline": "A First Look at PyScript: Python in the Web Browser",
  "image": {
    "@type": "ImageObject",
    "url": "https://files.realpython.com/media/PyScript_Watermarked.f91b33f963a1.jpg",
    "width": 1920,
    "height": 1080
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://realpython.com/pyscript-python-in-browser/",
    "lastReviewed": "2023-12-01",
    "author": {
      "@type": "Person",
      "name": "Bartosz Zaczy\u0144ski",
      "image": "https://realpython.com/cdn-cgi/image/width=1694,height=1694,fit=crop,gravity=auto,format=auto/https://files.realpython.com/media/coders_lab_2109368.259b1599fbee.jpg",
      "url": "https://realpython.com/team/bzaczynski/",
      "affiliation": {
        "@type": "Organization",
        "@id": "https://realpython.com/#organization",
        "name": "Real Python",
        "url": "https://realpython.com",
        "logo": "https://realpython.com/static/real-python-logo-square-512.157ae6bf64ed.png"
      }
    },
    "reviewedBy": [
      {
        "@type": "Person",
        "name": "Aldren Santos",
        "image": "https://realpython.com/cdn-cgi/image/width=500,height=500,fit=crop,gravity=auto,format=auto/https://files.realpython.com/media/Aldren_Santos_Real_Python.6b0861d8b841.png",
        "url": "https://realpython.com/team/asantos/",
        "affiliation": {
          "@type": "Organization",
          "@id": "https://realpython.com/#organization",
          "name": "Real Python",
          "url": "https://realpython.com",
          "logo": "https://realpython.com/static/real-python-logo-square-512.157ae6bf64ed.png"
        }
      },
      {
        "@type": "Person",
        "name": "Geir Arne Hjelle",
        "image": "https://realpython.com/cdn-cgi/image/width=800,height=800,fit=crop,gravity=auto,format=auto/https://files.realpython.com/media/gahjelle.470149ee709e.jpg",
        "url": "https://realpython.com/team/gahjelle/",
        "affiliation": {
          "@type": "Organization",
          "@id": "https://realpython.com/#organization",
          "name": "Real Python",
          "url": "https://realpython.com",
          "logo": "https://realpython.com/static/real-python-logo-square-512.157ae6bf64ed.png"
        }
      },
      {
        "@type": "Person",
        "name": "Kate Finegan",
        "image": "https://realpython.com/cdn-cgi/image/width=400,height=400,fit=crop,gravity=auto,format=auto/https://files.realpython.com/media/VZxEtUor_400x400.7169c68e3950.jpg",
        "url": "https://realpython.com/team/kfinegan/",
        "affiliation": {
          "@type": "Organization",
          "@id": "https://realpython.com/#organization",
          "name": "Real Python",
          "url": "https://realpython.com",
          "logo": "https://realpython.com/static/real-python-logo-square-512.157ae6bf64ed.png"
        }
      }
    ]
  },
  "datePublished": "2022-06-06T14:00:00+00:00",
  "dateModified": "2023-12-01T23:51:49.085250+00:00",
  "publisher": {
    "@type": "Organization",
    "@id": "https://realpython.com/#organization",
    "name": "Real Python",
    "url": "https://realpython.com",
    "logo": {
      "@type": "ImageObject",
      "url": "https://realpython.com/static/real-python-logo-square-512.157ae6bf64ed.png",
      "width": 512,
      "height": 512
    },
    "description": "Real Python is a leading provider of online Python education and one of the largest language-specific online communities for software developers. It publishes high-quality learning resources, such as tutorials, books, and courses to an audience of millions of developers, data scientists, and machine learning engineers each month.",
    "slogan": "Become a Python Expert",
    "email": "info@realpython.com",
    "sameAs": [
      "https://github.com/realpython",
      "https://www.youtube.com/realpython",
      "https://twitter.com/realpython",
      "https://x.com/realpython",
      "https://www.linkedin.com/company/realpython-com/",
      "https://www.facebook.com/learnrealpython",
      "https://www.instagram.com/realpython",
      "https://www.tiktok.com/@realpython.com"
    ]
  },
  "author": {
    "@type": "Person",
    "name": "Bartosz Zaczy\u0144ski",
    "image": "https://realpython.com/cdn-cgi/image/width=1694,height=1694,fit=crop,gravity=auto,format=auto/https://files.realpython.com/media/coders_lab_2109368.259b1599fbee.jpg",
    "url": "https://realpython.com/team/bzaczynski/",
    "affiliation": {
      "@type": "Organization",
      "@id": "https://realpython.com/#organization",
      "name": "Real Python",
      "url": "https://realpython.com",
      "logo": "https://realpython.com/static/real-python-logo-square-512.157ae6bf64ed.png"
    }
  },
  "description": "In this tutorial, you'll learn about PyScript, a new framework that allows for running Python in the web browser with few or no code modifications and excellent performance. You'll leverage browser APIs and JavaScript libraries to build rich, highly interactive web applications with Python."
}

authorReal Python
twitter:cardsummary_large_image
twitter:imagehttps://files.realpython.com/media/PyScript_Watermarked.f91b33f963a1.jpg
og:imagehttps://files.realpython.com/media/PyScript_Watermarked.f91b33f963a1.jpg
twitter:creator@realpython
og:typearticle

Links:

https://realpython.com/
Start Herehttps://realpython.com/start-here/
Learn Python https://realpython.com/pyscript-python-in-browser/
Python Tutorials →In-depth articles and video courseshttps://realpython.com/search?kind=article&kind=course&order=newest
Learning Paths →Guided study plans for accelerated learninghttps://realpython.com/learning-paths/
Quizzes & Exercises →Check your learning progresshttps://realpython.com/quizzes/
Browse Topics →Focus on a specific area or skill levelhttps://realpython.com/tutorials/all/
Community Chat →Learn with other Pythonistashttps://realpython.com/community/
Office Hours →Live Q&A calls with Python expertshttps://realpython.com/office-hours/
Podcast →Hear what’s new in the world of Pythonhttps://realpython.com/podcasts/rpp/
Books →Round out your knowledge and learn offlinehttps://realpython.com/products/books/
Reference →Concise definitions for common Python termshttps://realpython.com/ref/
Code Mentor →BetaPersonalized code assistance & learning toolshttps://realpython.com/mentor/
Unlock All Content →https://realpython.com/account/join/
More https://realpython.com/pyscript-python-in-browser/
Learner Storieshttps://realpython.com/learner-stories/
Python Newsletterhttps://realpython.com/newsletter/
Python Job Boardhttps://www.pythonjobshq.com
Meet the Teamhttps://realpython.com/team/
Become a Tutorial Writerhttps://realpython.com/write-for-us/
Become a Video Instructorhttps://realpython.com/become-an-instructor/
Searchhttps://realpython.com/search
https://realpython.com/search
Joinhttps://realpython.com/account/join/
Sign‑Inhttps://realpython.com/account/login/?next=%2Fpyscript-python-in-browser%2F
Browse Topicshttps://realpython.com/tutorials/all/
Guided Learning Pathshttps://realpython.com/learning-paths/
Basicshttps://realpython.com/search?level=basics
Intermediatehttps://realpython.com/search?level=intermediate
Advancedhttps://realpython.com/search?level=advanced
aihttps://realpython.com/tutorials/ai/
algorithmshttps://realpython.com/tutorials/algorithms/
apihttps://realpython.com/tutorials/api/
best-practiceshttps://realpython.com/tutorials/best-practices/
careerhttps://realpython.com/tutorials/career/
communityhttps://realpython.com/tutorials/community/
databaseshttps://realpython.com/tutorials/databases/
data-sciencehttps://realpython.com/tutorials/data-science/
data-structureshttps://realpython.com/tutorials/data-structures/
data-vizhttps://realpython.com/tutorials/data-viz/
devopshttps://realpython.com/tutorials/devops/
djangohttps://realpython.com/tutorials/django/
dockerhttps://realpython.com/tutorials/docker/
editorshttps://realpython.com/tutorials/editors/
flaskhttps://realpython.com/tutorials/flask/
front-endhttps://realpython.com/tutorials/front-end/
gamedevhttps://realpython.com/tutorials/gamedev/
guihttps://realpython.com/tutorials/gui/
machine-learninghttps://realpython.com/tutorials/machine-learning/
newshttps://realpython.com/tutorials/news/
numpyhttps://realpython.com/tutorials/numpy/
projectshttps://realpython.com/tutorials/projects/
pythonhttps://realpython.com/tutorials/python/
stdlibhttps://realpython.com/tutorials/stdlib/
testinghttps://realpython.com/tutorials/testing/
toolshttps://realpython.com/tutorials/tools/
web-devhttps://realpython.com/tutorials/web-dev/
web-scrapinghttps://realpython.com/tutorials/web-scraping/
Table of Contentshttps://realpython.com/pyscript-python-in-browser/#toc
Disclaimer: PyScript Is an Experimental Project!https://realpython.com/pyscript-python-in-browser/#disclaimer-pyscript-is-an-experimental-project
Getting Started With PyScripthttps://realpython.com/pyscript-python-in-browser/#getting-started-with-pyscript
Wrap Your Head Around PyScripthttps://realpython.com/pyscript-python-in-browser/#wrap-your-head-around-pyscript
Write Your First “Hello, World!” in PyScripthttps://realpython.com/pyscript-python-in-browser/#write-your-first-hello-world-in-pyscript
Fetch the Python Runtime From the Internethttps://realpython.com/pyscript-python-in-browser/#fetch-the-python-runtime-from-the-internet
Download PyScript for Offline Developmenthttps://realpython.com/pyscript-python-in-browser/#download-pyscript-for-offline-development
Download a Specific Pyodide Releasehttps://realpython.com/pyscript-python-in-browser/#download-a-specific-pyodide-release
Verify Your Pyodide and Python Versionshttps://realpython.com/pyscript-python-in-browser/#verify-your-pyodide-and-python-versions
Dealing With Python Code Formattinghttps://realpython.com/pyscript-python-in-browser/#dealing-with-python-code-formatting
Managing Python Dependencies in PyScripthttps://realpython.com/pyscript-python-in-browser/#managing-python-dependencies-in-pyscript
Modules Missing From the Python Standard Libraryhttps://realpython.com/pyscript-python-in-browser/#modules-missing-from-the-python-standard-library
Third-Party Libraries Bundled With Pyodidehttps://realpython.com/pyscript-python-in-browser/#third-party-libraries-bundled-with-pyodide
Pure-Python Wheels Downloaded From PyPIhttps://realpython.com/pyscript-python-in-browser/#pure-python-wheels-downloaded-from-pypi
C Extension Modules Compiled for WebAssemblyhttps://realpython.com/pyscript-python-in-browser/#c-extension-modules-compiled-for-webassembly
Custom Python Modules and Data Fileshttps://realpython.com/pyscript-python-in-browser/#custom-python-modules-and-data-files
Emulating Python REPL and Jupyter Notebookhttps://realpython.com/pyscript-python-in-browser/#emulating-python-repl-and-jupyter-notebook
Exploring PyScript’s Visual Componentshttps://realpython.com/pyscript-python-in-browser/#exploring-pyscripts-visual-components
PyTitlehttps://realpython.com/pyscript-python-in-browser/#pytitle
PyBoxhttps://realpython.com/pyscript-python-in-browser/#pybox
PyButtonhttps://realpython.com/pyscript-python-in-browser/#pybutton
PyInputBoxhttps://realpython.com/pyscript-python-in-browser/#pyinputbox
Using PyScript to Find and Manipulate HTML Elementshttps://realpython.com/pyscript-python-in-browser/#using-pyscript-to-find-and-manipulate-html-elements
PyScript’s Adapter for JavaScript Proxyhttps://realpython.com/pyscript-python-in-browser/#pyscripts-adapter-for-javascript-proxy
Pyodide’s JavaScript Proxyhttps://realpython.com/pyscript-python-in-browser/#pyodides-javascript-proxy
Python Event Callback Proxyhttps://realpython.com/pyscript-python-in-browser/#python-event-callback-proxy
Interfacing With the Web Browser From Pythonhttps://realpython.com/pyscript-python-in-browser/#interfacing-with-the-web-browser-from-python
Cookieshttps://realpython.com/pyscript-python-in-browser/#cookies
Fetch APIhttps://realpython.com/pyscript-python-in-browser/#fetch-api
Local Storagehttps://realpython.com/pyscript-python-in-browser/#local-storage
Sensor APIhttps://realpython.com/pyscript-python-in-browser/#sensor-api
Timer Functionshttps://realpython.com/pyscript-python-in-browser/#timer-functions
Combining the Power of Python and JavaScript Librarieshttps://realpython.com/pyscript-python-in-browser/#combining-the-power-of-python-and-javascript-libraries
HTML and CSShttps://realpython.com/pyscript-python-in-browser/#html-and-css
JavaScript Codehttps://realpython.com/pyscript-python-in-browser/#javascript-code
Python Codehttps://realpython.com/pyscript-python-in-browser/#python-code
Publishing Your PyScript Application on GitHub Pageshttps://realpython.com/pyscript-python-in-browser/#publishing-your-pyscript-application-on-github-pages
Contributing to PyScripthttps://realpython.com/pyscript-python-in-browser/#contributing-to-pyscript
Conclusionhttps://realpython.com/pyscript-python-in-browser/#conclusion
https://realpython.com/feedback/survey/article/pyscript-python-in-browser/liked/?from=article-sidebar
https://realpython.com/feedback/survey/article/pyscript-python-in-browser/disliked/?from=article-sidebar
Bartosz Zaczyńskihttps://realpython.com/pyscript-python-in-browser/#author
https://realpython.com/pyscript-python-in-browser/#reader-comments
intermediatehttps://realpython.com/tutorials/intermediate/
data-sciencehttps://realpython.com/tutorials/data-science/
data-vizhttps://realpython.com/tutorials/data-viz/
front-endhttps://realpython.com/tutorials/front-end/
guihttps://realpython.com/tutorials/gui/
web-devhttps://realpython.com/tutorials/web-dev/
Disclaimer: PyScript Is an Experimental Project!https://realpython.com/pyscript-python-in-browser/#disclaimer-pyscript-is-an-experimental-project
Getting Started With PyScripthttps://realpython.com/pyscript-python-in-browser/#getting-started-with-pyscript
Wrap Your Head Around PyScripthttps://realpython.com/pyscript-python-in-browser/#wrap-your-head-around-pyscript
Write Your First “Hello, World!” in PyScripthttps://realpython.com/pyscript-python-in-browser/#write-your-first-hello-world-in-pyscript
Fetch the Python Runtime From the Internethttps://realpython.com/pyscript-python-in-browser/#fetch-the-python-runtime-from-the-internet
Download PyScript for Offline Developmenthttps://realpython.com/pyscript-python-in-browser/#download-pyscript-for-offline-development
Download a Specific Pyodide Releasehttps://realpython.com/pyscript-python-in-browser/#download-a-specific-pyodide-release
Verify Your Pyodide and Python Versionshttps://realpython.com/pyscript-python-in-browser/#verify-your-pyodide-and-python-versions
Dealing With Python Code Formattinghttps://realpython.com/pyscript-python-in-browser/#dealing-with-python-code-formatting
Managing Python Dependencies in PyScripthttps://realpython.com/pyscript-python-in-browser/#managing-python-dependencies-in-pyscript
Modules Missing From the Python Standard Libraryhttps://realpython.com/pyscript-python-in-browser/#modules-missing-from-the-python-standard-library
Third-Party Libraries Bundled With Pyodidehttps://realpython.com/pyscript-python-in-browser/#third-party-libraries-bundled-with-pyodide
Pure-Python Wheels Downloaded From PyPIhttps://realpython.com/pyscript-python-in-browser/#pure-python-wheels-downloaded-from-pypi
C Extension Modules Compiled for WebAssemblyhttps://realpython.com/pyscript-python-in-browser/#c-extension-modules-compiled-for-webassembly
Custom Python Modules and Data Fileshttps://realpython.com/pyscript-python-in-browser/#custom-python-modules-and-data-files
Emulating Python REPL and Jupyter Notebookhttps://realpython.com/pyscript-python-in-browser/#emulating-python-repl-and-jupyter-notebook
Exploring PyScript’s Visual Componentshttps://realpython.com/pyscript-python-in-browser/#exploring-pyscripts-visual-components
PyTitlehttps://realpython.com/pyscript-python-in-browser/#pytitle
PyBoxhttps://realpython.com/pyscript-python-in-browser/#pybox
PyButtonhttps://realpython.com/pyscript-python-in-browser/#pybutton
PyInputBoxhttps://realpython.com/pyscript-python-in-browser/#pyinputbox
Using PyScript to Find and Manipulate HTML Elementshttps://realpython.com/pyscript-python-in-browser/#using-pyscript-to-find-and-manipulate-html-elements
PyScript’s Adapter for JavaScript Proxyhttps://realpython.com/pyscript-python-in-browser/#pyscripts-adapter-for-javascript-proxy
Pyodide’s JavaScript Proxyhttps://realpython.com/pyscript-python-in-browser/#pyodides-javascript-proxy
Python Event Callback Proxyhttps://realpython.com/pyscript-python-in-browser/#python-event-callback-proxy
Interfacing With the Web Browser From Pythonhttps://realpython.com/pyscript-python-in-browser/#interfacing-with-the-web-browser-from-python
Cookieshttps://realpython.com/pyscript-python-in-browser/#cookies
Fetch APIhttps://realpython.com/pyscript-python-in-browser/#fetch-api
Local Storagehttps://realpython.com/pyscript-python-in-browser/#local-storage
Sensor APIhttps://realpython.com/pyscript-python-in-browser/#sensor-api
Timer Functionshttps://realpython.com/pyscript-python-in-browser/#timer-functions
Combining the Power of Python and JavaScript Librarieshttps://realpython.com/pyscript-python-in-browser/#combining-the-power-of-python-and-javascript-libraries
HTML and CSShttps://realpython.com/pyscript-python-in-browser/#html-and-css
JavaScript Codehttps://realpython.com/pyscript-python-in-browser/#javascript-code
Python Codehttps://realpython.com/pyscript-python-in-browser/#python-code
Publishing Your PyScript Application on GitHub Pageshttps://realpython.com/pyscript-python-in-browser/#publishing-your-pyscript-application-on-github-pages
Contributing to PyScripthttps://realpython.com/pyscript-python-in-browser/#contributing-to-pyscript
Conclusionhttps://realpython.com/pyscript-python-in-browser/#conclusion
Remove adshttps://realpython.com/account/join/
Peter Wanghttps://twitter.com/pwang
Anaconda, Inc.https://www.anaconda.com/
keynote speechhttps://anaconda.cloud/pyscript-pycon2022-peter-wang-keynote
PyCon US 2022https://realpython.com/real-python-pycon-us-2022/
social mediahttps://twitter.com/pyscript_dev
JavaScripthttps://realpython.com/python-vs-javascript/
web developmenthttps://realpython.com/learning-paths/become-python-web-developer/
Get a sample chapter from CPython Internals: Your Guide to the Python 3 Interpreterhttps://realpython.com/bonus/cpython-internals-sample/
https://realpython.com/pyscript-python-in-browser/#disclaimer-pyscript-is-an-experimental-project
Sourcehttps://pyscript.net/
open-source softwarehttps://en.wikipedia.org/wiki/Open-source_software
Git commit historyhttps://github.com/pyscript/pyscript/commits/main
Fabio Pligerhttps://twitter.com/b_smoke
initial commithttps://github.com/pyscript/pyscript/commit/bc5875790cf6520e471c16d2932070322cd523a7
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#getting-started-with-pyscript
https://realpython.com/pyscript-python-in-browser/#wrap-your-head-around-pyscript
Sourcehttps://twitter.com/pyscript_dev
READMEhttps://en.wikipedia.org/wiki/README
Sourcehttps://github.com/pyscript/pyscript/blob/main/README.md
Scratchhttps://scratch.mit.edu/
visual programming languagehttps://en.wikipedia.org/wiki/Visual_programming_language
JSFiddlehttps://jsfiddle.net/
StackOverflowhttps://stackoverflow.com/
Sourcehttps://pyscript.net/#pyscript
single-page application (SPA)https://en.wikipedia.org/wiki/Single-page_application
TypeScripthttps://www.typescriptlang.org/
Svelte frameworkhttps://svelte.dev/
Tailwind CSShttps://tailwindcss.com/
rollup.jshttps://rollupjs.org/guide/en/
early Git commithttps://github.com/pyscript/pyscript/blob/e6192885559cfe27c514513dc883cbe361e309a4/pyscriptjs/README.md
blog posthttps://www.liip.ch/en/blog/svelte-typescript-tailwind-setup
Pyodidehttps://pyodide.org/en/stable/
emscriptenhttps://emscripten.org/
WebAssemblyhttps://webassembly.org/
boilerplate codehttps://en.wikipedia.org/wiki/Boilerplate_code
Transcrypthttps://www.transcrypt.org/
transpileshttps://en.wikipedia.org/wiki/Source-to-source_compiler
Brythonhttps://realpython.com/brython-python-in-browser/
The Real Python Podcast - Episode 154https://realpython.com/podcasts/rpp/154/
virtual machinehttps://en.wikipedia.org/wiki/Virtual_machine
list of languages compatible with WebAssemblyhttps://webassembly.org/getting-started/developers-guide/
CPythonhttps://realpython.com/cpython-source-code-guide/
Web Componentshttps://developer.mozilla.org/en-US/docs/Web/Web_Components
HTML specificationhttps://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
Hello, World!https://en.wikipedia.org/wiki/%22Hello,_World!%22_program
https://realpython.com/pyscript-python-in-browser/#write-your-first-hello-world-in-pyscript
minimal HTML5 documenthttps://www.sitepoint.com/a-minimal-html-document-html5-edition/
explore laterhttps://realpython.com/pyscript-python-in-browser/#exploring-pyscripts-visual-components
splash screenhttps://en.wikipedia.org/wiki/Splash_screen
print()https://realpython.com/python-print/
https://files.realpython.com/media/Screenshot_from_2022-06-02_20-46-11.93deb75be6d6.png
Chromebookhttps://www.google.com/chromebook/
Google Chromehttps://www.google.com/chrome/
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#fetch-the-python-runtime-from-the-internet
jsDelivr CDNhttps://www.jsdelivr.com/
Content Delivery Networkhttps://en.wikipedia.org/wiki/Content_delivery_network
browser will cachehttps://pressidium.com/blog/browser-cache-work/
known cases of CDNs going downhttps://techcrunch.com/2021/06/08/numerous-popular-websites-are-facing-an-outage/
alpha buildhttps://en.wikipedia.org/wiki/Software_release_life_cycle#Alpha
https://realpython.com/pyscript-python-in-browser/#download-pyscript-for-offline-development
HTTP server built right into Pythonhttps://realpython.com/python-http-server/
Windowshttps://realpython.com/pyscript-python-in-browser/#windows-1
Linux + macOShttps://realpython.com/pyscript-python-in-browser/#linux-macos-1
all network interfaceshttps://en.wikipedia.org/wiki/0.0.0.0
localhosthttps://en.wikipedia.org/wiki/Localhost
Wgethttps://en.wikipedia.org/wiki/Wget
PowerShellhttps://en.wikipedia.org/wiki/PowerShell
Windowshttps://realpython.com/pyscript-python-in-browser/#windows-2
Linux + macOShttps://realpython.com/pyscript-python-in-browser/#linux-macos-2
glue codehttps://en.wikipedia.org/wiki/Glue_code
minified versionhttps://pyscript.net/alpha/pyscript.min.js
source maphttps://pyscript.net/alpha/pyscript.min.js.map
https://realpython.com/pyscript-python-in-browser/#download-a-specific-pyodide-release
hard-codedhttps://en.wikipedia.org/wiki/Hard_coding
YAMLhttps://realpython.com/python-yaml/
web development toolshttps://en.wikipedia.org/wiki/Web_development_tools
Pyodide releasehttps://github.com/pyodide/pyodide/releases
tarballhttps://en.wikipedia.org/wiki/Tar_(computing)
Windowshttps://realpython.com/pyscript-python-in-browser/#windows-3
Linux + macOShttps://realpython.com/pyscript-python-in-browser/#linux-macos-3
download the archivehttps://github.com/pyodide/pyodide/releases/download/0.20.0/pyodide-build-0.20.0.tar.bz2
popular third-party librarieshttps://realpython.com/pyscript-python-in-browser/#third-party-libraries-bundled-with-pyodide
data sciencehttps://realpython.com/learning-paths/data-science-python-core-skills/
changeloghttps://pyodide.org/en/stable/project/changelog.html
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#verify-your-pyodide-and-python-versions
code editorhttps://realpython.com/python-ides-code-editors-guide/
f-stringhttps://realpython.com/python-f-strings/
one-linerhttps://en.wikipedia.org/wiki/One-liner_program
timeithttps://realpython.com/python-timer/#estimating-running-time-with-timeit
https://realpython.com/pyscript-python-in-browser/#dealing-with-python-code-formatting
SVGhttps://en.wikipedia.org/wiki/Scalable_Vector_Graphics
free-form languageshttps://en.wikipedia.org/wiki/Free-form_language
minificationhttps://en.wikipedia.org/wiki/Minification_(programming)
off-side rulehttps://en.wikipedia.org/wiki/Off-side_rule
exceptionhttps://realpython.com/python-exceptions/
tracebackhttps://realpython.com/python-traceback/
string literalhttps://en.wikipedia.org/wiki/String_literal
HTMLUnknownElementhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLUnknownElement
parsing XMLhttps://realpython.com/python-xml-parser/
HTML entitieshttps://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references
character data (CDATA)https://en.wikipedia.org/wiki/CDATA
run your Python scripthttps://realpython.com/run-python-scripts/
importinghttps://realpython.com/python-import/
next sectionhttps://realpython.com/pyscript-python-in-browser/#managing-python-dependencies-in-pyscript
cross-origin resource sharing (CORS)https://en.wikipedia.org/wiki/Cross-origin_resource_sharing
PyPIhttps://pypi.org/
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#managing-python-dependencies-in-pyscript
https://realpython.com/pyscript-python-in-browser/#modules-missing-from-the-python-standard-library
batteries includedhttps://docs.python.org/3/tutorial/stdlib.html#batteries-included
standard libraryhttps://docs.python.org/3/library/
modules and packageshttps://realpython.com/python-modules-packages/
Integrated Development and Learning Environmenthttps://realpython.com/python-idle/
tkinterhttps://realpython.com/python-gui-tkinter/
GUI programminghttps://realpython.com/learning-paths/python-gui-programming/
turtlehttps://realpython.com/beginners-guide-python-turtle/
Turtle Graphicshttps://en.wikipedia.org/wiki/Turtle_graphics
Virtual Environmentshttps://realpython.com/python-virtual-environments-a-primer/
full list of removed packageshttps://pyodide.org/en/stable/usage/wasm-constraints.html#python-standard-library
urllib.requesthttps://realpython.com/urllib-request/
multiprocessinghttps://realpython.com/python-concurrency/
threadinghttps://realpython.com/intro-to-python-threading/
sockethttps://realpython.com/python-sockets/
some mitigationshttps://realpython.com/pyscript-python-in-browser/#fetch-api
piphttps://realpython.com/what-is-pip/
https://realpython.com/pyscript-python-in-browser/#third-party-libraries-bundled-with-pyodide
Iodidehttps://alpha.iodide.io/
Jupyter Notebookshttps://realpython.com/jupyter-notebook-introduction/
Fortranhttps://en.wikipedia.org/wiki/Fortran
Beautiful Souphttps://realpython.com/beautiful-soup-web-scraper-python/
Bokehhttps://realpython.com/python-data-visualization-bokeh/
Matplotlibhttps://realpython.com/python-matplotlib-guide/
NLTKhttps://realpython.com/python-nltk-sentiment-analysis/
NumPyhttps://realpython.com/numpy-tutorial/
pandashttps://realpython.com/pandas-python-explore-dataset/
Pillowhttps://realpython.com/image-processing-with-the-python-pillow-library/
SciPyhttps://realpython.com/python-scipy-cluster-optimize/
SQLAlchemyhttps://realpython.com/python-sqlite-sqlalchemy/
scikit-learnhttps://realpython.com/train-test-split-python-data/
complete listhttps://pyodide.org/en/stable/usage/packages-in-pyodide.html
packages/https://github.com/pyodide/pyodide/tree/main/packages
exampleshttps://github.com/pyscript/pyscript/tree/main/examples
micropiphttps://pyodide.org/en/stable/usage/api/micropip-api.html
asynchronouslyhttps://realpython.com/python-async-features/
asynciohttps://realpython.com/async-io-python/
Fetch APIhttps://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
imports style guidehttps://realpython.com/python-import/#imports-style-guide
.runPythonAsync()https://pyodide.org/en/stable/usage/api/js-api.html#pyodide.runPythonAsync
.runPython()https://pyodide.org/en/stable/usage/api/js-api.html#pyodide.runPython
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#pure-python-wheels-downloaded-from-pypi
untanglehttps://pypi.org/project/untangle/
JSON metadatahttps://pypi.org/pypi/untangle/json
Python wheelhttps://realpython.com/python-wheels/
source distribution (sdist)https://packaging.python.org/en/latest/glossary/#term-Source-Distribution-or-sdist
xmltodicthttps://pypi.org/project/xmltodict/
Python dictionarieshttps://realpython.com/python-dicts/
library’s metadatahttps://pypi.org/pypi/xmltodict/json
binary driver for the PostgreSQL databasehttps://pypi.org/project/psycopg-binary/
Download fileshttps://pypi.org/project/psycopg-binary/#files
CORS headershttps://en.wikipedia.org/wiki/Cross-origin_resource_sharing
https://realpython.com/pyscript-python-in-browser/#c-extension-modules-compiled-for-webassembly
system callshttps://en.wikipedia.org/wiki/System_call
Python C extension modulehttps://realpython.com/build-python-c-extension-module/
build a Python wheel for the Pyodide runtimehttps://pyodide.org/en/stable/development/new-packages.html
loadPackage()https://pyodide.org/en/stable/usage/loading-packages.html#loading-packages-with-pyodide-loadpackage
Pyodide’s API in JavaScripthttps://pyodide.org/en/stable/usage/api/js-api.html
pyodide-buildhttps://pyodide.org/en/stable/usage/api/pyodide-build-cli.html
https://realpython.com/pyscript-python-in-browser/#custom-python-modules-and-data-files
wavehttps://docs.python.org/3/library/wave.html
Waveform Audio File Format (WAV)https://en.wikipedia.org/wiki/WAV
closurehttps://en.wikipedia.org/wiki/Closure_(computer_programming)
inner functionhttps://realpython.com/inner-functions-what-are-they-good-for/
sine wavehttps://en.wikipedia.org/wiki/Sine_wave
file://https://en.wikipedia.org/wiki/File_URI_scheme
build a wheel distributionhttps://realpython.com/pypi-publish-python-package/#build-your-package
upload it to PyPIhttps://realpython.com/pypi-publish-python-package/#upload-your-package
CSV fileshttps://realpython.com/python-csv/
SQLite databasehttps://realpython.com/python-sql-libraries/#sqlite
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#emulating-python-repl-and-jupyter-notebook
Read-Eval-Print-Loop (REPL)https://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop
functionshttps://realpython.com/defining-your-own-python-function/
classeshttps://realpython.com/python-classes/
CodeMirrorhttps://codemirror.net/
default CSS stylesheethttps://pyscript.net/alpha/pyscript.css
https://files.realpython.com/media/pyrepl.7a6b18b5cdae.png
default keymaphttps://codemirror.net/doc/manual.html#keymaps
Emacshttps://realpython.com/emacs-the-best-python-editor/
Vimhttps://realpython.com/vim-and-python-a-match-made-in-heaven/
Sublime Texthttps://realpython.com/setting-up-sublime-text-3-for-full-stack-python-development/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
IDE-like environmenthttps://realpython.com/python-ides-code-editors-guide/
https://files.realpython.com/media/pyrepl-ide.309c6a96f2a0.png
https://realpython.com/pyscript-python-in-browser/#exploring-pyscripts-visual-components
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#pytitle
https://realpython.com/pyscript-python-in-browser/#pybox
CSS Flexboxhttps://en.wikipedia.org/wiki/CSS_Flexible_Box_Layout
Tailwind CSS width classeshttps://tailwindcss.com/docs/width#fixed-widths
Tailwind will have been replaced by pure CSShttps://github.com/pyscript/pyscript/issues/446
https://realpython.com/pyscript-python-in-browser/#pybutton
click eventhttps://developer.mozilla.org/en-US/docs/Web/API/Element/click_event
callbackhttps://en.wikipedia.org/wiki/Callback_(computer_programming)
PointerEventhttps://developer.mozilla.org/en-US/docs/Web/API/PointerEvent
focus eventhttps://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event
FocusEventhttps://developer.mozilla.org/en-US/docs/Web/API/FocusEvent
fixing a memory leakhttps://github.com/pyodide/pyodide/issues/1853
https://realpython.com/pyscript-python-in-browser/#pyinputbox
keypress eventhttps://developer.mozilla.org/en-US/docs/Web/API/Document/keypress_event
keydown eventhttps://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#using-pyscript-to-find-and-manipulate-html-elements
Document Object Model (DOM)https://realpython.com/python-xml-parser/#document-object-model-dom
Pyodide’s proxy objectshttps://pyodide.org/en/stable/usage/type-conversions.html#type-translations-pyproxy
https://realpython.com/pyscript-python-in-browser/#pyscripts-adapter-for-javascript-proxy
class constructorhttps://realpython.com/python-class-constructor/
HTMLElementhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
ton of fun and interactive gameshttps://medium.com/geekculture/learn-css-by-playing-games-cf70a79a38
CSS Dinerhttps://flukeout.github.io/
https://realpython.com/pyscript-python-in-browser/#pyodides-javascript-proxy
windowhttps://developer.mozilla.org/en-US/docs/Web/API/Window
documenthttps://developer.mozilla.org/en-US/docs/Web/API/Document
consolehttps://developer.mozilla.org/en-US/docs/Web/API/console
DOM APIhttps://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model
Eric Wastlhttps://realpython.com/interview-eric-wastl/
Advent of Codehttps://realpython.com/python-advent-of-code/
Vanilla JShttp://vanilla-js.com/
Reacthttps://reactjs.org/
generate random valueshttps://realpython.com/python-random/
JavaScript arrayhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
DOM eventshttps://developer.mozilla.org/en-US/docs/Web/Events
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#python-event-callback-proxy
signaturehttps://en.wikipedia.org/wiki/Type_signature
create a proxy objecthttps://pyodide.org/en/stable/usage/api/python-api.html#pyodide.create_proxy
https://realpython.com/pyscript-python-in-browser/#interfacing-with-the-web-browser-from-python
Node.jshttps://nodejs.org/en/
https://realpython.com/pyscript-python-in-browser/#cookies
HTTP cookieshttps://en.wikipedia.org/wiki/HTTP_cookie
http.cookieshttps://docs.python.org/3/library/http.cookies.html
SameSitehttps://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite
Pythonic stylehttps://realpython.com/learning-paths/writing-pythonic-code/
Set-Cookiehttps://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
Remove adshttps://realpython.com/account/join/
https://realpython.com/pyscript-python-in-browser/#fetch-api
asynchronous modelhttps://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Introducing
writing HTTP clients in terms of web APIshttps://pyodide.org/en/stable/project/roadmap.html#http-client-limit
promise-basedhttps://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Promises
REST APIhttps://realpython.com/api-integration-in-python/
coroutinehttps://docs.python.org/3/glossary.html#term-coroutine
fake APIhttps://reqres.in/
JSON in Pythonhttps://realpython.com/python-json/
virtual file systemhttps://pyodide.org/en/latest/usage/file-system.html
pathlibhttps://realpython.com/python-pathlib/
awaitablehttps://docs.python.org/3/glossary.html#term-awaitable
Base64https://en.wikipedia.org/wiki/Base64
data URLhttps://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs
PEP 8https://peps.python.org/pep-0008/
web storagehttps://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API
https://realpython.com/pyscript-python-in-browser/#local-storage
alerthttps://developer.mozilla.org/en-US/docs/Web/API/Window/alert
local storagehttps://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
prompthttps://developer.mozilla.org/en-US/docs/Web/API/Window/prompt
Walrus operator (:=)https://realpython.com/python-walrus-operator/
https://realpython.com/pyscript-python-in-browser/#sensor-api
Sensor APIhttps://developer.mozilla.org/en-US/docs/Web/API/Sensor_APIs
live demohttps://realpython.github.io/pyscript-gravity-sensor/
HTTPS protocolhttps://realpython.com/python-https/
publish your PyScript applicationhttps://realpython.com/pyscript-python-in-browser/#publishing-your-pyscript-application-on-github-pages
GravitySensorhttps://developer.mozilla.org/en-US/docs/Web/API/GravitySensor
enable USB debugginghttps://developer.android.com/studio/debug/dev-options#enable
remote debugginghttps://developer.chrome.com/docs/devtools/remote-debugging/
device coordinate systemhttps://w3c.github.io/accelerometer/#device-coordinate-system
https://realpython.com/pyscript-python-in-browser/#timer-functions
animating contenthttps://pyscript.net/examples/antigravity.html
pollinghttps://en.wikipedia.org/wiki/Polling_(computer_science)
Python lambda functionhttps://realpython.com/python-lambda/
underscorehttps://realpython.com/python-double-underscore/
https://realpython.com/pyscript-python-in-browser/#combining-the-power-of-python-and-javascript-libraries
beat in acousticshttps://en.wikipedia.org/wiki/Beat_(acoustics)
Chart.jshttps://www.chartjs.org/
https://realpython.com/pyscript-python-in-browser/#html-and-css
HTML documenthttps://realpython.com/html-css-python/#create-your-first-html-file
style it with CSShttps://realpython.com/html-css-python/#style-your-content-with-css
built previouslyhttps://realpython.com/pyscript-python-in-browser/#custom-python-modules-and-data-files
https://realpython.com/pyscript-python-in-browser/#javascript-code
https://realpython.com/pyscript-python-in-browser/#python-code
controller layerhttps://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller
audio streamhttps://developer.mozilla.org/en-US/docs/Web/API/AudioContext
https://realpython.com/pyscript-python-in-browser/#publishing-your-pyscript-application-on-github-pages
GitHub Pageshttps://pages.github.com/
log inhttps://github.com/login
root folderhttps://en.wikipedia.org/wiki/Root_directory
https://realpython.com/pyscript-python-in-browser/#contributing-to-pyscript
Node Version Managerhttps://github.com/nvm-sh/nvm/
pyenvhttps://realpython.com/intro-to-pyenv/
PyScript repositoryhttps://github.com/pyscript/pyscript/
forkhttps://docs.github.com/en/get-started/quickstart/fork-a-repo
pull requesthttps://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request-from-a-fork
https://realpython.com/pyscript-python-in-browser/#conclusion
Get a sample chapter from CPython Internals: Your Guide to the Python 3 Interpreterhttps://realpython.com/bonus/cpython-internals-sample/
https://realpython.com/feedback/survey/article/pyscript-python-in-browser/liked/?from=article-footer
https://realpython.com/feedback/survey/article/pyscript-python-in-browser/disliked/?from=article-footer
https://realpython.com/team/bzaczynski/
» More about Bartoszhttps://realpython.com/team/bzaczynski/
https://realpython.com/team/asantos/
Aldrenhttps://realpython.com/team/asantos/
https://realpython.com/team/gahjelle/
Geir Arnehttps://realpython.com/team/gahjelle/
https://realpython.com/team/kfinegan/
Katehttps://realpython.com/team/kfinegan/
Level Up Your Python Skills »https://realpython.com/account/join/?utm_source=rp_article_footer&utm_content=pyscript-python-in-browser
Level Up Your Python Skills »https://realpython.com/account/join/?utm_source=rp_article_footer&utm_content=pyscript-python-in-browser
https://realpython.com/feedback/survey/article/pyscript-python-in-browser/liked/?from=article-comments
https://realpython.com/feedback/survey/article/pyscript-python-in-browser/disliked/?from=article-comments
LinkedInhttps://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Frealpython.com%2Fpyscript-python-in-browser%2F
Twitterhttps://twitter.com/intent/tweet/?text=Interesting%20Python%20article%20on%20%40realpython%3A%20A%20First%20Look%20at%20PyScript%3A%20Python%20in%20the%20Web%20Browser&url=https%3A%2F%2Frealpython.com%2Fpyscript-python-in-browser%2F
Blueskyhttps://bsky.app/intent/compose?text=Interesting%20Python%20article%20on%20%40realpython.com%3A%20A%20First%20Look%20at%20PyScript%3A%20Python%20in%20the%20Web%20Browser%20https%3A%2F%2Frealpython.com%2Fpyscript-python-in-browser%2F
Facebookhttps://facebook.com/sharer/sharer.php?u=https%3A%2F%2Frealpython.com%2Fpyscript-python-in-browser%2F
Get tips for asking good questionshttps://realpython.com/python-beginner-tips/#tip-9-ask-good-questions
get answers to common questions in our support portalhttps://support.realpython.com
Real Python Community Chathttps://realpython.com/community/
“Office Hours” Live Q&A Sessionhttps://realpython.com/office-hours/
intermediatehttps://realpython.com/tutorials/intermediate/
data-sciencehttps://realpython.com/tutorials/data-science/
data-vizhttps://realpython.com/tutorials/data-viz/
front-endhttps://realpython.com/tutorials/front-end/
guihttps://realpython.com/tutorials/gui/
web-devhttps://realpython.com/tutorials/web-dev/
How to Launch an HTTP Server in One Line of Python Codehttps://realpython.com/python-http-server/?utm_source=realpython&utm_medium=web&utm_campaign=related-post&utm_content=pyscript-python-in-browser
Build a Hash Table in Python With TDDhttps://realpython.com/python-hash-table/?utm_source=realpython&utm_medium=web&utm_campaign=related-post&utm_content=pyscript-python-in-browser
https://realpython.com/account/signup/?intent=continue_reading&utm_source=rp&utm_medium=web&utm_campaign=rwn&utm_content=v1&next=%2Fpyscript-python-in-browser%2F
Continue »https://realpython.com/account/signup/?intent=continue_reading&utm_source=rp&utm_medium=web&utm_campaign=rwn&utm_content=v1&next=%2Fpyscript-python-in-browser%2F
Sign-Inhttps://realpython.com/account/login/?next=/pyscript-python-in-browser/
Start Herehttps://realpython.com/start-here/
Learning Resourceshttps://realpython.com/search
Code Mentorhttps://realpython.com/mentor/
Python Referencehttps://realpython.com/ref/
Python Cheat Sheethttps://realpython.com/cheatsheets/python/
Support Centerhttps://support.realpython.com/
Learning Pathshttps://realpython.com/learning-paths/
Quizzes & Exerciseshttps://realpython.com/quizzes/
Browse Topicshttps://realpython.com/tutorials/all/
Live Courseshttps://realpython.com/live/
Bookshttps://realpython.com/books/
Podcasthttps://realpython.com/podcasts/rpp/
Newsletterhttps://realpython.com/newsletter/
Community Chathttps://realpython.com/community/
Office Hourshttps://realpython.com/office-hours/
Learner Storieshttps://realpython.com/learner-stories/
Plans & Pricinghttps://realpython.com/account/join/
Team Planshttps://realpython.com/account/join-team/
For Businesshttps://realpython.com/account/join-team/inquiry/
For Schoolshttps://realpython.com/account/join-team/education-inquiry/
Reviewshttps://realpython.com/learner-stories/
About Ushttps://realpython.com/about/
Teamhttps://realpython.com/team/
Mission & Valueshttps://realpython.com/mission/
Editorial Guidelineshttps://realpython.com/editorial-guidelines/
Sponsorshipshttps://realpython.com/sponsorships/
Careershttps://realpython.workable.com
Press Kithttps://realpython.com/media-kit/
Merchhttps://realpython.com/merch
https://www.youtube.com/realpython
https://x.com/realpython
https://www.linkedin.com/company/realpython-com
https://www.facebook.com/LearnRealPython
https://github.com/realpython/
Privacy Policyhttps://realpython.com/privacy-policy/
Terms of Usehttps://realpython.com/terms/
Securityhttps://realpython.com/security/
Contacthttps://realpython.com/contact/
https://realpython.com/

Viewport: width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover

Robots: max-image-preview:large


URLs of crawlers that visited me.