1
00:00:00,840 --> 00:00:03,220
Il est donc temps pour un autre exercice.

2
00:00:03,570 --> 00:00:08,250
Donc ce projet ici va couvrir tout ce dont nous avons parlé dans les dernières vidéos.

3
00:00:08,280 --> 00:00:15,750
Donc, cela inclut des choses comme la forme d'oeufs différents types d'entrées, y compris les boutons déroulants menus déroulants.

4
00:00:15,750 --> 00:00:18,280
Il comprend également des validations et des étiquettes.

5
00:00:18,660 --> 00:00:26,480
Donc, à peu près tout ce que nous avons parlé et ce que vous allez faire est de les combiner pour faire un formulaire d'inscription pour certains faux site Web.

6
00:00:26,940 --> 00:00:35,310
Donc, il va ressembler à ceci un formulaire où un utilisateur peut aller s'inscrire avec un Nom Prénom Nom Choisissez sexe.

7
00:00:35,370 --> 00:00:37,170
Mot de passe de l'email.

8
00:00:37,290 --> 00:00:44,210
Un anniversaire avec trois menus abandonnés et une case à cocher pour accepter les termes et conditions.

9
00:00:44,430 --> 00:00:46,750
Donc, encore quelques conseils ici.

10
00:00:47,060 --> 00:00:48,860
Ceux-ci doivent être des entrées de texte.

11
00:00:49,560 --> 00:00:50,950
Ce doit être un mot de passe et.

12
00:00:51,000 --> 00:00:52,490
Il s'agit d'une entrée de courrier électronique.

13
00:00:52,500 --> 00:00:53,850
Ce sont des boutons radio.

14
00:00:54,000 --> 00:00:56,790
Il s'agit de trois balises de sélection.

15
00:00:56,880 --> 00:01:02,930
Il s'agit d'une entrée de case à cocher.

16
00:01:03,360 --> 00:01:06,020
Donc, il ya des validations qui sont nécessaires.

17
00:01:06,540 --> 00:01:10,140
Ainsi, le prénom nom et email ne peut pas être vide.

18
00:01:10,140 --> 00:01:16,660
Ils sont obligatoires e-mail doit être une adresse e-mail valide.

19
00:01:17,190 --> 00:01:21,600
Donc, cela doit suivre le bon format e-mail.

20
00:01:21,600 --> 00:01:26,720
Et il ya un bonus ici et c'est celui que j'encourage tout le monde à essayer de trouver.

21
00:01:26,760 --> 00:01:34,340
Donc, le point de ceci c'est l'un de nos premiers cas de moi vous demander de faire quelque chose que je ne vous ai pas directement montré comment faire.

22
00:01:34,560 --> 00:01:41,350
Et comme je l'ai dit avant, c'est vraiment ce que c'est que d'être un développeur, vous êtes chargé de quelque chose que vous avez une idée que vous voulez essayer.

23
00:01:41,430 --> 00:01:42,730
Vous n'avez aucune idée comment le faire.

24
00:01:42,900 --> 00:01:45,440
Alors vous allez en ligne et il a fait des recherches.

25
00:01:45,750 --> 00:01:49,380
Donc l'exercice ici est d'ajouter une autre validation.

26
00:01:49,410 --> 00:01:56,010
Un nouveau type dont nous n'avons pas encore parlé, qui est de valider la longueur de quelque chose et la façon dont il devrait fonctionner.

27
00:01:56,190 --> 00:02:00,720
Le mot de passe que l'utilisateur saisit doit avoir entre cinq et 10 caractères.

28
00:02:00,780 --> 00:02:03,300
Sinon, nous recevons cette erreur ici.

29
00:02:03,990 --> 00:02:06,380
C'est donc une autre de ces validations.

30
00:02:06,390 --> 00:02:07,990
C'est une question que nous n'avons pas encore vue.

31
00:02:08,070 --> 00:02:12,500
Donc, je recommande juste tirer vers le haut de Google et la recherche loin.

32
00:02:12,570 --> 00:02:13,300
Une note rapide.

33
00:02:13,320 --> 00:02:14,800
Cela doit être un HMO.

34
00:02:14,820 --> 00:02:25,010
Donc, si vous savez javascript pas de javascript autorisé qui est considéré comme tricherie pour cet exercice et puis une dernière chose que les trois seulement sur les menus ceux qui ont besoin d'être des balises select.

35
00:02:25,020 --> 00:02:31,140
Une note bien que vous n'avez pas besoin d'avoir toutes les années tous les mois tous les jours dans un mois qui est juste busywork.

36
00:02:31,170 --> 00:02:35,390
Je voudrais juste obtenir deux ou trois articles là-bas juste pour que vous puissiez voir les trois sélectionne.

37
00:02:35,420 --> 00:02:38,290
Il y a les petits menus déroulants.

38
00:02:38,400 --> 00:02:40,530
Vous n'avez pas besoin de s'inquiéter de les remplir cependant.

39
00:02:41,280 --> 00:02:41,560
D'ACCORD.

40
00:02:41,580 --> 00:02:46,140
Alors allez-y et commencez si vous voulez rester un moment.

41
00:02:46,140 --> 00:02:48,790
Je vais juste donner une démo du site actuel maintenant.

42
00:02:49,110 --> 00:02:54,020
Donc, encore une fois je laisse tout vide, je dois remplir ce formulaire.

43
00:02:54,530 --> 00:03:00,390
J'ai besoin de remplir le bouton de nom ici.

44
00:03:01,780 --> 00:03:02,520
Email.

45
00:03:02,520 --> 00:03:04,950
Laissez-le en blanc me dit de le remplir.

46
00:03:05,190 --> 00:03:14,760
Si je ne mets pas un bon e-mail Il devient fou à moi et alors le mot de passe doit être rempli.

47
00:03:14,990 --> 00:03:18,880
Un personnage ne suffit pas pour les personnages pas assez.

48
00:03:18,900 --> 00:03:24,520
Maintenant, si je vais à cinq ou six ou tout ce que c'est que j'ai maintenant assez de caractères.

49
00:03:25,060 --> 00:03:27,520
Un menu déroulant.

50
00:03:27,600 --> 00:03:28,320
Anniversaire.

51
00:03:28,500 --> 00:03:30,450
Je suis d'accord ou pas d'accord.

52
00:03:30,510 --> 00:03:31,890
Et maintenant la forme de celui-ci.

53
00:03:32,280 --> 00:03:33,730
OK, c'est tout.

54
00:03:33,810 --> 00:03:35,400
Allez-y et essayez cela tout seul.

55
00:03:35,640 --> 00:03:39,390
Et puis, comme toujours, je vais le décomposer étape par étape dans la prochaine vidéo.