#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
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.