1
00:00:00,600 --> 00:00:07,790
OK dans cette vidéo, nous allons utiliser ce que nous avons appris jusqu'ici sur les tableaux javascript pour construire une liste très simple à faire.

2
00:00:08,160 --> 00:00:13,290
Et bien sûr, nous n'avons pas appris à avoir notre javascript interagir avec notre Jim Clancy est nous.

3
00:00:13,350 --> 00:00:18,770
Donc, cette liste à faire app est tout va être basé sur des invites et des alertes et constamment des journaux.

4
00:00:18,960 --> 00:00:33,080
Mais très bientôt, nous allons apprendre sur la mutation dominante qui est la façon dont nous obtenons notre javascript pour ajouter de l'âge à des éléments Moul ou de les supprimer ou de les changer ou ajouter les SS et à ce point, nous allons réellement faire une belle recherche pour faire la liste où Ce n'est pas seulement Konst, mais les logs.

5
00:00:33,150 --> 00:00:34,620
Voici donc comment ça va fonctionner.

6
00:00:34,620 --> 00:00:38,480
Quand je rafraîchis la page, il me demande ce que je voudrais faire.

7
00:00:38,700 --> 00:00:43,870
Et vous pouvez voir sur la gauche j'ai trois choix, je peux taper un nouveau téléphone ajouter un nouveau à faire.

8
00:00:43,920 --> 00:00:47,990
Je peux taper list pour afficher tout ou écrire quit pour quitter.

9
00:00:48,030 --> 00:00:50,780
Alors essayons de taper la liste pour commencer.

10
00:00:51,440 --> 00:00:56,190
Et il m'imprime tous les à faire, qui est juste un tableau vide pour l'instant.

11
00:00:56,190 --> 00:00:57,640
Alors ajoutons un nouveau.

12
00:00:57,750 --> 00:01:04,340
Notez qu'il me demande encore une fois je n'ai pas eu à recharger tout type nouveau et maintenant il dit entrer un nouveau à faire.

13
00:01:04,560 --> 00:01:07,200
Alors je vais marcher rouillé.

14
00:01:07,350 --> 00:01:11,010
Hit entrer et maintenant il me demande ce que vous aimeriez faire.

15
00:01:11,220 --> 00:01:16,320
Alors je vais énumérer et je peux voir que la marche resti a été ajouté à ma liste de tâches.

16
00:01:16,650 --> 00:01:17,830
Ajoutons un autre.

17
00:01:17,850 --> 00:01:27,790
Donc, nouveau celui-ci sera alimentation resti et la liste et j'ai maintenant les deux éléments dans ce tableau.

18
00:01:27,810 --> 00:01:32,180
Donc, maintenant pour mettre fin à ce cycle, je vais le prendre, je ne suis pas invité à nouveau.

19
00:01:32,430 --> 00:01:33,720
C'est donc notre objectif.

20
00:01:34,020 --> 00:01:37,980
Allons-y et ouvrez sublime et créez les fichiers nécessaires.

21
00:01:38,700 --> 00:01:39,870
J'ai donc une liste.

22
00:01:39,990 --> 00:01:45,280
HMO va ajouter mon boilerplate à faire la liste.

23
00:01:45,960 --> 00:01:57,440
Et puis à l'intérieur d'ici je vais aller de l'avant et ajouter en juste un H1 pour le rendre clair pour faire la liste et puis quelques alliés.

24
00:01:58,770 --> 00:02:15,170
Le premier juste pour que nous nous souvenions que les commandes ajoutent un à faire et alors nous allons avoir des listes énumèrent tout à faire.

25
00:02:15,210 --> 00:02:21,590
Et puis enfin quitter ce qui est juste pour arrêter.

26
00:02:22,060 --> 00:02:23,220
Sauvegarde ça.

27
00:02:23,250 --> 00:02:27,140
Maintenant, nous allons le lien dans notre fichier javascript que nous avons encore besoin de créer.

28
00:02:27,690 --> 00:02:31,600
Et je vais appeler cette liste.

29
00:02:31,640 --> 00:02:38,420
Jay Oui, puis je vais créer ce fichier et enregistrer la liste que J.S ..

30
00:02:39,540 --> 00:02:50,420
Et bien sûr, comme j'aime toujours faire, je vais commencer par faire juste une console que le journal cette fois connecté juste pour vérifier que tout fonctionnait correctement.

31
00:02:50,430 --> 00:02:54,670
Maintenant, nous allons ouvrir ceci dans notre navigateur.

32
00:02:55,030 --> 00:02:57,860
Voici une liste de choses à faire et nous sommes connectés.

33
00:02:58,110 --> 00:02:59,050
Impressionnant.

34
00:02:59,700 --> 00:03:01,860
Juste pour augmenter la police un peu ici.

35
00:03:01,860 --> 00:03:04,050
Maintenant parlons de notre logique.

36
00:03:04,050 --> 00:03:08,500
Donc, ce que nous allons faire est d'utiliser un tableau pour modéliser notre liste à faire.

37
00:03:08,550 --> 00:03:10,010
Nous allons donc avoir besoin d 'un.

38
00:03:10,020 --> 00:03:13,440
Je vais l'appeler à faire et il va commencer comme vide.

39
00:03:14,490 --> 00:03:18,930
Et puis la prochaine chose que nous devons faire est de demander à l'utilisateur pour la contribution.

40
00:03:19,110 --> 00:03:26,020
Donc, nous allons simplement appeler que la saisie d'entrée var est égale à l'invite.

41
00:03:26,460 --> 00:03:30,030
Qu'est-ce que tu aimerais faire.

42
00:03:31,470 --> 00:03:37,000
Et puis la prochaine étape est de vérifier simplement ce que l'entrée est si l'entrée est LIST.

43
00:03:37,020 --> 00:03:41,660
Nous allons faire une chose si les données sont nouvelles, nous allons faire autre chose.

44
00:03:41,700 --> 00:03:50,310
Alors essayons que si l'entrée et nous allons commencer par vérifier juste si c'est égal à la liste.

45
00:03:50,700 --> 00:03:58,050
Si c'est le cas, nous allons simplement annuler ne pas enregistrer tous pour faire exactement comme ça.

46
00:03:58,860 --> 00:04:11,040
Let's go ahead et ajouter dans certains à faire ici et nous allons ajouter un ici par la nouvelle tortue enregistrer et nous allons vérifier si cela fonctionne.

47
00:04:11,040 --> 00:04:13,120
Donc, pour vérifier si cela fonctionne, il sera actualisé.

48
00:04:13,320 --> 00:04:19,510
Et tout ce que nous devons faire est de taper la liste et nous devrions voir notre tableau qui dit acheter de nouvelles tortues.

49
00:04:19,650 --> 00:04:27,680
Toutefois, si nous saisissons quelque chose d'autre, nous ne voyons rien parce que notre code ne s'exécute que si input est égal à list.

50
00:04:28,500 --> 00:04:29,780
Donc il y a ça.

51
00:04:29,820 --> 00:04:33,170
L'étape suivante consiste à ajouter une autre condition.

52
00:04:33,200 --> 00:04:33,730
Faisons juste.

53
00:04:33,720 --> 00:04:37,740
Sinon, si l'entrée est égale à new.

54
00:04:38,400 --> 00:04:48,080
Et si c'est le cas, nous allons vouloir demander à l'utilisateur pour un nouveau à faire demander de nouvelles à faire ajouter deux à do's tableau.

55
00:04:48,960 --> 00:04:55,200
Donc, pour demander le nouveau à faire, nous utilisons juste prompt pour notre nouveau à faire des égales invite.

56
00:04:56,370 --> 00:05:03,340
Entrez une nouvelle tâche à faire et puis l'ajouter au tableau Dewes, nous avons beaucoup d'options.

57
00:05:03,360 --> 00:05:05,860
Je vais l'ajouter à la fin du tableau.

58
00:05:05,970 --> 00:05:10,680
Donc, tous utilisés pour utiliser la poussée nouvelle à faire.

59
00:05:10,680 --> 00:05:13,670
C'est donc tout ce que nous devons faire ici pour que cela fonctionne.

60
00:05:13,680 --> 00:05:29,300
La seule question est que si je cours ceci maintenant et j'essaye un avait un nouveau pour faire la dactylographie nouvelle il me demande d'entrer un nouveau pour faire laissez-nous faire la nouvelle tortue de WOC et si je frappe l'entrée je suis fait.

61
00:05:29,700 --> 00:05:32,220
En fait, je n'ai pas de moyen de vérifier si cela fonctionnait.

62
00:05:32,550 --> 00:05:42,470
Je pourrais aller ici et taper dans la console et je peux vérifier OK tous les deux sont ici, mais je n'ai pas un moyen d'utiliser la commande liste pour les imprimer.

63
00:05:42,780 --> 00:05:47,390
Et c'est parce que maintenant nous demandons une fois ce que vous aimeriez faire.

64
00:05:47,430 --> 00:05:49,990
Donc la prochaine étape est d'obtenir ce à répéter.

65
00:05:50,130 --> 00:05:55,210
Nous voulions continuer à demander encore et encore et jusqu'à ce que les types d'utilisateurs quittent.

66
00:05:55,230 --> 00:05:58,750
Alors j'espère que ça vous crie que nous devrions utiliser une boucle.

67
00:05:58,860 --> 00:06:02,200
Nous voulons faire quelque chose encore et encore jusqu'à ce que la condition est vraie.

68
00:06:02,640 --> 00:06:12,570
Donc, la boucle que nous voulons écrire va être une boucle while et la condition va être alors que l'entrée n'est pas égal à quitter.

69
00:06:12,780 --> 00:06:17,720
Donc, quand il ya autre chose que d'arrêter, nous allons exécuter ce code.

70
00:06:18,420 --> 00:06:20,760
Ensuite, je reviendrai sur ce blog.

71
00:06:21,070 --> 00:06:27,470
OK, vous quittez l'application pour que nous puissions voir quelques commentaires.

72
00:06:27,630 --> 00:06:31,370
Nous ne verrons cette ligne qu'une seule fois.

73
00:06:31,620 --> 00:06:40,420
Donc, cela signifie que l'utilisateur a tapé rapidement et ensuite à l'intérieur d'ici au bas, nous allons demander à nouveau pour de nouvelles entrées.

74
00:06:40,690 --> 00:06:45,600
Et au sommet, nous allons gérer les commentaires.

75
00:06:45,600 --> 00:06:57,860
Donc, nous allons commencer par demander à l'utilisateur de saisir une fois et puis je vais déplacer ce code dans la boucle comme ça.

76
00:06:58,020 --> 00:07:03,950
Donc, je vais leur demander une fois ce que vous aimeriez faire est une entrée égale à cesser de fumer.

77
00:07:04,050 --> 00:07:05,760
Espérons qu'ils ne quittent pas tout de suite.

78
00:07:05,820 --> 00:07:08,810
Mais s'ils le font, nous obtenons juste OK vous quittez.

79
00:07:09,030 --> 00:07:13,850
Mais s'ils ne saisissent pas quit, nous allons vérifier la liste de type de jour, ils ont taper new.

80
00:07:14,280 --> 00:07:22,170
Et puis la toute dernière chose est que nous avons besoin de demander à nouveau pour de nouvelles entrées afin de demander à nouveau pour de nouvelles entrées.

81
00:07:22,170 --> 00:07:28,040
Tout ce que nous devons faire est de copier cette ligne juste comme ça.

82
00:07:28,110 --> 00:07:30,440
Donc, je vais faire un peu plus grand.

83
00:07:31,590 --> 00:07:39,310
Donc, ici, nous demandons de nouveau l'entrée et qui commencera à boucler et tout contrôle est entrée égale à quitter cette fois.

84
00:07:39,600 --> 00:07:41,180
Oui, nous avons terminé.

85
00:07:41,580 --> 00:07:42,990
Alors essayons ça.

86
00:07:43,230 --> 00:07:46,590
Aller à rafraîchir la page que voulez-vous faire.

87
00:07:47,010 --> 00:07:55,220
Faisons de nouvelles recrues sont nouvelles pour faire la nouvelle tortue nourrir Que voulez-vous faire.

88
00:07:55,260 --> 00:07:57,430
Il me demanda encore une fois.

89
00:07:57,870 --> 00:08:00,930
Alors maintenant, j'ai ces deux à faire dans ma liste à faire.

90
00:08:00,990 --> 00:08:04,810
Maintenant essayons de quitter et nous obtenons OK.

91
00:08:04,830 --> 00:08:05,800
Vous quittez l'application.

92
00:08:06,090 --> 00:08:10,160
J'ai donc tapé quitter cette condition soudainement c'était vrai et alors nous sommes faits.

93
00:08:10,380 --> 00:08:14,760
Donc, nous allons juste former ce petit peu mieux et puis les choses correctement.

94
00:08:15,150 --> 00:08:17,500
Donc, c'est pour notre base pour faire la liste pour l'instant.

95
00:08:17,700 --> 00:08:24,140
Nous allons bientôt ajouter des fonctionnalités supplémentaires et d'autres commandes, mais nous devons apprendre quelques nouvelles choses au sujet des tableaux avant que nous puissions le faire.