#100DaysOfWeb in Python Transcripts
Chapter: Day 52: Anvil - Full Stack Web Apps
Lecture: Anvil: New project
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? It's time to build something now that you've seen what we're going to build,
0:05
and some of the building blocks, let's go over to Anvil. Now, I suggest you go to talkpython.fm/anvil to get started,
0:12
I'm working with the guys there and maybe I'll be able to get you some kind of discount if you do decide to sign up based on this.
0:19
I'll put more details in the readme in the your turn, but be sure to go there this way, talkpython.fm/anvil.
0:30
Here's their site, you want to just log in, you'll probably want to sign up. Now, it should take me right there,
0:35
I think I've logged in in this browser session already. Now, I find when I'm working with Anvil that I really just want to go over here
0:43
and get the web application to go away and just get it full screen, because everything's going to happen inside here.
0:52
Here's my HighPoint trial test thing that we were just playing with. You can actually go down here and click on this,
0:58
and get to some of their interactive tutorials if you want to look through them, that's pretty cool.
1:02
They've got a lot of helpful little videos and walkthroughs, things like that, so really pretty nice support to get you started.
1:09
But we're just going to create a new application. I can see we have three basic looks, and this one looks a lot like the app we just build, didn't it,
1:18
so we're going to go with the material design app. And once you pick material design, you need to pick your layout, there's a lot of options,
1:27
just blank or custom, or single page, we're going to go with what's called a card-based layout with a sidebar. So here we are in our application.
1:35
We only have this one view right now, but if you click app browser, you see we can have more than one form, we have our modules, server modules,
1:42
the services, and things like that. Okay, so I'm going to put this away for now, but that's the way we get started.
1:47
And what we do is we just go over here and we way, I would like a label over here, for example, on the title. Or I'd like a button to be right there.
1:54
And we're going to drag the stuff around, arrange it, and then we can flip over to the code side, so here's the code that runs when our form is shown.
2:04
So we're going to hook the events from these components and they'll call functions back on that code that we just saw there.