►
Description
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. The PyScript framework provides users at every experience level with access to an expressive, easy-to-learn programming language with countless applications.
In this video, Fabio Pilger demonstrates @blackgirlbytes about PyScript. Please note: the purpose of these videos is to learn in public, so as blackgirlbytes learns, the audience learns as well!
0:00 - Introductions
3:08 - What is PyScript?
08:11 - Demo
19:58 - Q&A
26:07 - Fun Chit Chat
Join @blackgirlbytes live for Open Source Fridays at https://www.meetup.com/github/.
Thanks!
Connect with us.
Facebook: http://fb.com/github
Twitter: http://twitter.com/github
LinkedIn: http://linkedin.com/company/github
About GitHub
GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Millions of people use GitHub to build amazing things together. For more info, go to http://github.com
A
A
It
going
it's
going
good,
it's
going
good
thanks
for
joining
me
today.
If
you
can,
would
you
please
like
to
tell
us
about
yourself
who
you
are
what
you've
been
doing
and
then
also
I
see
some
people
are
viewing
us
right
now.
I'd
love
to
know
where
y'all
are
calling
in
from
and
and
who's
who's
watching
and
listening
in.
B
Sounds
good,
so
I'm
fabio,
I
work
for
anaconda
as
a
software
engineer
architect,
and
I've
been
with
a
company
with
for
almost
eight
years
now
joined
when
it
was
quite
small
still
and
I
joined
as
a
bokeh
core
developer.
A
bokeh
is
a
visualization
library
for
python
on
the
browser.
It's
an
open
source
project.
B
I
mowed
and
you
know,
been
there
for
yeah.
Almost
in
20
years
now
and
used
to
run
pycon
italy
conferences
organized
that
I
found
found
helped
to
fund
the
the
python
italy
association,
which
is
basically
a
non-profit
nearly
to
promote
python.
Then
I've
been
also
organizing
europe,
python
conferences
in
and
from
2011
to
2016-ish
and
up
there
being
being
chairman
for
three
four
years
there
and
then,
when
I
moved
to
the
u.s,
I've
been
focusing
on
mainly
on
an
anaconda.
A
B
B
I
started
the
seed,
but
probably
peter
wang
who's.
The
ceo
of
anaconda
and
we've
been
talking
about
this
for
years
and
and
he's
very
passionate
about
this,
and
we
all
so.
I
I
think
last
year
we
were
talking-
and
you
know
talking
about
the
current
state
of
things
and
one
thing
to
lead
to
the
other
saying
you
know,
the
the
ecosystem
is
pretty
mature
to
build
something
like
this
and
we've.
B
B
And
so
I
started
working
on
this
and
build
up
a
prototype
quite
fast,
and
then
we
he
was
going
to
speak
at
pycon
this
year.
Sorry,
we
we
we
had
way
longer
times
in
mind
and
he's
like
okay.
What
if
we
say
instead
of
nine
months,
we
can.
We
can
demo
something
and
then
demo
the
project
in
icon
at
in
four
months,
like.
B
Scary
yeah-
that's
scary,
yeah,
but
I
it
was
also
good
because
we
wanted
to
to
sell
the
idea
to
everyone
and
get
people
you
know
excited
about
it
and
pi
script
is
really
like
a
community.
It's
not
meant
to
be
an
anaconda
thing.
It's
meant
to
be
a
community
thing
owned
by
the
community,
not
only
python,
but
you
know
the
web
development
the
web
community
as
well.
A
Yeah,
I
love
how
you
said:
you're
using
pi
script,
to
empower
others,
not
just
developers,
I'm
really
curious
to
see
how
it
all
works,
because
I
was
imagining
it
was
just
like
now.
You
can
use
pi
script
with
html
and
not
just
javascript.
So
I'm
not
sure
what
to
imagine
and
then
also.
We
have
a
really
interesting
question
here
which
we'll
get
to
to
later
on
after
your
demo,
but
they're
they're
curious
about
running
pi
script
in
containers.
A
B
B
Simple
demo,
all
it
does
is,
it
has
a
time
shows
the
current
time
and
it
has
a
timer
that
keeps
scrolling
and
since
I'm
italian,
half
italian,
half
brazilian,
but
anyway
love
coffee.
So
every
now
and
then
there's
it's
espresso
time.
So
the
code
for
this
is
here.
Okay
and
basically,
basically,
it
looks
like
pretty
much
like
a
normal
website,
right,
html
tags,
etc.
B
There
are
a
few
differences
which,
like
we
added,
we
created
new
tags
that
to
allow
people
to
use
python
and
hope,
starting
with
python.
Hopefully
we
will
support
more
languages
and
stuff,
but
so
with
this
I
can
create.
I
can
load
libraries
or
files
from
my
my
my
file
system
or
or
my
a
cdn
somewhere
in
this
case
it's
utils
dot,
pi
and
then
I
can
use
this
tag.
B
Pi
script
to
actually
use
python
in
the
browser,
and
I
can
just
paste
my
code
within
the
tag
and
then
it
will
be
parsed
underneath
we
we
use
a
project
called
piodide
that
basically
is
a
python
implementation
for
webassembly
using
amp
script.
Okay,
that
is
that
is
when
I
said
we
were
talking
and
we
we
thought.
You
know
time
is
mature
enough
for
us
to
build
this.
It's
basically
because
of
that.
B
B
So,
to
show
something
more,
a
little
more
sophisticated.
This
one
is
basically
showing
a
a
plot
that
is
a
plot
with
matplotlib,
which
is
a
very
popular
plotting
library,
library
for
python
directly
in
the
browser,
the
browser,
this
other
one
is
using
out
there,
which
is
another
library,
and
it
has
some
interactivity
that
you
can.
You
know,
click
here
and
there
and
everything
is
written
in
python.
B
You
know
without
having
to
to
change
much
of
the
syntax
or
anything
like
this
volume
is
another
one
that
is
interesting
to
explore.
Data
sets,
as
you
can
see,
a
lot
of
those
things
are,
you
know
related
to
the
python
ecosystem,
because
we
we've
been
there
for
for
a
long
time,
but
you
know
the
the
idea
is
to
start
with
this,
but
also
build
more
tags
and
more
things
to
lower
the
barrier
for
the
user.
B
B
Great
question,
so
basically
let
me
go
back
to
the
example,
but
underneath
pyodide,
which
is
the
python
runtime,
that
we
distribution
that
we
use
it
has
a
a
python2
or
m
scripting
or
python
2
javascript
and
javascript
2
python
interface.
So
you
can
actually
from
python
import,
javascript
things
and
from
javascript
you
can
import
python.
B
Yeah,
which
you
know
it's
like
it's
actually
definitely
in
the
direction
of
the
the
mission
of
the
division
of
the
project.
Right
like
we
really
want
to
be
additive
to
the
ecosystem
in
general,
either
python
or
javascript.
We
don't
want
to
compete,
so
you
know
if
now
the
python
ecosystem
is
richer,
because
I
can
use
javascript
things
and
vice
versa.
The.
B
A
Okay,
yeah
yeah
wow
and
it's
I
I
see
some
questions
in
the
chat.
Normally
I
wait
for
later,
but
I
do
think
these
two
questions
I'm
seeing
are
relevant
and
interesting.
I
don't
know
how
to
pronounce
your
username
yo
mesiccifi,
sorry,
but
basically
they're
asking.
Can
we
say
it
is
a
template
engine
and
then
what
are
the
limitations
of
pi
script?
Can
you,
for
instance,
run
opencv
or
mediapipe.
B
Great
questions,
so
I
wouldn't
say
it's
a
template
framework.
It's
more!
It's
more
of
a
framework
itself
that
uses
it,
collects
different
technologies
to
provide
and
provides
an
interface
to
users
to
use
them,
and
it's
also
the
vision
for
the
project
is
way
more
ambitious
than
being
a
template
system.
We
really
want
to
make
sure
that
we
can
add
components
for
people
to
write
their
applications
in
pi
script
itself
and
then
save
them
and
publish
them
right
away.
B
Also,
a
big
component
of
this
is
that
you
know
nowadays
most
applications
and
websites.
They
they
have
a
client-side
component
and
a
server-side
component.
Now
that
people
a
lot
of
the
broad
the
code
that
people
are
running
on
the
server
side
in
python
can
be
ran,
it
can
be
run
in
in
the
client
itself.
It
it
simplifies
the
architecture,
and
you
know
we
can
allow
people
to
run
applications
that
were
more
very
complex
in
a
way
simpler
way.
B
So
in
that
sense,
it's
it's
sort
of
a
glue
framework
where
we
want
to
collect
as
much
as
possible
and
combine
so,
for
instance,
you
can
easily
think
of
a
ui
framework.
On
top
of
javascript
sorry
of
five
script
to
allow
users
to
to
build,
you
know,
forms
or
things
pretty
much
like
react
or
view
or
other
things
like
this.
B
B
3D
stuff
in
the
browser,
those
are
very
cool
for
the
next
ones,
are
very
familiar
to
the
python
data.
Science
stack
a
lot
of
times.
People
need
to
create
dashboards
and
graphics
to
display
data
and
interact
with
data.
This
one
is
showing
it's
running
a
model,
the
k-means
clustering
model
to
to
display
data
and
and
analyze
data.
So
based
on
the
number
of
clusters,
you
can
change
things
and
it
will
change
what's
displayed
and
you
can
change
dimensions.
B
B
B
A
B
A
B
Yeah-
and
it's
also
some-
it
has
some
interactivity
if
you
click
on
it.
It
shows
on
those
the
main
paths
from
from
here
to
here
and
vice
versa,
and
then,
but
those
are
just
examples
of
things
that
you
can
do
today
to
with
it
right.
So
this
last
one
is
super
recent.
It's
an
example
that
I
created
two
three
weeks
ago
at
I
was
speaking
at
a
conference
about
pi
script,
and
I
thought
you
know
would
be
cool
to
actually
show
the
slides
in
pi
script
itself.
So
in
javascript.
B
B
A
A
A
B
A
I'm
like
in
the
javascript
world,
so
I've
always
always
loved
to
bring
in
folks
from
different.
I
don't
know
what
to
call
like
who
are
into
different
programming
languages
just
so
I
can
keep
up
so
people
have
questions.
I
don't
know
how
to
say
your
your
username,
but
you
have
some
really
great
questions.
They
said.
Do
you
have
any
plans
for
a
pwa.
B
Base
stands
for
progressive
web
applications
and
we
would
love
to
to
create
native
support
for
those
one
of
the
main
struggles
right
now
with
five
script.
Is
that
because
it
relies
on
top
of
iodide
that
relies
on
relies
on
name
scripting,
that
is
on
top
of
web
assembly?
It
has
a
long
way
long,
loading
time,
and
you
know
one
the
best
way
to
avoid
this
is
actually
through
progressive
web
applications
where
you
can
already
preload
and
pack
everything
into
a
bundle,
a
thing
that
you
just
ship
and
it's
already
loaded.
A
B
So
in
that
sense,
that's
something
that
we're
very
interested
in
more
on
the
traditional
side
of
what
we
need
container
today,
like
docker
other
things
like
this.
I'm
not
sure
I
see
the
use
cases,
I'd
love
to
hear
you
know
if
there's
anything
in
anything
in
mind,
you
have
anything
in
mind.
So
if
you
want
to
tweet
about
it
and
tag
me,
that
would
be
great.
A
Good
idea,
yeah
yeah
chef
go
ahead
and
tweet
about
it
and
start
discussing
about
the
use
case
for
containers
in
pi
script
cool.
This
was
a
really
great
demo
if
there
are
more
questions
from
the
audience
start
asking
them
now,
y'all,
because
I
love
to
have
short
streams
like
when
they're
short
and
sweet.
That's
perfect
for
me.
A
B
A
B
If
I
can
use
opencv
and
mediapipe,
I'm
not
sure
about
those
two,
the
limitations
are
pretty
much
related
to
the
limitations
of
running
python.
On
the
browser
you
know,
the
browser
is
requires
to
think
things
to
run
asynchronously,
because,
obviously
you
don't
want
to
hang
hold
freeze
the
page
while
it's
computing,
etc.
B
B
There
are
some
things
that
one
can
do
to
prevent
those
like
use
web
workers,
but
those
are
not
out
of
the
box
already
implemented
so
and
those
are
limitations
that
are
not
really
pi.
Script
limitations,
they're
more
related
to
python.
On
the
browser
and
biodive
so
as
they
get
better
on
upstream,
we'll
also
benefit
from
them.
A
Okay,
great
great,
that
was
a
good
answer.
Someone
kind
of
tried
to
answer.
I
believe
the
the
container
question
ptmcg
said
you
could
pre-package
the
static
website
with
pi
script
html
and
serve
in
a
docker
container.
So
hopefully
that
was
helpful
to
you
chef
and
then
this
is
my
bad
andre's
asked
and
I
hope
I'm
saying
your
name
right
andre's,
but
they
asked
for
your
your
twitter
handle
and
usually
I
have
the
handles
and
our
name
underneath
our
pictures,
but
I
messed
up.
A
A
B
B
A
B
A
Thank
you
so
much
for
taking
your
time
to
come,
share
with
us
about
pi
script
and
tell
more
of
the
community
about
it
and
how
to
use
it.
And
I
was
really
intrigued
by
learning
like
how
you
all
came
up
with
this
idea
and
and
just
learning
about
you
all
like
speeding
up
the
timeline
and
presenting
it
at
pycon
and
also
hey
to
your
cat.
My
cat's
always
like
walking
across
my
keys.