web-dev-qa-db-fra.com

Recommander un environnement de développement pour HTML5 / Javascript?

Duplicata possible:
IDE pour le développement JavaScript

Je veux m'enseigner HTML5 et Javascript (ou sinon Javascript, quelle que soit la technologie préférée pour manipuler HTML 5 et le DOM de nos jours). Quelqu'un peut-il recommander un bon environnement de développement pour cela (sur un PC Windows 7)? Je peux commencer avec le bloc-notes et Google Chrome, mais j'espérais en quelque sorte qu'un développeur convivial IDE existe pour ce genre de chose.

En outre, comme question de suivi, est-ce que Javascript est le moyen de manipuler le DOM, ou y a-t-il une autre technologie que je ne connais pas qui soit supérieure et prise en charge à tous les niveaux?

Merci.

Edit: Ok, je voudrais développer un peu le scénario, parce que je n'ai pas vraiment mis la question en contexte. Je suis intéressé par la conception et l'écriture de composants GUI avec HTML5/Canvass. Je le fais déjà pour vivre avec le développement natif et je voulais étendre mes compétences sur le Web, donc j'ai toujours cette base couverte d'un point de vue des compétences. Mon objectif ici est donc de fournir des composants "glisser-déposer" (ce n'est pas une métaphore appropriée pour le développement Web, j'en suis sûr) que d'autres peuvent utiliser. J'imagine que HTML5/Javascript est la voie à suivre, mais je suis habitué à un bon débogueur, donc j'espérais en quelque sorte avoir cette capacité aussi. Je ne sais pas si les navigateurs prennent en charge cela dans un sens raisonnable - mais un navigateur intégré dans un IDE pourrait le faire.

21
Robinson

C'est une question délicate à répondre, car elle dépend beaucoup des préférences personnelles.

Il semble que vous commenciez, donc pour deviner quelques exigences, je suppose que vous voudrez probablement qu'il soit gratuit (ou bon marché), facile à utiliser, facile à installer?

Si c'est le cas, je vous recommande de vérifier Mirosoft WebMatrix ou Visual Studio Web Developer Express .

Les deux sont gratuits, WebMatrix est orienté vers l'apprentissage précoce. Je suggère donc de commencer par WebMatrix.

Visual Studio Web Developer Express est plus complexe, mais je recommanderais de l'utiliser si vous envisagez de devenir un développeur Web professionnel car il est très similaire à Visual Studio Professional.

Web Developer Express a intellisense (auto-complétion) pour html et javascript et depuis sp1 (je pense qu'il est installé automatiquement) inclut également le support pour HTML5. Je crois que WebMatrix le fait aussi, mais probablement pas aussi intelligent que sophistiqué.

Je recommanderais particulièrement ces outils si vous prévoyez plus tard d'apprendre ASP.net.

Les deux peuvent être installés très facilement à l'aide du programme d'installation de la plateforme Web via ce site: http://www.Microsoft.com/web/platform/tools.aspx


EDIT: Mon erreur, je pensais que Robinson était un débutant dans le développement (j'avais très tort!) :-) Au lieu de cela, je reviens simplement sur le côté web des choses.

Si vous cherchez un IDE complet; débogueur/serveur Web/intellisense/aperçu en direct (ish) des modifications, etc., et peut-être dans la réflexion future d'ASP.net: je recommanderais Visual Studio Web Developer Express.

5
Alex KeySmith

Découvrez Aptana ( http://www.aptana.com/ ). C'est gratuit et a presque tout ce dont vous aurez besoin ainsi qu'un débogueur génial.

Prenez également une copie de FireFox avec l'extension FireBug. C'est incroyable pour le débogage en temps réel dans le navigateur et vous permet de modifier le code en direct pour voir à quoi il pourrait ressembler/fonctionner si vous le codiez de cette façon.

J'espère que cela t'aides!

Jeffrey Kevin Pry

12
Jeffrey Kevin Pry

Je suppose que, techniquement, si vous codez simplement HTML et JavaScript, tout éditeur IDE ou texte ferait l'affaire, même le Bloc-notes. Vous pouvez enregistrer des fichiers localement et tout fonctionnerait parce que HTML et JS ne le font pas. nécessite un serveur pour exécuter quoi que ce soit, juste un navigateur.

Une chose à noter est que si vous utilisez ajax dans votre environnement de développement, vous pouvez rencontrer un ou deux problèmes avec des erreurs de script inter-domaines. Je ne sais pas si c'est toujours un problème avec les dernières versions de jQuery (que je recommanderais d'utiliser un cadre de base pour votre javascript) mais je me souviens que c'était toujours le cas.

Quant à l'IDE, il y a tellement de choix qu'il s'agit probablement d'en essayer quelques-uns et de voir ce que vous aimez. Je recommanderais Aptana Studio pour le côté JS/HTML parce que j'ai toujours trouvé bien mis en évidence et facile à utiliser, en plus d'avoir un bon contrôle sur la gestion de projet. De plus, c'est gratuit et open source, vous ne pouvez donc pas vraiment vous tromper.

Edit: Oh, Sencha (comme affiché ici aussi) est également un très bon choix!

Et, en réponse à votre question de suivi: oui, JavasScript est la voie à suivre pour la manipulation DOM, en particulier lorsque vous utilisez un framework comme jQuery qui a tous les trucs inter-navigateurs intégrés et qui fonctionne tout simplement. En plus de cela, vous avez des milliers de plug-ins à votre disposition pour rendre tout agréable et facile :-)

2
Alex

Framework HTML5/Javascript : Je recommanderais Sencha . J'ai utilisé la bibliothèque extjs dans le passé qui fait maintenant partie de ce framework. L'ensemble d'outils est également utile.

[~ # ~] ide [~ # ~] : Eclipse ou Aptana IDE (les deux sont gratuits)

Voir également cette question sur SO: Tout bon éditeur HTML5 visuel ou IDE?

2
user

Pour répondre d'abord au suivi. Oui. JavaScript est le moyen de manipuler le DOM.
Ce n'est pas que c'est la seule façon d'analyser un DOM, mais c'est la seule façon largement acceptée de le faire dans un navigateur. Cela vaut pour les deux versions de bureau ainsi que les navigateurs mobiles.

Quant aux IDE. J'utilise personnellement un mélange de Visual Studio 2010 (il a en fait un bon support pour HTML5 et JavaScript, JQuery inclus), Monodevelop, JsFiddle.net. Et Firefox avec Firebug pour le débogage.

1
Guidhouse