#100DaysOfCode in Python Transcripts
Chapter: Days 85-87: Fullstack web apps made easy
Lecture: Creating a new project in Anvil
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.