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