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 : 54
    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 658
    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 658
    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 658
    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 658
    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