De bonnes ressources et outils pour un développement JavaScript moderne et lourd? [fermé]

22

Je suis intéressé à faire des projets impliquant une utilisation intensive de JavaScript. À savoir des jeux de toile basés sur HTML5, utilisant potentiellement aussi node.js. Je suis intéressé à apprendre les meilleures pratiques, outils et ressources modernes pour JavaScript.

JavaScript est difficile à rechercher car vous finissez par parcourir de nombreux documents vraiment obsolètes, provenant de l'époque où «JavaScript» était un mot de quatre lettres.

Si vous êtes fortement impliqué dans la programmation JavaScript ...

  • Quel éditeur de texte ou IDE utilisez-vous?
  • Quel cadre de tests unitaires utilisez-vous?
  • Utilisez-vous du sélénium ou autre chose?
  • Quels autres outils utilisez-vous?
  • Quelles communautés existent pour discuter des récents progrès en JavaScript?
  • À quels livres lisez-vous / faites-vous référence?
  • Quels blogs lisez-vous?
Matt Greer
la source
8
jsfiddle.net
davidk01
Quelques excellents blogs que j'ai lus: dailyjs.com - Quelques excellents articles concernant les nouvelles bibliothèques et les nouveaux frameworks dans l'arène JS avec un fort accent sur Node.js. perfectionkills.com - Pas mis à jour très souvent mais quand Kangax écrit un article, il va vraiment en profondeur, vous réaliserez à quel point JS vous ne connaissez pas .
Matt Molnar
Éditeur Web Adobe Brackets: github.com/adobe/brackets - écrit principalement en javascript en utilisant un framework intégré au chrome. Aussi un article intéressant sur la façon dont ils ont construit cet éditeur de supports (en parlant des outils, des cadres utilisés): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek Tomczak
Wow cette question pourrait-elle utiliser une mise à jour.
Erik Reppen

Réponses:

19

Ma liste serait:

Les livres sont obsolètes dès qu'ils arrivent sur les étagères (généralement).

RDL
la source
7
À cela, j'ajouterais également le centre doc mozilla dans la section de référence.
Trezoid
2
+1, c'est à peu près ma liste, mais j'ajouterais également YUI Compressor (ou le compilateur de fermeture de Google).
Demian Brecht
Pagespeed est également une bonne option pour l'option "Profile Deferrable Javascript". Pas strictement un outil de codage JS, mais toujours très utile.
Ed James
2
@RDL - lequel, si des plug-ins javascript pour vim utilisez-vous?
Mike H
Je remarque qu'aucun outil / framework de test unitaire n'a été recommandé ici, malgré le fait qu'il ait été si fortement voté ...
NT3RP
9

Quel éditeur de texte ou IDE utilisez-vous?

Tous prennent en charge les fonctionnalités complètes de développement d'applications Web (javascript, HTML, CSS, etc.). Choisissez Aptana, si vous recherchez une solution freeware.

Quel cadre de tests unitaires utilisez-vous?

  • Sélénium

    1. A supoort multi-navigateur [IE, Firefox, Chrome, Safari, Opera et Konqueror] sur plusieurs plates-formes [Windows, Linux, Macintosh etc.].
    2. Prise en charge de nombreux langages de programmation pour écrire des cas de test [HTML, Java, C #, Perl, PHP, Python, Ruby etc.].
    3. Exécution à distance (les cas de test résident sur une machine et l'exécution sur le navigateur peut se produire sur une autre machine).
    4. Vous pouvez également exécuter des régressions même en mode minimisé du navigateur

Quels autres outils utilisez-vous?

  • Firebug, IE Dev Tool Bar etc., outils intégrés au navigateur pour le débogage
  • Vous pouvez utiliser certains cadres de bibliothèque d'interface utilisateur comme JQuery, YUI, ExtJS, etc. pour un développement rapide.
  • Fiddler / HTTP Surveillez le débogage des requêtes et des réponses HTTP.
  • JSLint pour vérifier certains problèmes de syntaxe javascript.
  • YUICompressor pour la minification du code HTML, CSS et Javascript.
  • DynaTrace / YSlow / Page Speed ​​- pour les tests de performances
  • tamis pour détecter les fuites de mémoire
  • IE Tester pour tester votre application sur différentes versions d'IE.

À quels livres lisez-vous / faites-vous référence?

Plus

Dhanunjai
la source
1
Le sélénium est un outil de test d'intégration, pas un test unitaire! Le reste est à peu près à mon avis cependant: D
Ed James
1
jQuery est une bibliothèque pour bien plus que l'interface utilisateur, jQueryUI est une bibliothèque complètement distincte.
StuperUser
@StuperUser ment. jQuery est une bibliothèque de manipulation DOM, tout le reste l'utilise comme un gros marteau et un "outil en or qui résout tous les problèmes"
Raynos
@Raynos, jQuery est un gros marteau lorsqu'il est utilisé pour la manipulation DOM lorsque JavaScript le fera. Il a certainement acquis un statut digne de meme pour sa réputation de panacée. Comme nous l'avons tous les deux dit, l'appeler une "bibliothèque d'interface utilisateur" est inexact.
StuperUser
@StuperUser: Je suppose qu'il voulait vraiment dire jQuery UI
Lie Ryan
6

J'ai toujours l'impression que les outils disponibles pour un développement JavaScript sérieux sont loin derrière où ils devraient être, mais voici quelques-uns de ceux que j'utilise.

  • Pour le développement, j'utilise VIM mais vous pourriez trouver des netbeans qui valent la peine d'être essayés.
  • Pour les tests unitaires, le jasmin est bon mais pas parfait.
  • EnvJs peut vous donner une belle façon d'exécuter vos tests unitaires sur la ligne de commande
  • Je recommande fortement la partie webdriver de sélénium 2
  • La suite complète de fermeture de Google est très utile
  • Je vous recommande également de savoir comment utiliser Google Chrome et IE pour le débogage le long du Firebug car ils ont tous leurs particularités qui peuvent vous envoyer toutes sortes de ruelles aveugles.
  • Il existe d'excellentes bibliothèques pour JavaScript qui sont à peu près essentielles pour un développement sérieux. Je vous recommande de commencer avec jQuery mais il y en a beaucoup d'autres qui sont aussi bons.
  • l'auteur de jQuery, John Resig, a également un blog utile
Duncan Grant
la source
même question que je viens de poser pour RDL: quels plugins vim (le cas échéant) utilisez-vous pour javascript?
Mike H
@Mike Je n'utilise aucun plugin spécifique à javascript pour vim. Je recommanderais jsctags qui s'intégrera avec tous les plugins qui utilisent ctags, par exemple taglist-plus
Duncan Grant
5

Eh bien ... bien que loin d'être terminé, je suis actuellement le développeur principal d'un nouveau projet open source multiplateforme:

JS Studio

Voici une capture d'écran:

Certaines fonctionnalités sont plus complètes que d'autres ... mais voici les objectifs visés:

  • Mise en évidence de la syntaxe (à peu près complète)
  • Organisation du projet (partiellement mise en œuvre)
  • Saisie automatique (y compris la complétion pour les frameworks JS courants comme jQuery, etc.)
  • Système de construction (pour combiner les fichiers, la minification, etc.)
  • GUI extensible (via des extensions JavaScript)
  • Numérotation des lignes (sorte de complet), retour à la ligne, couleurs configurables pour la coloration syntaxique

J'ai mis en place des versions quotidiennes pour Windows et vous pouvez trouver la version la plus récente ici: http://files.quickmediasolutions.com/jsstudio/

Nathan Osman
la source
Cela semble intéressant. Je cherchais un bon IDE JavaScript. Existe-t-il des fichiers binaires téléchargeables? Je n'en ai pas vu sur la page Web.
Jonas
@ Jonas: Malheureusement, à ce stade précoce, il n'y a qu'un binaire pour Ubuntu. Mais j'espère que j'aurai le temps de créer un binaire Windows plus loin.
Nathan Osman
@Jonas: Windows est très tôt construit ici - certaines choses ne fonctionnent pas encore, mais vous pouvez au moins ouvrir / enregistrer des fichiers et quelques autres choses.
Nathan Osman
de nouveaux développements sur ce front?
Noctis
@Noctis: Malheureusement non. J'ai rencontré quelques complications lors de l'implémentation du code et le projet est resté pratiquement inactif au cours des deux dernières années.
Nathan Osman
4

Dans la catégorie «autres outils», j'utilise CoffeeScript (un langage qui se compile en JavaScript), car il enlève les douleurs que la syntaxe Javascript m'impose.

list.sort (a, b) -> a.isSmaller(b)

contre

list.sort(function(a, b) { return a.isSmaller(b) });

On pourrait soutenir, techniquement, que ce n'est plus du javascript, mais le "sentiment" de coffescript est qu'il ne s'agit que d'une fine couche.

keppla
la source
3

L'API pour la bibliothèque jQuery http://api.jquery.com/ et une copie bien mise en évidence de jQuery In Action . Lisez-le de couverture en couverture, puis suivez http://twitter.com/jquery pour obtenir les mises à jour dans les nouvelles versions.

Vous avez dit que les livres ne sont plus à jour, mais vous devrez acquérir un niveau de connaissances de base sur lequel bâtir, puis une fois que vous serez à jour, restez à jour.

Qunit pour les tests unitaires et Firebug et une coloration syntaxique JavaScript pour Firebug pour le débogage.

StuperUser
la source
0

J'espère que cela ne sera pas trop critiqué pour cela, mais si des choses comme les IDE et les outils sont importants pour vous, alors je vous recommande fortement de regarder Google Web Toolkit . Vous écrivez votre code en Java dans Eclipse, ce qui aide vraiment à écrire votre code. Il fournit une complétion de code très efficace, des outils de refactorisation et une aide au débogage et à la navigation dans votre base de code.

Vous pouvez toujours accéder au Javascript brut lorsque vous en avez besoin.

Votre code est ensuite compilé en JS optimisé et minifié. J'ai utilisé cette approche avec succès dans un environnement JS DOMless de type node.js.

Pour les jeux HTML5, consultez PlayN qui est une bibliothèque qui utilise GWT pour cela.

funkybro
la source
De toute façon, si vous allez compiler en JavaScript à partir d'un langage différent, il y a beaucoup de choix - vous n'avez pas du tout besoin d'utiliser Java! Par exemple, nous utilisons js_of_ocaml au travail pour pouvoir écrire notre code dans OCaml et l'exécuter sur le navigateur.
Tikhon Jelvis
0

Je fais beaucoup de développement JavaScript. Beaucoup d'entre eux sont mentionnés, mais voici ce que j'utilise:

  • Bloc-notes ++
  • Pyromane
  • Débogueur IE (F12) et débogueur Chrome (F12 sous Windows)
  • J'utilise Stack Overflow principalement pour les questions. Venir ici s'est également avéré utile.
  • Le premier livre que j'ai utilisé était JavaScript: The Definitive Guide back back when. Actuellement, je n'utilise pas autant de livres que j'utilise des sites comme les documents MDN ou MSDN.
  • Nous utilisons également jQuery dans des endroits où cela nous facilite également la vie.
  • Pour les tests unitaires, nous construisons nos propres harnais de test.
Corv1nus
la source
0

Je peux recommander la newsletter JavasScript Weekly . Ses

Un tour d'horizon gratuit, une fois par semaine, des nouvelles et des articles JavaScript.

Je n'ai pas lu les livres de John Resig, mais j'ai entendu et lu de bons commentaires. Son nouveau livre Secrets of the JavaScript Ninja sera publié prochainement.


la source
Quelqu'un peut-il expliquer le downvote?