1
00:00:00,570 --> 00:00:05,320
Donc cela va être une vidéo assez rapide sur le chrome développeur javascript Cantal.

2
00:00:05,370 --> 00:00:12,370
Donc, avant de nous plonger en écriture code javascript dans la syntaxe, nous allons commencer par déterminer où nous écrivons le code.

3
00:00:12,600 --> 00:00:17,910
Et donc en chrome l'un des endroits que nous pouvons faire qui est un développeur javascript con ..

4
00:00:18,360 --> 00:00:26,340
Ainsi que nous l'avons mentionné quelques fois Chrome a de grands outils de développement dont certains nous avons déjà vu comme le H Tim L et C Ss.

5
00:00:26,340 --> 00:00:30,200
Inspector vous pouvez cliquer sur la loupe.

6
00:00:30,200 --> 00:00:31,160
Cliquez sur un élément.

7
00:00:31,680 --> 00:00:38,420
Regardez l'HGA maintenant que nous pouvons éditer les choses nécessaires son équipe et nous pouvons modifier et voir le succès.

8
00:00:38,430 --> 00:00:39,980
Donc, nous l'avons déjà vu.

9
00:00:40,170 --> 00:00:50,920
Pour arriver ici, nous pouvons cliquer avec le bouton droit de la souris et inspecter l'élément ou nous pouvons aussi aller à Afficher les outils de développeur développeur.

10
00:00:51,090 --> 00:00:54,420
Et il ya un raccourci ici que vous voyez option de commande.

11
00:00:55,410 --> 00:01:01,460
Donc, c'est pour accéder à l'onglet éléments, mais vous remarquerez qu'il ya un autre onglet ici qui dit con.

12
00:01:01,470 --> 00:01:01,650
.

13
00:01:01,830 --> 00:01:05,070
Donc, c'est le développeur javascript con ..

14
00:01:05,190 --> 00:01:21,770
Donc, en un mot, c'est un endroit où nous pouvons aller et écrire javascript dans notre navigateur afin que les développeurs n'écrivent pas les applications javascript complètes dans cette console ici tout comme les développeurs n'écrivent pas une feuille de style entier dans le navigateur en utilisant cet inspecteur VSS.

15
00:01:21,870 --> 00:01:31,860
Ce que vous utilisez pour interagir avec C évaluer ou comprendre comment quelque chose fonctionne ou de tester quelque chose et ensuite vous allez faire les changements dans votre fichier CSSA.

16
00:01:32,160 --> 00:01:34,980
Donc sur la ligne, nous ferons la même chose avec un javascript.

17
00:01:35,040 --> 00:01:47,070
Nous allons utiliser la console pour jouer avec des jeux pour tester les choses, mais nous allons effectivement mettre en œuvre un fichier javascript complet qui persiste et que nous enregistrons à notre à notre machine plutôt que juste dans le navigateur.

18
00:01:47,070 --> 00:01:52,710
Donc, nous allons commencer par écrire notre javascript à l'intérieur de la console chrome et qui ne durera pas très longtemps.

19
00:01:52,770 --> 00:02:01,300
Ce sera simplement un moyen rapide et facile pour nous de nous lever et de partir sans avoir à nous concentrer sur la mise en place d'un projet de mise en place de nos fichiers et de les relier correctement.

20
00:02:01,320 --> 00:02:04,350
Nous allons simplement ouvrir son navigateur et tapez javascript ici.

21
00:02:04,650 --> 00:02:12,280
Donc, pour illustrer comment fonctionne la console javascript, j'ai un code pré-écrit que je vais coller et exécuter avant que je le fais si.

22
00:02:12,390 --> 00:02:16,990
Je tiens simplement à souligner que l'accent ici n'est pas sur la syntaxe, donc ne paniquez pas.

23
00:02:17,070 --> 00:02:21,330
Nous allons passer beaucoup de temps à voir comment ce code fonctionne dans les vidéos futures.

24
00:02:21,570 --> 00:02:22,530
Quel est l'objectif ici.

25
00:02:22,530 --> 00:02:23,820
Est le processus.

26
00:02:23,820 --> 00:02:26,570
Donc, tout ce que je veux que vous compreniez, je peux mettre du code ici.

27
00:02:26,910 --> 00:02:33,330
Peu importe ce que le code ne fait il suffit de mettre un code là-bas et puis je peux frapper entrer et il sera exécuté.

28
00:02:33,540 --> 00:02:36,320
Donc, ce code arrive à faire une animation simple.

29
00:02:36,340 --> 00:02:40,850
Il ajoute cinq pixels à la largeur de l'image toutes les 100 millisecondes.

30
00:02:41,190 --> 00:02:42,760
Donc n'a rien fait encore.

31
00:02:42,800 --> 00:02:45,680
Dès que j'ai frappé entre, mais il commence à courir.

32
00:02:46,230 --> 00:02:48,550
De même, je peux taper d'autres codes.

33
00:02:48,660 --> 00:02:54,130
Alors voici un programme très simple qui va juste faire apparaître un petit message pour moi.

34
00:02:54,540 --> 00:02:57,190
Bonjour à tous.

35
00:02:57,770 --> 00:03:02,930
Et j'ai frappé entrer et que pop-up est exécuté et que le code s'exécute.

36
00:03:03,480 --> 00:03:06,250
Donc c'est tout ce que je veux montrer à propos de la console javascript.

37
00:03:06,270 --> 00:03:20,960
Vous pouvez le faire apparaître sur n'importe quelle page à l'aide de l'option de commande J ou en allant voir la console JavaScript du développeur ou en ouvrant l'inspecteur d'éléments et en cliquant sur les ..

38
00:03:20,970 --> 00:03:22,500
Nous allons donc passer beaucoup de temps ici.