Discussion :

[The_Pretender]

Bonjour à toutes et tous,

Et voici la suite des tutoriels en vidéo sur le langage JavaScript.

Cette série de vidéo s'adresse tout particulièrement aux développeurs qui découvrent le langage JavaScript et
à ceux qui veulent partir sur des bases solides.

Débutez en programmation avec le langage JavaScript

Après avoir lu et appliqué le tutoriel, revenez partager vos applications, vos codes source dans ce message.

A bientôt pour la suite de cette série.

[Kaamo]

Je ne vois pas ce que l'ActionScript vient faire dans ce tutoriel, si ce n'est perturber le lecteur (ou encore le PHP). Dans la vidéo, on entend clairement "je vais vous montrer un code ActionScript".
Surtout que la dernière version stable d'ActionScript repose sur ES3 et que certaines méthodes d'ES5 sont utilisées dans le tuto.

Sinon vis à vis du tutoriel ... je trouve qu'il n'est pas adapté aux débutants. En effet, de mauvaises techniques sont utilisées.

- il vaut mieux utiliser les formes littérales plutôt que les constructeurs (var a = "a" plutôt que var a = new String("a") par exemple. Idem pour les Array).
Niveau performance, les moteurs JavaScript sont plus adaptés aux formes littérales.
De plus, avec une forme littérale on peut faire ceci :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var a = 'a';
console.log(typeof a); // string

Utiliser le constructeur donne ceci ... Sans parler du fait d'oublier l'opérateur new

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var a = new String("a");
console.log(typeof a); // object

Même démonstration pour les autres primitives (booléens et nombres)

Enfin, voilà pourquoi il est dangereux aussi d'utiliser les constructeurs plutôt qu'une forme primitive :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var bValue = new Boolean(false);
if( bValue == true ) {
	console.log("Avec les fruits false :"+aFruitsComplete.toString() );// renvoie tous les éléments du Tableau
}

Fonctionne uniquement car l'objet bValue est (sous le capot) transcrit en primitive (ici false) grâce au signe ==. (D'ailleurs il est préférable d'utiliser === pour les comparaisons. Ce qui ferait échouer le code).
Or, si on omet == true (ce qui est fortement probable chez les débutants), le code ne marche pas. En effet, cette fois bValue est vrai car celle-ci est alors soumise à cette règle.

- l'utilisation de w3schools comme ressource. Il vaut mieux éviter et utiliser MDN plutôt.

- l'utilisation de document.write sans prévenir de sa dangerosité. Ou alors être constant et n'utiliser que console.log (un coup, c'est document.write, un autre console.log, un autre alert ... )

- toString() sur un Array ne "renvoie tous les éléments du Tableau" mais renvoie la liste des éléments séparés par une virgule. Il y a d'autres méthodes pour récupérer, séparément, tous les éléments.

- Calculer en amont la longueur d'une chaine ou d'un tableau en cas de boucle (et déclarer les variables) :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var i;
var len = aFruits.length;
for (i = 0; i < len; i++) {
  // code
}

plutôt que

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
for (i = 0; i < aFruits.length; i++) {
  // code
}

- Faire prendre conscience aux débutants que certaines méthodes sont disponibles à partir de certains navigateurs (aborder ES3/ES5 rapidement). Exemple indexOf pour IE9+.

- Les signes === et !== ne sont pas du tout mentionnés ...

- sans parler de certains termes dans la vidéo à faire hérisser les poils .... "Booléen c'est une classe", "la classe est String" par exemple. Tout ça est propice à la non compréhension du lecteur.
Je ne suis pas allé jusqu'au bout, je me suis arrêté à la manipulation des chaînes.

L'initiative est pourtant intéressante mais techniquement, je trouve pas ça assez travaillé. Ou alors, c'est trop vague et pas assez ciblé JavaScript.
En effet, les vidéos sont assez "générales" dans le domaine de la programmation, cela n'a rien à faire, pour moi, dans des cours JavaScript.

Bon courage pour la suite.

[sekaijin]

même commentaire que mon prédécesseur j'ajoute qu'on ne teste pas un booléen on l'utiliser et cela est vrais dans tous les langage supportant les booléen

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if( bValue == true )
{
	console.log("Avec les fruits false :"+aFruitsComplete.toString() );// renvoie tous les éléments du Tableau
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if( bValue )
{
	console.log("Avec les fruits false :"+aFruitsComplete.toString() );// renvoie tous les éléments du Tableau
}

sinon tu peux t'amuser à comparer dix foix

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var bvalue
 
if(((((bValue) == true ) == true) == true ) == true) //...
{
	console.log("Avec les fruits false :"+aFruitsComplete.toString() );// renvoie tous les éléments du Tableau
}

A+JYT

[SylvainPV]

Aussi, l'utilisation suggérée de booléens pour débugger un script JavaScript est une bien mauvaise idée. On ne va pas mettre de if(DEBUG_MODE) un peu partout dans le code, c'est fastidieux et ça augmente inutilement la taille du code à télécharger par le client. Sans parler du fait que a laisse des traces de debug dans du code lisible par tous vos clients, pas top pour l'image. Pour déboguer un script, les outils de développement intégrés dans tous les navigateurs traditionnels sont une solution bien plus efficace.

C'est le sixième ou septième tuto vidéo "Développement facile" en deux mois, j'ai un peu de mal à suivre le compte. Le format est sympa et l'initiative est à saluer, mais attention à ne pas sacrifier la qualité pour la quantité car là ça devient "Tutoriel facile"...

[FaridM]

Effectivement la le tutoriel est censé parler de JavaScript et au final, on entend des choses comme PHP, ActionScript...

Sur le site du "Club des développeurs et IT pro", ça le fait pas trop....

[The_Pretender]

Bonjour,

Merci à tous pour vos retours.

Cette série de vidéos vous montre qu'il existe des concepts de base communs à la majorité des langages.

Plutôt que d'apprendre, la syntaxe de chaque langage un par un,
il est beaucoup plus efficace d'apprendre les concepts qui se cachent derrière.

Comme les booléens, les conditions, les boucles while, la POO, les événements, les patterns...

Bien évidemment, les exemples sont volontairement simples pour être compréhensibles très facilement par un débutant,
notamment celui du booléen.
(je ne vois pas l'intérêt de présenter un code source de 10 ou 20 fichiers JavaScript avec l'utilisation des booléens dans des cas très particuliers,
cela ne fait que perdre le débutant).

Et vu que ce sont des concepts communs à plusieurs langages, suivant que ce soit du php, du javascript, de l'actionscript,
le booléen est soit considéré comme une classe, un objet...

Et oui les vidéos sont réalisées et tournées avec des professionnels, ce qui prend un temps non négligeable pour chaque vidéo.

Par contre, la méthode d'enseignement est différence de ce qui se fait habituellement.
Ce qui compte, c'est les résultats rapides obtenus par les développeurs qui suivent les cours.


Au plaisir de lire vos suggestions pour améliorer les prochains cours "Développement Facile".

[la.lune]

j'ajoute qu'on ne teste pas un booléen on l'utiliser et cela est vrais dans tous les langage supportant les booléen

+1
Seulement le fait qu'il utilise le constructeur Boolean() lui fera tomber toujours dans l'erreur s'il veut utiliser le booléen sans le tester avec le ==. Ceci est due au fait que si on fait a=new Boolean(false) alors a est un objet donc non null. S'il utilise directement a en faisant if(a) ..... alors a produira le même comportement que true et non false et pourtant a est construit avec false. Ceci est vrai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new Boolean(new Boolean(true)).valueOf()===new Boolean(new Boolean(false)).valueOf()===true

. Ainsi, la bonne manière dans ce cas ce n'est pas de tester bien sûr mais de manipuler la valeur if(a.valueOf()) ..... car a.valueOf()===false dans notre cas.

Mais la remarque aussi importante que j'aurais aimé souligner, c'est que dans un cours qui parle des booléens, expressions logiques, et instructions conditionnelles, il fallait qu'il ait mention des expression qui sont équivalent à false et true autre que les littéraux true et false.

Toute valeur/expression en javascript utilisée dans une condition ou dans le constructeur Booean() produira le même comportement que la littéral true sauf les expression qui renvoient les valeurs suivantes:

• 0 ,

  Code JavaScript :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  5
  b=0; 
  if(b){/*.....*/}//Rien ne se produira
  b=new Boolean(0)
  b==false //true
  b.valueOf()===false //true

• "", la chaîne de caractère vide

  Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  5
  b="";
  if(b){/*.....*/}//Rien ne se produira
  b=new Boolean("")
  b==false //true
  b.valueOf()===false //true

• undefined

  Code JavaScript :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  5
  b=undefined; 
  if(b){/*.....*/}//Rien ne se produira
  b=new Boolean(undefined)
  b==false //true
  b.valueOf()===false //true

• null

  Code JavaScript :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  5
  b=null; 
  if(b){/*.....*/}//Rien ne se produira
  b=new Boolean(null)
  b==false //true
  b.valueOf()===false //true

• NaN

  Code JavaScript :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  5
  b=NaN; 
  if(b){/*.....*/}//Rien ne se produira
  b=new Boolean(NaN)
  b==false //true
  b.valueOf()===false //true

Seulement NaN ne se compare pas avec NaN, faire NaN==NaN ou NaN===NaNretournera toujours false, ainsi pour tester une valeur s'il n'est un nombre on utilise la fonction isNaN()