IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Am�lioration codage en Javascript avec outils


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Inscrit en
    D�cembre 2008
    Messages
    108
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2008
    Messages : 108
    Par d�faut Am�lioration codage en Javascript avec outils
    Bonjour,

    Je participe au d�veloppement d'un projet dont une partie est cod�e en javascript.
    J'utilise un simple eclipse pour d�velopper et une interface chrome en debug pour debugguer mon code. Mon projet utilise des lib comme jquery et nodejs.

    je voudrais savoir s'il existe des outils, des frameworks, des librairies qui permettraient d'am�liorer mon experience de d�veloppement en Javascript? (gestion du code, mesure de performance, analyse de code, fuite m�moire etc etc..)

    Merci d'avance pour vos r�ponses.

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par d�faut
    je voudrais savoir s'il existe des outils, des frameworks, des librairies qui permettraient d'am�liorer mon experience de d�veloppement en Javascript? (gestion du code, mesure de performance, analyse de code, fuite m�moire etc etc..)
    Il y a �norm�ment � dire sur le sujet, il faut dire que tu vises large !

    Eh bien tout d'abord tu peux prendre un IDE plus appropri� qu'Eclipse pour le Javascript. Par exemple Aptana en gratuit et bas� sur Eclipse. En payant, je te conseille Webstorm qui reste le meilleur IDE front web que j'ai pu tester (Node.js y est int�gr� et tr�s facile � d�bugger).

    L'inspecteur de Chrome (Webkit Developer Tools) est un excellent outil de debug, tr�s complet. C'est un Firebug avec davantage de fonctionnalit�s, je n'ai pas trouv� mieux pour le moment.

    Concernant les librairies, il y en a des milliers avec chacune leurs atouts. Pour te conseiller, il faudrait qu'on en sache plus sur ton projet et quels points penses-tu �tre bloquants.

  3. #3
    Membre confirm�
    Inscrit en
    D�cembre 2008
    Messages
    108
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2008
    Messages : 108
    Par d�faut
    Merci pour ta r�ponse.

    Effectivement, j'ai vis� assez large comme tu dis.

    Au niveau des outils, j'ai d�j� test� Aptana studio qui est tr�s bien oui.
    Je voulais savoir s'il en existait d'autres. Merci pour le conseil sur le payant.

    En fait, je cherchais des outils qui permettent d'am�liorer ou de d�celler des erreurs de codage en javascript, ou des outils ou librairies qui permettent d'identifier les fuites m�moires par exemple.

    Tu as d'autres id�es?

  4. #4
    Membre exp�riment� Avatar de John Blobsmith
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    198
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 198
    Par d�faut
    Citation Envoy� par g�g�140488 Voir le message
    Au niveau des outils, j'ai d�j� test� Aptana studio qui est tr�s bien oui.
    Je voulais savoir s'il en existait d'autres. Merci pour le conseil sur le payant.
    Netbeans est pas mal mais tr�s g�n�raliste, rien � voir avec webstorm.

  5. #5
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Je rejoins les avis d�j� donn�s : si Aptana et Netbeans (par exemple) sont de tr�s bons EDI, WebStorm, m�me payant, est � mon sens un cran au-dessus pour du d�veloppement front.
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    le couple Komodo Edit firebug me suffit ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  7. #7
    Membre actif

    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Septembre 2012
    Messages
    30
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Septembre 2012
    Messages : 30
    Par d�faut
    Parfois il m'arrive de g�n�rer mon propre bugTracer en JS
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    /**
    * @author Sébastien DAMA
    *
    */
    String.prototype.repeat=function(val){
    	var s='',t=this.toString();
    	while(--val>=0) s+=t;
    	return s;
    }
    Tryable=function(){
    	/*tester chaque el de l'objet savoir si c'est une méthode*/
    	for(var el in this){
    		if(typeof this[el] == "function"){/*Modifier la méthode */
    		fncTry(this,el);
    	}
    }
    }
    /*Encupsuler la fonction dans un try...catch*/
    function fncTry(obj,fnc){
    	var fct=obj[fnc];/*<= référence locale à la méthode*/
    	/*on souhaite redéfinir la méthode dans un try...catch*/
    	try{
    		fct.apply(obj,arguments);
    	}/*En cas d'érreur*/
    	catch(e){
    		/*Si c'est la première*/
    		if(!e.stackCounter)
    			e.stackCounter=1;
    		else
    			e.stackCounter++;
    		/*générer le message à montrer à l'utilisateur*/
    		msg_err=' '.repeat(e.stackCounter-1);
    		msg_err+=(e.stackCounter>1)?'à cause de':'';
    		if(obj.constructor.name!="")
    		msg_err+="erreur obj "+obj.constructor.name;
    		else
    			msg_err+="Anonymous object,";
    		msg_err+=" sur la méthode "+fnc;
    		console.log(msg_err);
    		/*En cas de première intération
    		On en a plus d'info*/
    		if(e.stackCounter==1){
    			msg_err="à la ligne "+e.lineNumber;
    			if(e.description!=undefined)
    			msg_err+=","+e.description;
    			else
    				msg_err+=","+e;
    			console.log(msg_err);	
    		}
    		/*On fait remonter l'erreur au catch supérieur*/
    		return true;		
    	}
     
    }
    Ainsi si une erreur survient, peut me dire exactement � quoi elle est d�e.

  8. #8
    Membre Expert
    Avatar de Kaamo
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Avril 2007
    Messages
    1 165
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 38
    Localisation : France, Bouches du Rh�ne (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 165
    Par d�faut
    Ca fonctionne sur FF aussi ? J'ai des probl�mes avec FF pour retrouver la ligne d'erreur JS alors que Chrome est beaucoup plus pr�cis.

    Sinon un autre nom, non cit� ici : Wakanda, le sp�cialiste pour construire des appli m�tiers 100% JS (aussi bien c�t� client que serveur)

  9. #9
    Membre exp�riment� Avatar de John Blobsmith
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    198
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 198
    Par d�faut
    Citation Envoy� par Kaamo Voir le message
    Sinon un autre nom, non cit� ici : Wakanda, le sp�cialiste pour construire des appli m�tiers 100% JS (aussi bien c�t� client que serveur)
    �a sent la publicit� mal plac�... ta lu le magazine developpez num�ro 112243445454 ou tu travail chez Wakanda

  10. #10
    Membre Expert
    Avatar de Kaamo
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Avril 2007
    Messages
    1 165
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 38
    Localisation : France, Bouches du Rh�ne (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 165
    Par d�faut
    Ni l'un ni l'autre
    j'apporte juste un autre nom pour qu'il puisse comparer toutes les offres. Personnellement j'utilise Aptana

  11. #11
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    wakanda ? pour moi c'est juste un bonne blague ce truc ^^
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  12. #12
    Membre Expert
    Avatar de Kaamo
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Avril 2007
    Messages
    1 165
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 38
    Localisation : France, Bouches du Rh�ne (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 165
    Par d�faut
    C'est clair que si tu veux maitriser ton code de bout en bout .. c'est pas la bonne solution du tout

    Mais c'est bien, je pense, pour les entrepreneurs qui ne veulent se concentrer sur l'apprentissage que d'un seul langage (JS), les adeptes du WYSIWYG, qui veulent "coder" avec une approche plus fonctionnelle que technique et pour monter rapidement l'application

    Bref, �a doit toucher pas mal de cible sinon �a ne marcherait pas autant

  13. #13
    Expert confirm�
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 61
    Localisation : France, Yvelines (�le de France)

    Informations professionnelles :
    Activit� : Urbaniste
    Secteur : Sant�

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par d�faut
    pour �clipse il y a http://www.spket.com/

    support de js mais aussi de lib comme
    Ext JS
    jQuery
    YUI
    MooTools
    qooxdoo
    Prototype/script.aculo.us
    Adobe AIR

    de php, asp, xul/xbl, laszlo, svg, flex, silverlight, yahoo widgets, python etc.

    A+JYT

  14. #14
    R�dacteur/Mod�rateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par d�faut
    Voil� notre liste d'outils web front au boulot. C'est un gros fourre-tout, � consommer avec mod�ration donc, mais on peut y faire de bonnes d�couvertes :

    Web front development tools

    More productivity and less stress thanks to a robust front-end toolchain
    As developers, we are asked to build rich and responsive web apps, with a great user experience and large support across all the different devices and browsers on the market.
    This is quite a challenge and we have to consider many aspects while developing. To prevent time wasting and errors, we would like to rely on tools which manage common tasks in order to focus on what makes our application unique.
    That�s why we think it is essential to get a wise strategy, an efficient workflow and the relevant tools before starting development of a web project.
    Here is a (not exhaustive) list of web front development tools sorted by categories, which represents very well the extent of problems and needs to cover :

    Preprocessors and language abstractions
    - Style : Sass, Less, Stylus, Compass
    - Script : Coffeescript, DART, TypeScript
    - Markup: markdown, HAML, Jade
    Code Helpers
    - Boilerplates : H5BP, Twitter Bootstrap, Initializr
    - General frameworks: jQuery, Zepto, Prototype, Mootools
    - Code architecture & data binding : Backbone, Ember, Knockout, Angular
    - Dependency management : require, headJS, LABJS
    - Templating: mustache, handlebars
    - Standardization and patches: HTML5shiv, Modernizr, Polyfills
    UI Helpers
    - UI Frameworks: jQuery Mobile, Sencha, jQuery UI�
    - Templates, specific UI components
    - Resource packs : icons, color sets, fonts
    Testing tools
    - Continuous Integration: Jenkins
    - Unit testing: QUnit, Jasmine
    - Test frameworks: Mocha, chaijs
    Code quality & performance
    - JSHint, JSLint and other linters
    - Guidelines and best-practices
    - Audit tools in WebKit Developer Tools, PageSpeed Insights
    Build process tools
    - Concatenation : ant, make, rake, wepp
    - Minification : Closure Compiler, UglifyJS, html-minifier, css-base64-images
    - Image compression tools : jpegrtan, optipng
    - Full-stack : HTML5BP build, no-build-conf-build-script
    Versioning tools
    - Source Code Managers: GIT, SVN, Mercurial
    - Release cycle management: beta, integration, staging�
    Good IDEs :
    - general: Eclipse
    - front: WebStorm - Sublime Text � Aptana
    - PHP: PhpStorm
    - node: WebStorm
    - Java: Eclipse � Netbeans � IntelliJ
    IDE enhancements
    - Syntax checking and integrated linter
    - Zen coding, live templates
    - Integrated source code manager
    - Live reload, automatic remote update
    Issue trackers
    http://en.wikipedia.org/wiki/Compari...acking_systems



    D'ailleurs, �a serait int�ressant un petit topic quelque-part avec le recensement de tous les outils JS / front web existants.

Discussions similaires

  1. Am�liorer un menu fait avec JQuery avec du javascript
    Par Alplob dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 15/04/2009, 18h59
  2. Détecter l'activation de Javascript avec des JSP
    Par TonioLeRital dans le forum Servlets/JSP
    R�ponses: 4
    Dernier message: 10/11/2005, 09h31
  3. Cryptage Javascript avec une clef
    Par Thierry8 dans le forum G�n�ral JavaScript
    R�ponses: 10
    Dernier message: 22/08/2005, 21h09
  4. Probl�me javascript avec Firefox
    Par Bis�n�rs dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 18/08/2005, 17h18
  5. [PHP-JS] var javaScript avec test php
    Par lepierre dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 01/12/2004, 12h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo