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 ...