Outils pour utilisateurs

Outils du site


issue66:tutoriel_-_webdev

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
issue66:tutoriel_-_webdev [2012/12/17 16:51] auntieeissue66:tutoriel_-_webdev [2012/12/17 17:11] (Version actuelle) auntiee
Ligne 54: Ligne 54:
 Déclarer des variables de cette façon fait que JS interprète chaque ligne comme dans le premier exemple où on n'a déclaré qu'une variable. Par conséquent, il nous permet de mettre le point-virgule sur une nouvelle ligne aussi, pour que nous puissions nettoyer et voir que la déclaration de variables a clairement pris fin. Cela nous permet également de ne pas nous inquiéter de savoir où se trouve le point-virgule lors de l'ajout d'autres variables. Déclarer des variables de cette façon fait que JS interprète chaque ligne comme dans le premier exemple où on n'a déclaré qu'une variable. Par conséquent, il nous permet de mettre le point-virgule sur une nouvelle ligne aussi, pour que nous puissions nettoyer et voir que la déclaration de variables a clairement pris fin. Cela nous permet également de ne pas nous inquiéter de savoir où se trouve le point-virgule lors de l'ajout d'autres variables.
  
-Le sujet suivant que je veux aborder est comment vérifier que vos variables sont initialisées. Cela aidera également dans le débogage et vous assure que votre code fait ce que vous avez prévu qu'il fasse. Je vais vous montrer deux façons de faire cela, mais l'objectif final est d'afficher vos informations afin que vous puissiez « cocher » pendant que votre programme se déroule.+Le sujet suivant que je veux aborder est comment vérifier que vos variables sont initialisées. Cela aidera également dans le débogage et vous permettra de vous assurer que votre code fait ce que vous avez prévu qu'il fasse. Je vais vous montrer deux façons de faire cela, mais l'objectif final est d'afficher vos informations afin que vous puissiez « les valider » pendant que votre programme se déroule.
  
 alert(reponse); alert(reponse);
Ligne 63: Ligne 63:
 The alert function will bring up a dialog box for your attention, requiring you to press "ok" to see the next one or move forward with your program. However, the console.log function will run your code, throwing anything in that function right to a JS Console. The JS console can be found in most of the major browsers. In Chrome, simply press the wrench button, click on tools, and then click on JavaScript console.** The alert function will bring up a dialog box for your attention, requiring you to press "ok" to see the next one or move forward with your program. However, the console.log function will run your code, throwing anything in that function right to a JS Console. The JS console can be found in most of the major browsers. In Chrome, simply press the wrench button, click on tools, and then click on JavaScript console.**
  
-Les deux lignes ci-dessus vous affichent des informations. Même si elles font deux choses très différentes pour vous donner l'information, les deux vous la donnent tout de même. Je connais beaucoup de développeurs qui préfèrent la méthode de l'alerte. Cependant, je pense que c'est une meilleure pratique d'utiliser console.log. Ces deux fonctions sont natives en JSet les deux sont des moyens acceptables pour vérifier votre code. Quelle que soit celle qui fonctionne pour vous, tenez vous-y. Pour la suite, je vais utiliser console.log et vous montrer comment vous en servir.+Les deux lignes ci-dessus vous affichent des informations. Même si elles vous donnent l'information de deux façons très différentes, les deux vous la donnent tout de même. Je connais beaucoup de développeurs qui préfèrent la méthode de l'alerte. Cependant, je pense que c'est une meilleure pratique d'utiliser console.log. Ces deux fonctions sont natives en JS et les deux sont des moyens acceptables pour vérifier votre code. Quelle que soit celle qui fonctionne pour vous, tenez vous-y. Pour la suite, je vais utiliser console.log et vous montrer comment vous en servir.
  
-La fonction d'alerte fera apparaître une boîte de dialogue à votre attention, vous obligeant à appuyer sur « ok » pour voir la suivante ou continuer avec votre programme. Alors que la fonction console.log exécutera votre code, en écrivant ce qu'elle contient dans une console JS. La console JS peut être trouvée dans la plupart des principaux navigateurs. Dans Chrome, appuyez simplement sur le bouton clé à molette, cliquez sur Outils, puis cliquez sur la console JavaScript.+La fonction d'alerte fera apparaître une boîte de dialogue à votre attention, vous obligeant à appuyer sur « ok » pour voir la suivante ou continuer avec votre programme. En revanche, la fonction console.log exécutera votre code, en écrivant ce qu'elle contient dans une console JS. La console JS peut être trouvée dans la plupart des principaux navigateurs. Dans Chrome, appuyez simplement sur le bouton clé à molette, cliquez sur Outils, puis cliquez sur la console JavaScript.
  
 **The console.log function can take just about anything in its parameter and display all sorts of data in a variety of different ways. I want you to use your main.js script to add variables, and console.log the answers to the JS Console. Play with the alert function as well to give yourself the freedom of choice. So, you will be adding variables to main.js, and opening your HTML file in a browser, while watching what happens in the console. Be sure to do your homework; next month we will be using variables pretty hard core in comparisons, if's, and loops. **The console.log function can take just about anything in its parameter and display all sorts of data in a variety of different ways. I want you to use your main.js script to add variables, and console.log the answers to the JS Console. Play with the alert function as well to give yourself the freedom of choice. So, you will be adding variables to main.js, and opening your HTML file in a browser, while watching what happens in the console. Be sure to do your homework; next month we will be using variables pretty hard core in comparisons, if's, and loops.
Ligne 71: Ligne 71:
 If you have any questions regarding variables, alert, or console.log, feel free to send it to me via twitter: @aliendev2.** If you have any questions regarding variables, alert, or console.log, feel free to send it to me via twitter: @aliendev2.**
  
-La fonction console.log peut prendre à peu près n'importe quoi en paramètre et afficher toutes sortes de données de nombreuses façons différentes. Je vous demande d'utiliser votre script main.js pour ajouter des variables, et les envoyer à la console JS avec console.log. Jouez aussi avec la fonction d'alerte pour vous laisser la liberté de choix. Donc, vous allez ajouter des variables à main.jset ouvrir votre fichier HTML dans un navigateur, tout en regardant ce qui se passe dans la console. Assurez-vous de faire vos devoirs ; le mois prochain, nous allons utiliser des variables de façon assez compliquée dans des comparaisons, des tests et des boucles.+La fonction console.log peut prendre à peu près n'importe quoi en paramètre et afficher toutes sortes de données de nombreuses façons différentes. Je vous demande d'utiliser votre script main.js pour ajouter des variables, et les envoyer à la console JS avec console.log. Jouez aussi avec la fonction d'alerte pour vous laisser la liberté de choix. Ainsi, vous allez ajouter des variables à main.js et ouvrir votre fichier HTML dans un navigateur, tout en regardant ce qui se passe dans la console. Faites bien vos devoirs ; le mois prochain, nous allons utiliser des variables assez compliquées dans des comparaisons, des tests et des boucles.
  
 Si vous avez des questions concernant les variables, les alertes ou console.log, n'hésitez pas à me les envoyer via twitter: @aliendev2. Si vous avez des questions concernant les variables, les alertes ou console.log, n'hésitez pas à me les envoyer via twitter: @aliendev2.
  
issue66/tutoriel_-_webdev.1355759500.txt.gz · Dernière modification : 2012/12/17 16:51 de auntiee