Anvil: Web apps with nothing but Python Transcripts
Chapter: Application first steps
Lecture: Concept: Anvil forms (pages)

Login or purchase this course to watch this video and the rest of the course contents.
0:00 We saw the core way to create UI elements
0:03 is to use all the controls that you can drag and drop
0:06 onto the Form Designer.
0:08 You create these forms, you set the properties
0:11 of the elements you drag and drop over, and that's it.
0:13 You create these beautiful forms
0:15 and they come in two parts.
0:17 One part is we have this UI.
0:20 Alright, this is the design for add measurement
0:22 that we just built.
0:24 Looks great, you can see we're in Design mode.
0:26 But, on the other side, we have the code behind
0:29 and here's where we write all the Python code
0:32 that responds to events on those forms.
0:36 It actually lets us write code for when it starts up
0:40 and even other types of operations as well.
0:42 What's super-interesting is this Python code
0:45 actually runs on the client side.
0:47 This is all running on top of a JavaScript Python runtime.
0:52 That means it puts no load on a server
0:53 it has near zero latency, it's beautiful.
0:56 So, really, really nice way to take a great UI like this
1:00 write some interactive code in Python
1:02 and have it work the way you want.
1:04 Course, we're going to add ways to reach back to the server
1:07 talk to the database, interact with the APIs, and so on.
1:10 That's really the next thing we need to do
1:11 for this add measurement control
1:13 is somehow save those measurements
1:14 we've validated and gotten from the user.
1:17 But, these forms are really, really great
1:18 and pretty much anyone can go use the designer
1:21 and build them out just the way they want.