Discussion :

[autran]

Le HTML et le CSS tu le testeras dans Firefox.
Mais pour l'édition de cette soupe HTML et CSS, là encore tu as des centaines de packages

[TheSuperGeek]

Bonsoir,
quel EDI ou éditeur de texte utiliseriez-vous pour du node.js ? Je fais actuellement le tutorat javascript, j'ai vu qu'il y avais une discussion sur le fil du tutorat mais j'aimerai que l'on regroupe cela dans un fil dédié pour que je puisse m'installer au mieux !
J'ai actuellement Windows & Linux mais à vrai dire cela ne me dérange pas qu'une solution ne soit disponible que pour 1 des 2 OS.
Voilà donc le but serait d'avoir le meilleur environnement possible pour développer ! (pour le moment gedit et le notepad ne sont pas hyper-adaptés !
++

[SylvainPV]

Je pense qu'il parlait de la saisie du code, et non du débogage. Les navigateurs sont ultra-tolérants pour lire du HTML et du CSS, un code mal formatté passera totalement inaperçu si on le se contente de le tester sur un navigateur.

Mais la plupart des éditeurs, dont Atom et Brackets, savent parfaitement reconnaître syntaxiquement du HTML et du CSS.

[touit]

Bonsoir ,

J'ai installé Visual Code et il permet cette information sur une fonction ou une variable en survolant avec la souris,il dit a quoi elle est liée, l'editeur tres bien aussi pour l'autocompletion que j'ai trouver un peu plus détaillée que chez les autres.

Il y a possibilité de prévisualiser son site en temps réel avec node je crois aussi.
Il faut installer node avec npm install et ensuite cliquer et sélectionner "ouvrir en mode prompt" sur le fichier index.html (par exemple) et lancez la commande live-server.
C'est vraiment pratique car le live de Brackets avait tendance a mal fonctionner chez moi.

J'ai essayé tout les editeurs gratuits et pour l'instant c'est celui que je prefere.

[SylvainPV]

Oui enfin pas besoin de VS Code pour utiliser live-server hein

[SylvainPV]

@TheSuperGeek: merci d'avoir créé ce topic, je vais y déplacer toutes nos discussions qu'on a eu sur le topic de tutorat car on tombait vraiment dans le hors-sujet.

[bidochon]

bonjour a tous,

Au risque de paraître légerement ringard dans ce fil de discussion
je recherche un outil pour developper du script système en javascript utilisant le WSH (Windows Script Host);
Actuellement j'utilise Notepad pour l'édition mais les script que l'on me demande deviennent de plus en plus complexes et sans debugger ca devient vraiment pas évident. J'ai installé NetBeans mais je me suis perdu dans les possibilités de l'outil sans véritablement savoir si ce dernier peut convenir ...

Merci d'avance

[SylvainPV]

Wow effectivement c'est pas tout jeune ! 10 ans de JS et j'en avais jamais entendu parler. Ça marche avec le fameux JScript, le JavaScript à la sauce Microsoft lancé avec Windows 98 et IE5 ? Si c'est le cas, je doute que tu trouves un éditeur spécifiquement pour ça. A la rigueur, si ce n'est pas trop éloigné du JS actuel, un éditeur JS tel que ceux recommandés ici peut faire l'affaire.

[TheSuperGeek]

Coucou, donc en résumé vous me conseilleriez quoi ? J'ai quand même fais un tri moi même :
* VS Code -> Pas compatible linux, semble assez lourd... je préfère abandonner.

Donc en solutions offlines il y a :
* Brackets
* Eclipse (là va falloir qu'on me guide...)
* Sublime text
* Atom
* Netbeams ?
* L'IDE de sylvain est payant donc j'abandonne, je peux pas vraiment payer.

En online y a Codeanywhere et sourceLair.
Donc lequel ?
Bonne soirée !

[autran]

J'ai l'impression qu'Atom va sans doute être à JavaScript ce qu'Eclipse est depuis 10 ans à Java.
Alors j'aurais tendance à proposer Atom.
d'ailleurs pour ce tutorat je vais l'adopter

[Beginner.]

Oui mais il faudrait voir si Atom intègre un vrai débogueur comme semble le faire VSCode...

[SylvainPV]

Atom, Brackets et VS Code sont dans la catégorie éditeurs de texte et non IDE. Ce n'est pas un bien ou un mal, juste un constat.

Petit résumé :

En payant, Webstorm (déclinaison JS de IntelliJ IDEA) est la référence.
En gratuit je pense que la meilleure option est Atom ou VS Code couplé à divers outils externes.
Pour ceux qui tiennent à avoir un IDE, Microsoft Visual Studio semble relativement populaire.
Pour les linuxiens, il reste Netbeans ou Eclipse JSDT.

[TheSuperGeek]

Atom, Brackets et VS Code sont dans la catégorie éditeurs de texte et non IDE. Ce n'est pas un bien ou un mal, juste un constat.

Petit résumé :

En payant, Webstorm (déclinaison JS de IntelliJ IDEA) est la référence.
En gratuit je pense que la meilleure option est Atom ou VS Code couplé à divers outils externes.
Pour ceux qui tiennent à avoir un IDE, Microsoft Visual Studio semble relativement populaire.
Pour les linuxiens, il reste Netbeans ou Eclipse JSDT.

Donc quels outils avec les "éditeurs de textes" ?

[autran]

Je dirai des outils pour transformer Atom véritable IDE
C'est à dire les outils qui augmentent la productivité du développeur et même permettent de travailler en équipe. Faire des build (Graddle par exemple), des tests unitaires (Unit.js par exemple) ou encore la gestion des versions. Pour tout ça Atom a des packages.
Mais pour le tutorat je pense que la dimension éditeur de Atom sera je pense largement suffisante.

[TheSuperGeek]

Coucou, merci pour les précisions...
Pour les modules atom, envoyez la sauces ! Nan sérieusement si vous pouviez me dires lesquels utiliser, je l'utiliserai sans problèmes.
Merci

[autran]

Coucou, merci pour les précisions...
Pour les modules atom, envoyez la sauces ! Nan sérieusement si vous pouviez me dires lesquels utiliser, je l'utiliserai sans problèmes.
Merci

Nativement Atom te donnera la coloration syntaxique des sources js html et css. Tu as un support natif de git (produit gihub).
Donc pour le moment tu peux déjà rajouter les packages Atom-runner et Atom-Terminal pour pouvoir respectivement lancer une exécution dans l'IDE ou ouvrir un terminal dans le répertoire courant du fichier. Et avec ça tu peux déjà bien t’amuser.
Pour le debugger, nous ferons un cours la-dessus.

[touit]

Salut,

@SuperGeek, Petite precision pour Visual Code, je crois bien que ca marche sur linux, j'avais remarque ça car je comptai installer linux sur mon PC. Chose que j'ai faite mais je boot jamais dessus helas ...

[Beginner.]

Oui il me semble bien avoir vu plusieurs fois que VS Code fonctionne sur plusieurs plateformes...

VS Code me semble bien mais après avoir lu ceci https://www.visualstudio.com/fr-fr/dn948229 je me pose des questions, si j'ai bien compris ils collectent toute sorte d'infos même privées et personnelles... Ben je ne sais pas pour vous mais moi ça me donne l'impression d'être espionné... Ai-je tort ?

Sinon est-que VS Communuty n'est pas mieux dans ce cas ? Mais peut-être que pour le JS VS Code est mieux à cause des extensions ?

[Mickael_Istria]

C'est très différent du monde JEE où c'est sympa de pouvoir gérer dans Eclipse le serveur Jboss ou Tomcat et la base oracle ou postgresql. En effet, avec Node.js tu écris ton propre serveur HTTP donc pas de serveur à paramétrer.

La base de donnees en JS il y en a besoin aussi. Et pour la partie Node cote serveur, t'es en effet sur des patterns plus a la Wildfly Swarm/Spring Boot avec un container mais caché dans ton app. Au final, si JS prends côté serveur, il y aura les serveurs d'app 'JavaScript Enterprise Edition' un des ces 4...
Aussi, dans Eclipse avec l'intégration LiveReload de JBoss Tools, on voit en fait que l'étape de déploiement d'un projet JS/Web peut en fait déjà exister et introduire le concept de "serveur".

Le combat éditeur de texte extensible (Emacs, Vim, Atom...) vs IDE (Eclipse, WebStorm...) est en fait un faux combat: il restera toujours les 2, il y aura toujours besoin des 2, tout le monde utilise les 2 dans une même journée de travail. C'est vraiment une question de besoin ponctuel: si on veut juste éditer un fichier, on prend un éditeur des texte simple et rapide; si on veut plus d'intégration, un support plus natif du concept de project, de la collaboration, de la validation à la volée, de l'intégration de tests et de coverage... on utilise un IDE.
Bref, Atom ne remplacera pas Eclipse, et vice-versa.

[autran]

Un EDI (éditeur amélioré) sert à augmenter votre productivité. C’est donc cela le but final à atteindre.

Je pense que plusieurs EDI sont aujourd’hui équivalent pour un usage aussi modeste que le tutorat JavaScript. Mais chacun aura une préférence pour un produit.
Parmi les raisons qui nous poussent à choisir un EDI on pourrait citer :

• Le penchant pour l’OS. Par exemple quelqu’un qui aime et maitrise Windows pourrait vouloir prendre Visual Studio, surtout s’il l’utilise déjà pour développer dans d’autres langages sur la plateforme .Net
• Un développeur JEE quant à lui préfèrera Eclipse par culture etc…

Mais c’est un peu comme dans le sport, on ne peut pas être une star dans toutes les disciplines. Il faut en choisir un et s’y tenir si l’on veut progresser et atteindre un niveau honorable. Pour prendre un EDI en main il faut connaitre son ergonomie, ses raccourcis clavier et les plugins à ajouter….

Donc attention à ne pas passer plus de temps à installer et désinstaller des EDI qu’à étudier le langage.