PyScript - Run Python in the Browser! Will It Crush Javascript?!

In this video we'll look at PyScript to run Python on a Webpage!
PyScript is a very cool project from the people at Anaconda that allows you to run Python straight on a webpage without any backend frameworks!
It's very early days, and there are a lot of problems with the project...but you can still check it out and play with it while they work on buidling out a stable version!
Grab My Intro To Python Book PDF: bit.ly/39XBqNP
#pyscript #codemy #JohnElder
Timecodes
0:00​​ - Introduction
1:40 - Use PyScript on a Webpage
2:40 - Using The py-script Tag
3:30 - Install PyScript On Your Computer?
5:22 - Use Variables With PyScript
6:42 - Use Lists With PyScript
7:29 - Use Logic With PyScript
8:35 - Conclusion

[@benlong1062]

Wow, this sounds awesome. Can't wait to follow along with your upcoming videos about it.

[@Codemycom]

I think it's going to be fun!

[@MobbyG]

Pretty cool! Can’t wait to see what we can really do with it

[@Codemycom]

Me too!

[@pragyanprabhu3513]

Really forward to watch your pyscript courses

[@Codemycom]

Me too ;-)

[@carlosnavamat]

The Heisenberg of Python... As always, great video man

[@Codemycom]

Ha thanks

[@timonnjuhigu5856]

Wow exciting , it's gonna be a game changer!

[@Codemycom]

Gonna be awesome!

[@MP-wq5xe]

Thanks for every codemy

[@Codemycom]

Welcome!

[@alexf4112]

Cool presented 👍👍

[@Codemycom]

Thanks!

[@Tntpker]

If you dl it you need to compile the typescript which will create the pyscript js file, probably in a build/ directory, but it should be in the same folder as src/ is in

[@Codemycom]

Too much hassle

[@MrChrisLia]

do you think you could run tkinter inside? and possibly actualyl running an app that way? lol i do worry about cross site scripting though

[@Codemycom]

I kind of doubt it...but I'm going to try! :-p

[@stefenleung]

if it can access html content like JS do. you don't need ktinder.

[@Draglox]

@@stefenleung ong

[@maatsWsson]

Just bought the pdf copy John!

[@Codemycom]

Awesome...enjoy!!

[@Humon66]

kzbin.info/aero/PLbZjGOlfmtUJ1CUWo43VlI-50Os_DygFe You might like these python videos

[@kevincodes674]

is it JavaScript that allows you to run Python, or actual Python? I also didn't see documentation on the website but I've seen example of it connecting to the DOM, which is pretty neat

[@Codemycom]

I mean, they're certainly using Javascript in some way...the documentation isn't there yet.

[@matex600]

yes super interested in this, would it be possible to use with django?

[@Codemycom]

Why? You can already use Python on Django

[@Amdesew]

This Is Super Cool

[@Codemycom]

It really is!

[@stefenleung]

But why? anything python can do but javascript can't? the main concern is how the python work with html and css. What's the method to get element id/class? can we directly write html content into the html page with python? I see it can work with numpy, matplotlib. Would like to see a tutorial or demo on those module work.

[@Codemycom]

Javascript is a pain to use. Python is awesome

[@ronnie6628]

This this this this this this

[@Codemycom]

@@ronnie6628 :-)

[@Draglox]

Element ids can be accessed with "pyscript.write(Id, Script of text)"

[@arijitkumarkhanra389]

How can I use it to take an input and like use the python script though it?

[@johngiftakis9878]

Can we have a prefilled REPL tag?

[@notmeitsabot8212]

Can I use imports for this?

[@404errorpagenotfound.6]

I have seen a few tutorials but none show any functionality from the client side ie interactivity on the rendered web page. That is the whole point of using js so the web page viewer can directly interact with the page and change it. I can't find a single example of pyscript having that functionality so the question is what is it for? Not trying to be negative.

[@Codemycom]

As I said in the video, they're still working on this, it's very early days. Regardless, interactivity isn't remotely nearly the only "good" of a thing. There are a million reasons why you would want to use Python on a webpage regardless of interactivity. Though, there is interactivity already, there just isn't documentation of it yet.

[@a5990cs]

Hi do you have any intructions to setup pyscript from my local machine without any external call? I mean, I need pyscript not calling to any other URL, just running from local files

[@Codemycom]

no

[@anilgupta5301]

Hi ,so i have a python file that executes a game and a html file with button. So i want it like when the button is clicked my python game file will be executed and one can play the game ,vut i tried a lot of tutorial and evertime i got an error pls help me 😢

[@ThankYouESM]

There's also Brython which I long ago somehow forgot to check out.

[@Codemycom]

Interesting

[@darknights5020]

can we import opencv or tkinter or paho with pyscript

[@Codemycom]

I mean...you import those things with python

[@axelysm3463]

How to save things on tkinter like example: You typed words on entry, and if you close the app and open it again, it will save the words

[@Codemycom]

You need to use a database or save the stuff in some other way. I have tons of videos on that in the playlist

[@bar___]

So cool! I see this video is 6 months old, so the project is still pretty new, but has it gotten better during this time?

[@Codemycom]

I assume not, but I haven't really checked. I figured I'd give it a year or so and check in then...

[@CharlesStarbuck]

I think I see a python version of Electron in our future

[@Codemycom]

:-p

[@sinacoder]

How to use multiple programming languages ?

[@Codemycom]

In what way?

[@technoloop6960]

can we use tkinter in html? using pyscript

[@Draglox]

Tbf, what's the point

[@heirofsam]

can we import wikipedia module?

[@Codemycom]

You can do anything you can do with python, so yes.

[@veillettejompheco7174]

It's awesome but can we import package?

[@Draglox]

Yes I think

[@cuong.thai93]

do you think it's the same as typescript

[@Codemycom]

No

[@chuang6248]

I guess,When the page show in the browser ,Actually is the browser send the script to the server then server run the script return the result send to the browser.

[@Codemycom]

No, that's how traditional python would work. There's no server here.

[@rahulg8198]

how to run python tkinter file in browser

[@Codemycom]

You can't.

[@ddddami1]

Heyy John

[@Codemycom]

Hello

[@cbbcbb6803]

Too bad we can't have something called "apls" or "any programing language script". Or maybe myols (makeup your own language script) for browsers. I have yet to find a language that I can love.

[@Codemycom]

ha

[@mjs28s]

So rather than coding your python in the HTML are you able to just import a python file into the HTML and run it that way, like when an HTML page has some JS attached to it? Unless we are talking about a small code block here and there I am not seeing the real need for it.

[@Codemycom]

'Coding your python in the HTML'....uh, you can't code python in an HTML document. That's the entire point. With this, now you can. And no, there's nothing about importing a python file like a javascript file...why don't you just watch the video and see exactly what it is? lol

[@84madara]

Disable browser cache

[@dannyarcher6370]

Is this WebAssembly based?

[@Codemycom]

Don't think so...

[@DevX_0o0]

PyScript is a framework that allows users to create rich Python applications in the browser using HTML's interface and the power of Pyodide, WASM, and modern web technologies.

[@dannyarcher6370]

@@DevX_0o0 Yeah, I checked it up after I asked and commented that here. For some reason YT thinks WASM is hate speech.

[@karuchokikete7722]

it won't crush js cause it needs js

[@Codemycom]

But if people stop using javascript for this...yes it would crush javascript even though it uses javascript...

[@lukemarkham6246]

so really, adding another layer/facade on top of something to stop using said thing even though you need said thing to run the new layer

[@Codemycom]

@@lukemarkham6246 lol "need the thing" you just point a reference to it. You don't have to write a single line of javascript...but you guys keep mincing words and arguing amongst yourselves lol

[@AkbarovMuhammadali]

WE ARE WAITING. GOLANG COURSE

[@Codemycom]

I have a Golang playlist, please don't yell.

[@askarsaparov]

Best

[@Codemycom]

Thanks!

[@oncoded]

Say it with me...IT IS POSSIBLE, POSSIBLE.

[@lecrowpus.]

When i started learning python i used to dream that i could write python in side html file in side script tag .lol naw u can

[@Codemycom]

It really is awesome

[@osiris5449]

15 times? learn, ctrl+shift+f5; maybe even ctrl+f5.

[@Codemycom]

Yeah, that's what I did

[@Python_in_UA]

+

[@Codemycom]

++

[@Avalanche034]

Color me intriuged

[@Codemycom]

Right?!