#100DaysOfCode in Python Transcripts
Chapter: Days 85-87: Fullstack web apps made easy
Lecture: Creating a new project in Anvil
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
Alright, are you ready to get started?
0:01
It's time to build something now that
0:03
you've seen what we're going to build,
0:04
and some of the building blocks, let's go over to Anvil.
0:07
Now, I suggest you go to talkpython.fm/anvil to get started,
0:11
I'm working with the guys there and maybe
0:13
I'll be able to get you some kind of discount
0:15
if you do decide to sign up based on this.
0:18
I'll put more details in the readme in the your turn,
0:20
but be sure to go there this way, talkpython.fm/anvil.
0:29
Here's their site, you want to just log in,
0:32
you'll probably want to sign up.
0:33
Now, it should take me right there,
0:34
I think I've logged in in this browser session already.
0:38
Now, I find when I'm working with Anvil
0:39
that I really just want to go over here
0:42
and get the web application to go away
0:44
and just get it full screen, because everything's
0:46
going to happen inside here.
0:51
Here's my HighPoint trial test thing
0:53
that we were just playing with.
0:55
You can actually go down here and click on this,
0:57
and get to some of their interactive tutorials
0:59
if you want to look through them, that's pretty cool.
1:01
They've got a lot of helpful little videos and walkthroughs,
1:04
things like that, so really pretty nice
1:06
support to get you started.
1:08
But we're just going to create a new application.
1:11
I can see we have three basic looks,
1:14
and this one looks a lot like the
1:16
app we just build, didn't it,
1:17
so we're going to go with the material design app.
1:22
And once you pick material design,
1:23
you need to pick your layout, there's a lot of options,
1:26
just blank or custom, or single page,
1:28
we're going to go with what's called
1:29
a card-based layout with a sidebar.
1:32
So here we are in our application.
1:34
We only have this one view right now,
1:36
but if you click app browser,
1:37
you see we can have more than one form,
1:39
we have our modules, server modules,
1:41
the services, and things like that.
1:43
Okay, so I'm going to put this away for now,
1:45
but that's the way we get started.
1:46
And what we do is we just go over here
1:48
and we way, I would like a label over here,
1:50
for example, on the title.
1:51
Or I'd like a button to be right there.
1:53
And we're going to drag the stuff around,
1:55
arrange it, and then we can flip over
1:57
to the code side, so here's the code
2:00
that runs when our form is shown.
2:03
So we're going to hook the events from these components
2:05
and they'll call functions back
2:07
on that code that we just saw there.