From 8123f0101a5be9d86bbe0a03416fe445b38ff8e8 Mon Sep 17 00:00:00 2001 From: Albert DeFusco Date: Fri, 29 Apr 2022 16:26:51 -0500 Subject: [PATCH] getting started --- GETTING-STARTED.md | 49 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 GETTING-STARTED.md diff --git a/GETTING-STARTED.md b/GETTING-STARTED.md new file mode 100644 index 00000000..919f41aa --- /dev/null +++ b/GETTING-STARTED.md @@ -0,0 +1,49 @@ +# Getting started with PyScript + +This page will guide you through getting started with PyScript. + +## Development setup + +PyScript does not require any development environment other +than a web browser. We recommend using Chrome. + +## Installation + +First, go to https://pyscript.net and download the PyScript assets. +Unzip the archive to a directory where you wish to write PyScript-enabled +HTML files. You should then have three files in your directory. + +``` +├── ./ +│ ├── pyscript.css +│ ├── pyscript.js +│ └── pyscript.js.map +``` + +## Your first PyScript HTML file + +Here's a "Hello, world!" example using PyScript using the assets you +downloaded from https://pyscript.net. + +Using your favorite editor create a new file called `hello.html` in +the same directory as your PyScript JavaScript and CSS files with the +following content and open the file in your web browser. You can typically +open an HTML by double clicking it in your file explorer. + +```html + + + + + + print('Hello, World!') + +``` + +Notice the use of the `` tag in the HTML body. This +is where you'll write your Python code. In the following sections we'll +introduce the 8 tags provided by PyScript. + +## The py-script tag + +... \ No newline at end of file