Donc cela va être une vidéo assez rapide sur le chrome développeur javascript Cantal.
Donc, avant de nous plonger en écriture code javascript dans la syntaxe, nous allons commencer par déterminer où nous écrivons le code.
Et donc en chrome l'un des endroits que nous pouvons faire qui est un développeur javascript con ..
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.
Inspector vous pouvez cliquer sur la loupe.
Cliquez sur un élément.
Regardez l'HGA maintenant que nous pouvons éditer les choses nécessaires son équipe et nous pouvons modifier et voir le succès.
Donc, nous l'avons déjà vu.
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.
Et il ya un raccourci ici que vous voyez option de commande.
Donc, c'est pour accéder à l'onglet éléments, mais vous remarquerez qu'il ya un autre onglet ici qui dit con.
.
Donc, c'est le développeur javascript con ..
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.
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.
Donc sur la ligne, nous ferons la même chose avec un javascript.
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.
Donc, nous allons commencer par écrire notre javascript à l'intérieur de la console chrome et qui ne durera pas très longtemps.
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.
Nous allons simplement ouvrir son navigateur et tapez javascript ici.
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.
Je tiens simplement à souligner que l'accent ici n'est pas sur la syntaxe, donc ne paniquez pas.
Nous allons passer beaucoup de temps à voir comment ce code fonctionne dans les vidéos futures.
Quel est l'objectif ici.
Est le processus.
Donc, tout ce que je veux que vous compreniez, je peux mettre du code ici.
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é.
Donc, ce code arrive à faire une animation simple.
Il ajoute cinq pixels à la largeur de l'image toutes les 100 millisecondes.
Donc n'a rien fait encore.
Dès que j'ai frappé entre, mais il commence à courir.
De même, je peux taper d'autres codes.
Alors voici un programme très simple qui va juste faire apparaître un petit message pour moi.
Bonjour à tous.
Et j'ai frappé entrer et que pop-up est exécuté et que le code s'exécute.
Donc c'est tout ce que je veux montrer à propos de la console javascript.
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 ..
Nous allons donc passer beaucoup de temps ici.