WEBVTT 0 00:09.460 --> 00:10.870 Isn't she just beautiful? 1 00:11.500 --> 00:12.490 Oh, and you too. 2 00:12.490 --> 00:13.390 And you too. 3 00:13.960 --> 00:15.310 This one's just a bit jealous. 4 00:16.210 --> 00:17.290 Oh, there we go. 5 00:20.290 --> 00:22.530 I just wanted to take a break. 6 00:22.540 --> 00:23.590 I wanted to ... 7 00:24.220 --> 00:26.410 I don't want you to feel intimidated. 8 00:26.410 --> 00:31.660 I know we're going through a ton of different input types, and it can seem quite daunting, you know? 9 00:31.660 --> 00:36.880 But just take a step back and think about what it is the browser is trying to do, or the browser vendors. 10 00:36.880 --> 00:41.050 All they are trying to do is to improve the user experience. 11 00:41.050 --> 00:44.650 It's not to say that we have to use all of these input types. 12 00:44.650 --> 00:50.020 I mean, we can even go to the extreme and just stick with the input of type text. 13 00:50.260 --> 00:54.190 If you want to use it to upload an email, we can still use that input of type text. 14 00:54.190 --> 00:58.600 If you want the user to insert a number, we can still use input of type text. 15 00:58.630 --> 01:00.820 We don't have to change the type to tel. 16 01:00.850 --> 01:02.680 We don't have to change the type to email. 17 01:02.680 --> 01:06.880 Even with that search type, we don't have to use that when it comes to searches. 18 01:06.880 --> 01:10.360 In fact, we can even use the search type when asking for the user's email. 19 01:10.360 --> 01:16.810 I guess what I'm trying to say is that you need to get comfortable with your own style when developing 20 01:16.810 --> 01:17.260 forms. 21 01:17.260 --> 01:23.600 It's good to know about all these types because as we've seen, the biggest benefit comes down to UI 22 01:23.630 --> 01:24.860 on phones and tablets. 23 01:24.860 --> 01:28.510 You know, the proper screen comes up, but really it's not make or break. 24 01:28.520 --> 01:35.360 What really is important is knowing how forms work, knowing how to structure your form, knowing the 25 01:35.360 --> 01:38.780 attributes, like required, pattern, title etc. 26 01:38.960 --> 01:45.200 These are what's really important because these things, and targeting the pseudo elements and pseudo 27 01:45.200 --> 01:47.060 classes like :valid and :invalid, 28 01:47.210 --> 01:52.400 this is what makes forms really, really easy to follow for users. 29 01:52.400 --> 01:57.830 And it's crazy how many forms, and I'm sure you're the same, how many websites you go onto these days 30 01:57.830 --> 02:00.410 where it's not clear what needs to happen. 31 02:00.410 --> 02:01.100 There are errors. 32 02:01.100 --> 02:02.540 You don't know where the error is. 33 02:03.050 --> 02:04.760 This should not happen today. 34 02:04.790 --> 02:11.630 Seriously, like as a developer, we should be skilled enough to create really easy and intuitive and 35 02:11.630 --> 02:13.040 custom forms. 36 02:13.040 --> 02:20.150 So I just wanted to kind of reassure you that you don't have to memorize each one of these types. 37 02:20.180 --> 02:26.780 You don't have to use all of the types. It really comes down to your personal artistic self. 38 02:26.960 --> 02:28.640 And that's what's awesome about coding. 39 02:28.940 --> 02:30.650 Anyway, that was just a quick break. 40 02:30.680 --> 02:34.670 It's a beautiful day out here today and yeah, I can't wait to get back into some more lectures. 41 02:34.670 --> 02:37.220 So without further ado, let's continue. 42 02:37.250 --> 02:40.580 Hope you're having fun my dear students, thank you so much for supporting me. 43 02:40.910 --> 02:42.380 I honestly, honestly appreciate it. 44 02:42.380 --> 02:44.060 I could not do this without you. 45 02:44.120 --> 02:45.650 I have a lot of fun as well. 46 02:45.890 --> 02:47.000 I just want to keep going. 47 02:47.000 --> 02:51.430 And if you are enjoying the course, please I ask you to just leave me a good review. 48 02:51.440 --> 02:53.240 If you're not enjoying the course, let me know. 49 02:53.240 --> 02:54.440 I do want to improve. 50 02:54.440 --> 02:55.280 I'm not perfect. 51 02:55.280 --> 02:56.630 I realize that. 52 02:56.750 --> 02:59.390 Anyway, I'll see you in the next lecture. 53 02:59.420 --> 03:00.170 Adios.