#100DaysOfCode in Python Transcripts
Chapter: Days 85-87: Fullstack web apps made easy
Lecture: Your turn: Day 1
0:00 Well, I'm sure it was fun to watch me build that app
0:02 with Anvil, but now it's your turn to do some full stack
0:05 web development the easy way.
0:08 As usual, we've broken this up into 3 days.
0:11 Let's start with day one.
0:13 Today you've watched quite a few videos,
0:16 so there's just a few quick, simple things, just so you
0:18 actually get your hands dirty a little bit everyday, right?
0:21 So today, the first thing you need to do
0:24 is create a new account and register at Anvil.
0:26 So be sure to use that URL right there.
0:29 You can just click on GitHub.
0:30 It's talkpython.fm/anvil100, and that will get you 10% off.
0:34 If for some reason,
0:35 you do want a subscription in the future.
0:37 If not, obviously, you don't have to buy anything.
0:40 You can build what we built with the free version.
0:44 Alright. So come over here, log in, create your account.
0:47 Once you have your account, I thought today would be fun
0:50 to maybe play with just a little bit of the UI,
0:52 a little bit of the designer.
0:54 So you are going to create a new app,
0:57 and you're going to choose "Material Design,"
0:58 and then it'll give you some suboptions.
1:01 Choose the sidebar style.
1:02 Then you saw, just like we did,
1:04 add a few links to the sidebar define a few subforms,
1:07 and make sure that you chose the blank,
1:09 the simple one, for those.
1:11 And if for some reason, you literally just need one form,
1:14 just use the form that you get right away, right there.
1:16 But it if you're building something more interesting
1:18 like we did, you'll need some subforms.
1:20 And then just fill out the visual designer.
1:21 Just, you know, drag and drop this stuff over here
1:24 till it looks this way.
1:25 Be sure to name the elements like label_title,
1:27 label_created, textbox_search or textbox_filter,
1:30 rather than label1, label2, label3.
1:33 textbox1, textbox2, textbox3.
1:34 That is a real recipe for some spaghetti code
1:37 that's hard to understand.
1:38 So a little bit of care there but just define the UI
1:41 for the app you have in mind.
1:42 You don't have to write any logic, nothing like that.
1:44 And you mine as well go and press "Run"
1:46 just to see it come to life, 'cause that's pretty cool.