1
00:00:00,270 --> 00:00:09,300
À la fin de la dernière vidéo, j'ai mentionné que nous allons introduire une nouvelle structure de dossiers, nous allons donc commencer par créer les dossiers et dossiers appropriés en premier.

2
00:00:09,330 --> 00:00:14,350
Donc, je vais aller à sublime et je vais faire mon nouveau fichier pour chaque équipe.

3
00:00:14,580 --> 00:00:18,700
Juste être notre principal fichier HTML et je vais l'appeler indexé.

4
00:00:18,720 --> 00:00:23,690
H Tim L et moi avons un dossier pour lui que j'appelle juste pour faire le projet de liste.

5
00:00:23,790 --> 00:00:33,790
Donc index que HD M-L et puis nous allons ajouter dans notre base H-2 mail boilerplate et je vais appeler à faire la liste et enregistrer.

6
00:00:34,380 --> 00:00:37,200
Et puis nous allons faire quelques nouveaux répertoires.

7
00:00:37,680 --> 00:00:44,130
Et je vais juste faire cela à partir de finder afin que vous pouvez cliquer avec le bouton droit et faire un nouveau dossier.

8
00:00:44,130 --> 00:00:50,270
Vous pouvez faire le changement de commande et vous pouvez aussi faire cela à partir de l'intérieur de sublime.

9
00:00:50,400 --> 00:01:12,720
Si vous entrez dans un fichier nouveau fichier et que vous l'enregistrez, vous pouvez cliquer sur le nouveau dossier ici mais vous allez créer le nouveau dossier que nous allons faire un dossier appelé actifs et puis à l'intérieur des actifs, nous allons faire deux dossiers un Pour JS Et un autre pour nous.

10
00:01:13,740 --> 00:01:19,360
Enfin, au lieu de J.S. Nous allons créer un autre dossier appelé lib.

11
00:01:19,830 --> 00:01:41,120
Donc, si j'ouvre cette structure entière à l'intérieur de sublime en faisant glisser tout le projet sur comme cela, vous pouvez voir que notre structure est maintenant à faire ce projet et nous avons un index h t m l et puis nous avons un répertoire d'actifs au lieu d'actifs.

12
00:01:41,220 --> 00:01:46,700
Nous avons C Ss et nous avons javascript et au lieu de javascript, nous avons un répertoire lib.

13
00:01:46,860 --> 00:01:58,670
Nous allons donc mettre notre feuille de style au lieu du répertoire C S S et au lieu de J.S. Nous allons mettre notre propre javascript personnalisé où nous écrivons la requête jey et à l'intérieur de lib est où nous allons ajouter.

14
00:01:58,790 --> 00:02:01,520
Interroger lui-même le fichier de requête J réel.

15
00:02:01,800 --> 00:02:02,980
Nous allons commencer par là.

16
00:02:03,120 --> 00:02:05,310
Allons-y et assurez-vous que nous avons une requête.

17
00:02:05,580 --> 00:02:17,540
Donc, je vais juste aller à Jay Querrey dot com et plutôt que de faire un CDN parce que c'est plus d'un projet sérieux, nous allons télécharger la version compressée la plus récente.

18
00:02:17,640 --> 00:02:22,850
C'est donc ici la production compressée 2.0 1.4.

19
00:02:23,430 --> 00:02:28,950
Et puis je vais trouver ce fichier et il suffit de l'ajouter dans mes actifs.

20
00:02:29,010 --> 00:02:36,870
J.S. Lib juste ajouter que dans comme ça et maintenant je vais aller lien à ce correct.

21
00:02:36,880 --> 00:02:39,520
L'intérieur de mon fournisseur.

22
00:02:39,870 --> 00:02:43,350
Donc, dans mon HMO, je dois ajouter une balise de script.

23
00:02:44,250 --> 00:02:53,540
Et le chemin pour y arriver est actif slash J.S. Slash lib slash Jay se précipita pour pointer un point pour le dolmen.

24
00:02:53,650 --> 00:02:54,500
Oui.

25
00:02:54,570 --> 00:03:06,390
Donc, faisons maintenant que le type de script, parce que la source javascript égale les actifs slash J.S. Slash lib slash.

26
00:03:06,480 --> 00:03:10,370
Jay tableau de requête 2.1 point un point quatre hommes.

27
00:03:10,620 --> 00:03:15,300
C'est un nom de fichier oui long pour y arriver mais enregistrez ceci.

28
00:03:15,510 --> 00:03:18,300
Et ouvrons-le dans un navigateur pour commencer.

29
00:03:18,300 --> 00:03:23,130
Alors allez trouver notre étude d'index chaque fois que je vais l'ouvrir.

30
00:03:23,160 --> 00:03:24,620
Nous n'avons rien à voir.

31
00:03:24,870 --> 00:03:27,780
Mais si je vais ici je tape une requête.

32
00:03:27,780 --> 00:03:29,180
Les choses fonctionnent très bien.

33
00:03:29,400 --> 00:03:34,550
Je pourrais aussi testé en faisant cela en sélectionnant le corps et cela fonctionne aussi bien.

34
00:03:34,560 --> 00:03:36,620
Cela signifie que nous sommes prêts à partir.

35
00:03:36,690 --> 00:03:42,360
Ensuite nous allons nous concentrer sur l'obtention de notre feuille de style et notre propre fichier javascript personnalisé inclus.

36
00:03:42,360 --> 00:03:44,660
Donc, nous allons faire la feuille de style en premier.

37
00:03:44,760 --> 00:03:59,890
Alors nous allons faire un nouveau fichier et enregistrer cela et je vais juste appeler des styles que C-s nous et je vais aller dans mes actifs voir SS et en fait pour être cohérent faisons à Dewes fait le SS.

38
00:04:00,090 --> 00:04:12,820
Donc, pour faire des trucs C Ss à l'intérieur de nos actifs C Ss répertoire et enregistrer et ajoutons quelque chose comme le fond du corps violet dont nous allons absolument se débarrasser.

39
00:04:13,020 --> 00:04:35,100
Mais juste pour s'assurer que cela fonctionne, puis nous allons aller ici et ajouter la balise liée et ensuite ajouter le chemin correct qui est des actifs barre oblique C. SS slash à Dewes dot C Ss et nous allons enregistrer et actualiser et vous Pouvez voir notre feuille de style est maintenant correctement connecté.

40
00:04:35,100 --> 00:04:39,310
La dernière chose que nous allons faire est d'obtenir notre propre fichier javascript personnalisé.

41
00:04:39,420 --> 00:04:49,290
Donc je vais faire un nouveau fichier et l'enregistrer et nous allons appeler celui-ci pour faire Scott J.S. Et c'est là que nous allons écrire le code réel qui fera de notre To Do List de travail.

42
00:04:49,320 --> 00:04:53,250
Donc cela devrait aller à l'intérieur des actifs.

43
00:04:53,280 --> 00:04:54,780
J.S. et c'est tout.

44
00:04:54,780 --> 00:05:05,870
Donc nous ne le mettons pas dans lib parce que lib est où nous allons placer le code externe et les bibliothèques comme Jay Querrey. Donc nous allons juste le mettre dans JS et sauver notre structure ressemble à ceci.

45
00:05:05,930 --> 00:05:10,310
Actifs CSSA nous devons utiliser au lieu de J.S ..

46
00:05:10,560 --> 00:05:14,830
Nous avons un répertoire lib qui a J requête en elle et nous avons notre propre à faire.

47
00:05:14,860 --> 00:05:23,820
J.S. Au lieu du dossier G-S et les votes vont ajouter une alerte simple connecté et enregistrer.

48
00:05:23,850 --> 00:05:39,170
Maintenant revenir à notre courrier HQ et ajouter dans une autre balise script et cette fois, nous allons ajouter source égale à slash actifs J.S. Slash pour faire oui et sauver.

49
00:05:39,540 --> 00:05:45,130
Et maintenant voyons ce qui se passe quand nous rafraîchissons nous obtenons notre alerte connectée.

50
00:05:46,260 --> 00:05:53,470
OK alors nous avons la structure de dossier configurée correctement alors nous allons introduire un autre fichier que nous devons placer une fois que nous parlons de Funt.

51
00:05:53,480 --> 00:05:56,180
Awesome qui est une bibliothèque CSSA.

52
00:05:56,190 --> 00:05:58,770
C'est essentiellement un tas d'icônes que nous pouvons inclure.

53
00:05:58,770 --> 00:06:02,980
Nous reviendrons donc à cette structure de dossiers et nous y ajouterons dans la future vidéo.

54
00:06:03,000 --> 00:06:05,240
Pour l'instant, c'est tout ce que nous devons faire dans la prochaine vidéo.