Discussion :

[acx01b]

Bonjour,

J'ai vu que JSfiddle et autres mini IDE javascript en line n'avaient pas de debuggeur.

Notamment je m'intéresse à l'apprentissage/enseignement de la programmation, et je me disais qu'il serait sympa d'avoir un outil genre JSfiddle mais en plus avec un debuggeur (pas forcément très élaboré mais qui soit visuel, et avec callstack, watchs, breakpoint) et qui soit programmable/scriptable.

Par exemple sur un forum où quelqu'un demande « quelle est la complexité de cette fonction ? »

Code :

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

1
2
3
4
5
6
7
8
9
 
function doIt(N) {
   var res = 0;
   for (i=0; i < N; i++) {
         var j = 1;
         while(j < N) {  res += j;   j = j*2; }
   }
   return res;
}

on puisse répondre O(N log2(N)) et avec un lien vers un fiddle où on a scripté un scénario de debugger, qui montre instruction après instruction comment le code s'exécute.

Donc je me demandais si vous trouviez l'idée intéressante, si vous aviez déjà vu des outils de ce genre pour scripter un debuggeur et l'utiliser pour enseigner la programmation,

et si techniquement vous aviez des idées pour essayer d'en faire un en javascript ?

il y a déjà des parser Javascript écrits en Javascript assez corrects, qu'il ne serait pas "très difficile" à modifier pour en faire un debugger (une partie compliquée étant de le rendre visuel, simple et facilement compréhensible) et enfin un debugger scriptable (cette dernière étant à mon avis la partie plus compliquée : de faire qu'il soit "facile" de scripter le debuggeur)

Merci.

[Bebuck]

Bonjour,
il doit y avoir un bug avec la version mobile de developpez, certains de mes messages ont été supprimés :/
Donc du coup je re répond des fois que ça aide quelqu’un.

Les navigateurs intègrent déjà nativement des débuggueur javascript.
Par exemple sous IE et Chrome, avec la touche f12 on accède à une panoplie d'outils de déboggage.

[sekaijin]

F12 et tu as ton débugeur en ligne

[acx01b]

n'importe quoi... vous ne savez pas lire !

[acx01b]

ça n'est juste absolument pas la question que j'ai posée, je parle de faire un debuggeur javascript en ligne (*) et de l'utiliser pour enseigner la programmation.

( (*) donc basé sur un interpréteur javascript, et comme 'eval' ne permet que d'exécuter des fonctions, mais pas de les parser et de les découper en instructions, il faut un parseur. heureusement il y a des parseurs javascript très corrects, et certains ont presque déjà un interpréteur en état de marche, donc il ne manque vraiment pas grand chose pour faire un debuggeur)

[Beginner.]

Salut,

Personnellement je trouve l'idée intéressante, même très intéressante, en fait je m'y étais déjà intéressé, j'ai vu certaines applications qui intègrent le navigateur Chrome et on peut alors même utiliser ses outils de développement... Je ne crois pas à l'heure actuelle qui y est mieux que ces outils proposés par les navigateurs d'où l'idée de les intégrer à son application... Mais ce n'est pas forcément facile pour tout le monde !

Par exemple sur un forum où quelqu'un demande « quelle est la complexité de cette fonction ? »

Code :

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

1
2
3
4
5
6
7
8
9
 
function doIt(N) {
   var res = 0;
   for (i=0; i < N; i++) {
         var j = 1;
         while(j < N) {  res += j;   j = j*2; }
   }
   return res;
}

on puisse répondre O(N log2(N)) et avec un lien vers un fiddle où on a scripté un scénario de debugger, qui montre instruction après instruction comment le code s'exécute.

Donc je me demandais si vous trouviez l'idée intéressante, si vous aviez déjà vu des outils de ce genre pour scripter un debuggeur et l'utiliser pour enseigner la programmation,

et si techniquement vous aviez des idées pour essayer d'en faire un en javascript ?

il y a déjà des parser Javascript écrits en Javascript assez corrects, qu'il ne serait pas "très difficile" à modifier pour en faire un debugger (une partie compliquée étant de le rendre visuel, simple et facilement compréhensible) et enfin un debugger scriptable (cette dernière étant à mon avis la partie plus compliquée : de faire qu'il soit "facile" de scripter le debuggeur)

Merci.

Alors justement regarde ceci : http://www.pythontutor.com/

[sekaijin]

j'avoue que je ne vois pas trop le besoin

j'ai un débugeur pas à pas dans mon IDE
j'ai un débugeur pas à pas dans tous mes navigateurs
J'ai des services en ligne pour tester mon code
J'ai des frameworks de tests unitaires
...

Je ne voie pas du tout ce que pourrait apporter un debugeur online
A+JYT

[Beginner.]

Salut,

Ah désolé, je n'avais pas compris qu'il fallait que le débogueur soit online... Moi je parlais en général...

Et oui, en ce qui me concerne, je n'exige pas absolument mais j'apprécie qu'un max d'outils soit intégrés à mon IDE. J’aime bien avoir toutes les infos sans devoir faire des aller et retour avec d'autres applications.

Exemple : J'écris un bout de script et pour le tester et le déboguer j’apprécierais , pour cela, de n'avoir qu'à cliquer sur un bouton (comme par exemple en Java avec Eclipse). Et si quelque chose ne va pas je peux ajouter des breakpoints et modifier tout de suite sans quitter l'IDE, ...

Mais enregistrer mon fichier, charger la page dans le navigateur, cliquer sur F12 et si quelque chose ne va pas retourner à mon IDE pour modifier une ligne et recommencer à chaque fois, enregistrer, charger... C'est quand même moins agréable...

C'est comme le html et css in live, j'aime bien voir les résultats immédiatement en live...

j'ai un débugeur pas à pas dans mon IDE

Ah oui, si le débogueur est intégré c'est top, et comme je disais : j'ai vu certaines applications qui intègrent le navigateur Chrome et on peut alors même utiliser ses outils de développement... Je ne crois pas à l'heure actuelle qui y est mieux que ces outils proposés par les navigateurs d'où l'idée de les intégrer à son application... Mais ce n'est pas forcément facile pour tout le monde !

Sinon quel cet IDE ? WebStorm ? Ou autre ?

[SpaceFrog]

La différence entre online et local doit être subtile

Partons du postulat que javascript est un langage client qui est interprété par ton navigateur, donc localement...
Je ne vois pas bien l'intérêt d'avoir un debuggeur en ligne ?


A moins que le but soit que l'enseignant à distance puisse accéder à distance à la console de l'élève ?

Si c'est la problématique, elle n'est vraiment pas clairement expliquée et ne justifie absolument pas ce genre de réponse:

n'importe quoi... vous ne savez pas lire !

Dans ce cas il existe des outils genre TemViewer ou VNC ...