PyScript Fundamentals 101- Run Python in your Browser's HTML

Name: PyScript Fundamentals 101- Run Python in your Browser's HTML
Rating: 4.4 (245 reviews)

Now write your Python Code Snippets directly in HTML - Taking Web Development to a whole new Level !

Created byPrince Patni

Last updated 6/2022

English

English [Auto],

What you'll learn

Using PyScript to create Python based Web Applications like Dashboards, Apps etc
Various PyScript Tags and Methods
Working with Built in and External Python Libraries
Create REPL like Interface with a single line of Code
Bar, Line, Bokeh Charts using PyScript

Course content

7 sections • 31 lectures • 1h 20m total length

Welcome2:56
Explore PyScript fundamentals to run Python in your browser, compare Python with JavaScript for web development, and learn setup, basics, and deployment of Python-powered web apps.
What is PyScript?1:21
Discover how PyScript runs Python in the browser with WebAssembly, offering an expressive, easy-to-learn language for rich apps while not replacing JavaScript.
PyScript Foundation5:02
Explore the PyScript foundation, a browser-based framework using WebAssembly and Python to enable portable, extensible web apps, backed by an open source compiler toolchain to WebAssembly.
Features of PyScript1:29
Learn to run Python in your browser with PyScript, using tags to host apps without server configuration, access Python packages, enable Python–JavaScript bidirectional communication, and build with curated UI components.
PyScript Advantages1:20
PyScript Learning Prerequisites1:10
Prepare by selecting a text editor, confirming Python knowledge, and understanding HTML structure and script tags, then use Chrome or other supported browsers.

Basic Setup Instructions1:17
Learn to run Python in your browser with PyScript by setting up with a script tag, using hosted or downloaded libraries, and enabling live reload with a live server extension.
Setting up necessary Applications to use PyScript5:29
Download the PyScript zip from the official site, install Visual Studio Code with the Live Server extension, and run a local HTML page containing Python code.
First 'Hello World' program in PyScript3:43
Write your first hello world program with PyScript by embedding Python in HTML using script tags, then run it in the browser to see your code execute.
Introduction to PyScript Tags9:37
Introduces the eight py script tags and demonstrates core visual components—input box, box, button, and title—plus running python with the bicycle tag and configuring metadata with YAML.

Simple Loop program : PyScript vs Javascript1:40
Compare creating loops in JavaScript and PyScript, showing how PyScript lets you write a compact Python loop embedded in HTML and often reduces complexity.
Importing Python Script from external file2:18
Learn how to import Python code from an external file into PyScript using the source function. Place hello_world.py in the same folder and run with a live server.
Importing functions from a python file2:50
Learn to import a function from an external Python file into a PyScript project, call it to generate a random number, and display the result in HTML.
Multi line python Script2:16
Discover how PyScript runs Python in your browser by using multi-line or single-line code inside script tags, with examples of print and function definitions.
Using 'write' in PyScript2:25
Learn to use PyScript's write method to send strings to labeled elements on the page, with two examples—direct write to a label and write of function output.
Using class & functions in PyScript1:23
Explore PyScript fundamentals by running Python in your browser, defining classes like person and student, and using functions to filter data in a simple script.
Adding Local Modules2:17
Learn to run Python in your browser with PyScript, add local modules like data.py, and create a scatterplot by importing a function to compute x and y and plotting them.
Output Python code to HTML Tags2:37
Learn how to use PyScript's output property to send Python output to any HTML tag by id, customize style, color, and alignment.
Working with built-in & external Python libraries1:20
Discover how PyScript runs Python in the browser by importing standard libraries directly and declaring third party libraries, then run a live server to view results.
Run REPL in the browser2:43
Learn to run Python in the browser with the pineapple tag, creating a live repl that executes code and shows immediate outputs.
Events using PyScript3:08
Learn how to create events in PyScript using an event listener, proxy Python callbacks to JavaScript, and update text on click in a simple demo.

Bar chart Using numpy and matplotlib in PyScript2:26
Learn to create a simple bar chart in pyscript using numpy and matplotlib, importing modules, supplying data, and rendering the plot with output in the browser.
Line Chart2:54
Explore building a line chart in PyScript with the bi script library, featuring plotting and interactive controls like pan, zoom, and save as image.
Bokeh Chart1:55
Learn to build a bokeh chart in the browser using HTML boilerplate and Python code, bind a chart id, supply data, and customize axis labels and blue color with JavaScript.
Distplot With the Histogram2:28
Explore creating a histogram with seaborn in a Python script, learning how to render a distplot or histogram in a browser via PyScript, while noting a deprecated function warning.
Histogram of Standard Normal distribution1:38
Plot a histogram of the standard normal distribution by importing matplotlib.pyplot and numpy, seeding randomness, plotting the data, and displaying the plot in the browser.
Scatter Plot1:44
Learn to create a scatterplot in the browser with PyScript, plot random data, configure axes and labels, and run locally to view results.

How to Check if a package is supported in PyScript?1:57
Learn how to verify PyScript package support by using the official search page to confirm libraries like pandas and beautiful soup, and request additions for unsupported packages via email.
Additional Useful Resources2:25
Explore essential PyScript resources, including the official website, GitHub repositories, the Anaconda welcome blog, and Stack Overflow, to bookmark, download documents, and get quick help.

Requirements

Basic Knowledge of Python & HTML is good to have. Everything is covered from basics to advanced so this course is for all experience levels.

Description

Are you a data scientist or a developer who mostly uses Python? Are you jealous of developers who write Javascript code and build fancy websites in a browser? How nice would it be if we could write websites in Python?

Python has grown in popularity immensely in recent years. It has a wide range of applications, from its most popular use in Artificial Intelligence, to Data Science, Robotics, and Scripting. But In the web development field, Python is used mainly on the backend with frameworks such as Django and Flask.

Before now, Python didn't have much support on the front-end side like other languages such as JavaScript. But thankfully, this year, during the PyCon 2022 conference, Peter Wang (CEO of Anaconda) announced a framework named PyScript that allows you to use Python on the web using standard HTML.

So, The only missing piece to make Python a universal programming language is here !

Think of PyScript as the “Minecraft of software development”: Users crafting their own worlds (applications) or new blocks and mods (components and widgets), and sharing them with the world.

This is the exciting beginning for supporting new ways of programming, building, sharing, and deploying applications. PyScript is a game changer and in this course we will learn everything about this awesome new tech skill - the basics, the setup, and coding in PyScript.

Top Reasons why you should choose this Course :

This course is designed keeping in mind the students from all backgrounds - hence we cover everything from basics, and gradually progress towards advanced topics.
Complete Code Snippets are shared that are used in Lectures.
This course can be completed over a Weekend.
Wonderful collection of useful resources are shared, that will be updated frequently.
All Doubts will be answered.

A Verifiable Certificate of Completion is presented to all students who undertake this PyScript 101 course.

Who this course is for:

Python Enthusiasts who love to explore Python's features
Web Developers who want to add a new skill to their portfolio
People expert in JavaScript, HTML & CSS to learn Python as a part of Front end Framework
Data Science & Business Intelligence Professionals working with Python in their job role

PyScript Fundamentals 101- Run Python in your Browser's HTML

What you'll learn

Explore related topics

Course content

Introduction6 lectures • 13min

First Steps4 lectures • 20min

PyScript Deep Dive11 lectures • 25min

Creating Plots using PyScript6 lectures • 13min

Advanced PyScript Projects1 lecture • 3min

Resources2 lectures • 4min

Congratulations1 lecture • 2min

Requirements

Description

Who this course is for: