WEBVTT

0
00:04.640 --> 00:10.320
A very quick recap on what we have learned about forms thus far.

1
00:10.940 --> 00:15.470
Firstly, I want to emphasize again that forms are the money 💲💲💲 pages for sites.

2
00:15.890 --> 00:21.140
They're usually used for A/B testing, they're used to measure kind-of success rates, click through rates,

3
00:21.440 --> 00:24.050
they can be phenomenally useful.

4
00:24.320 --> 00:25.950
That's a hard word, "phe no men ally",

5
00:25.970 --> 00:29.960
useful. But you get the point - they are the money 💰 pages.

6
00:30.380 --> 00:36.110
And we looked at the fact that the data within a form is usually submitted to a server for processing.

7
00:36.410 --> 00:40.280
But it's not always, and we're going to see examples of that in this course.

8
00:40.550 --> 00:43.340
Sometimes you just want to effect something on the front end.

9
00:43.610 --> 00:44.900
You want to effect the DOM.

10
00:45.680 --> 00:49.790
So we know the forms are very powerful for interacting with users.

11
00:50.360 --> 00:56.810
And we have discussed that the two aspects to a form is (1) the front end, which involves the HTML and CSS, 

12
00:57.200 --> 01:01.490
and of course is (2) the back end, which involves the database and server side processing.

13
01:01.920 --> 01:04.450
And of course, we also discussed widgets.

14
01:04.790 --> 01:09.770
We know that a form is made up of one or more form controls or widgets.

15
01:10.370 --> 01:14.690
We've already seen a very simple example of the input text type widget.

16
01:15.260 --> 01:18.170
And of course, most importantly, how do we write a form?

17
01:18.170 --> 01:19.880
How do we start writing in our code?

18
01:19.880 --> 01:24.140
Well, we have to use the <form> wrapper. And within the form wrapper,

19
01:24.140 --> 01:28.790
the two most important attributes are the (1) action attribute and the (2) method attribute.

20
01:29.120 --> 01:36.530
And both of these attributes are needed because we need to tell the browser what to do, or which backend

21
01:36.530 --> 01:41.300
server needs to process the information that's submitted within the form.

22
01:42.120 --> 01:43.320
So that's a quick recap.

23
01:43.520 --> 01:49.940
And right now we've kind of done a bit of theory, but nothing beats practical examples.

24
01:49.940 --> 01:54.830
And we're going to go into so much detail in this course about the widgets and you're going to see how

25
01:54.830 --> 01:56.620
powerful some of them really are.

26
01:57.170 --> 02:01.550
But before we jump into that, I just want to take a step back and I want to just code with you.

27
02:01.550 --> 02:03.200
I want to just code up some forms, 

28
02:03.230 --> 02:07.720
so don't worry if you don't fully understand what all the widgets mean, but let's have some fun.

29
02:07.940 --> 02:09.160
I'll see you the next lecture.