Discussion :

[Hinault Romaric]

Mozilla intègre un environnement de développement Web à Firefox
WebEDI permet d’éditer, tester et déboguer les applications Web

Le navigateur Firefox propose déjà aux développeurs une panoplie d’outils qui permettent à ceux-ci d’inspecter leur page Web et procéder au débogage du code JavaScript.

Dans son effort pour ouvrir l’écosystème du Web à un nombre encore plus élevé de personnes, la fondation a intégré à Firefox WebEDI, un nouvel environnement de développement, dont l’objectif est de permettre aux développeurs de commencer à coder directement à partir du navigateur, sans avoir besoin de télécharger des outils supplémentaires.

« Il est difficile pour les développeurs de commencer à développer une application sur le Web, car cela requiert souvent le téléchargement d’une multitude d’outils et de modèles depuis des sources différentes. Mozilla résout ce problème avec WebIDE, intégré au navigateur Firefox », explique la fondation Mozilla dans un billet de blog.

Grâce à WebIDE, les développeurs auront à leur disposition tous les outils dont ils ont besoin pour commencer à créer des applications Web. WebIDE dispose d’un éditeur de code HTML, JavaScript et CSS, basé sur le projet open source CodeMirror et le framework d’analyse de code tern.js.

WebIDE facilite la création d’applications pour Firefox OS, en permettant aux développeurs d’installer, tester et déboguer leurs applications sur des simulateurs et des appareils Firefox OS, grâce à la fonction de débogage à distance. Elle sera étendue pour prendre en charge Chrome pour Android et Safari sur iOS.

Les développeurs auront la possibilité de valider leur application pour Firefox OS, avant la publication sur le marketplace.

Des exemples de modèles prédéfinis sont disponibles pour faciliter le démarrage d’un projet. De plus, grâce à une API, Mozilla offre la possibilité aux développeurs de désactiver l’éditeur de WebEDI pour utiliser leur propre EDI, tout en exploitant les fonctionnalités de WebEDI.

L’environnement de développement est disponible dans la version Nightly de Firefox.


Source : Mozilla


Et vous ?

Qu’en pensez-vous ? Un EDI doit-il être couplé à un navigateur ?

[ternel]

Et un non développeur, comme ma grand-mère, mon 'tit frère ou autre, devra-t-il précharger cet EDI à chaque fois qu'il ouvre son firefox?

[Uther]

Bien sur que non, pourquoi le devrait-il?

[ternel]

Parce que c'est pas évident de détecter que l'utilisateur est un développeur, peut-être

[beekeep]

Parce que c'est pas évident de détecter que l'utilisateur est un développeur, peut-être

L'ensemble des outils de développement ne se chargent que lors de leur utilisation.

[ternel]

C'est bon à savoir.
Et ça parait logique, après coup

ps: pourquoi a-t-on voté contre mes questions, qui ne sont que ca?

[tralloc]

Bonjour !

Les questions que je me pose :
Est-ce que c'est fait uniquement pour firefox OS (ou d'autres smartphones) ou on peut faire des pages de la taille qu'on veut ? Y aura-t-il un mini webserver incorporé ?

Y aura-t-il des plugins pour développer par exemple en emberjs ou angularjs ?

Y aura-til des plugins pour d'autres choses, du genre Emmet... ?

Pourquoi ne l'ont-ils pas plutôt fait comme plugin ? Ca prendrait moins de place, et serait plus modulaire.


En tous les cas, je salue l'initiative. J'attendais ce genre d'outils arrivent !!!

[Jarodd]

Est-ce que c'est fait uniquement pour firefox OS (ou d'autres smartphones) ou on peut faire des pages de la taille qu'on veut ?

Pourquoi cela serait uniquement pour Firefox OS ? L'actu parle d'appli web, ce n'est pas l'exclusivité de Firefox OS, et cela irait même à l'encontre de la philosophie de Mozilla, qui milite pour un web ouvert (ils n'imposent pas leur marketplace par exemple).

Pour du Firefox OS, il y a le Simulator qui remplit ce rôle, et qui le fait très bien.

Y aura-t-il des plugins pour développer par exemple en emberjs ou angularjs ?

Y aura-til des plugins pour d'autres choses, du genre Emmet... ?

Pourquoi ne l'ont-ils pas plutôt fait comme plugin ? Ca prendrait moins de place, et serait plus modulaire.

Parce que, comme c'est justement expliqué dans l'actu, ils veulent éviter « le téléchargement d’une multitude d’outils et de modèles depuis des sources différentes » Là c'est dispo, tu l'ouvres si tu veux l'utiliser et tu n'as rien d'autre à faire ! Pour les autres c'est comme les outils existants aujourd'hui : la console est disponible depuis un moment, si la grand-mère n'en a pas l'utilité, je doute qu'elle l'ait ouvert un jour !

Ensuite si tu veux développer avec des frameworks précis, rien ne t'empêche d'installer des plugins ou extensions à part, mais là Firefox intègre des outils standards, qui s'adapte à tout, pas. seulement à du dév spécifique. C'est un IDE pour faire du dév web, il ne faut pas chercher à y voir autre chose car ça ne l'est pas.

[tralloc]

Ma question sur firefox OS était parce que la manière dont c'est présenté dans la news me laissait le doute.

La question sur un petit serveur web d'installé est que certains frameworks ne fonctionnent bien qu'avec le protocole http (donc si il y a un serveur derrière) et pas avec file:///...

Et oui j'aimerais que le simulator soit aussi pour une fenêtre d'ordinateur de bureau. Donc je pose la question.

Mais je suis tout à fait impatient de tester le produit... dès que ça arrivera sur un firefox en version stable !

[air-dex]

Bonjour !

Les questions que je me pose :
Est-ce que c'est fait uniquement pour firefox OS (ou d'autres smartphones) ou on peut faire des pages de la taille qu'on veut ? Y aura-t-il un mini webserver incorporé ?

Y aura-t-il des plugins pour développer par exemple en emberjs ou angularjs ?

Y aura-til des plugins pour d'autres choses, du genre Emmet... ?

Pourquoi ne l'ont-ils pas plutôt fait comme plugin ? Ca prendrait moins de place, et serait plus modulaire.


En tous les cas, je salue l'initiative. J'attendais ce genre d'outils arrivent !!!

+1. En l'état actuel des choses cet IDE est incomplet pour du développement Web. Les intégrateurs y trouveront sans doute leur compte, mais pas les devs, surtout s'il y a du Web dynamique (PHP, JSP, ASP...) dedans. Et à ce jeu là je pense que l'IDE des devs l'emportera sur celui des intégrateurs puisque tout le monde peut y trouver son compte.

[beekeep]

+1. En l'état actuel des choses cet IDE est incomplet pour du développement Web. Les intégrateurs y trouveront sans doute leur compte, mais pas les devs, surtout s'il y a du Web dynamique (PHP, JSP, ASP...) dedans. Et à ce jeu là je pense que l'IDE des devs l'emportera sur celui des intégrateurs puisque tout le monde peut y trouver son compte.

En même temps:

Mozilla offre la possibilité aux développeurs de désactiver l’éditeur de WebEDI pour utiliser leur propre EDI, tout en exploitant les fonctionnalités de WebEDI.

[SylvainPV]

Les intégrateurs y trouveront sans doute leur compte, mais pas les devs, surtout s'il y a du Web dynamique (PHP, JSP, ASP...) dedans.

Je déteste cette nuance entre le métier d'intégrateur et de développeur, elle rappelle de vieux préjugés qui ne sont plus du tout valides, comme celui que le développement front-end serait plus simple et réservé aux amateurs par rapport au développement back-end, et qu'il serait normal que les devs JavaScript soient moins payés que les devs PHP/JavaEE. Quand j'ai terminé mes études d'ingénieur et dit à un de mes professeurs que je comptais me spécialiser dans le web front, celui-ci a tout tenté pour me dissuader, sortant des âneries du style "Tu vaux mieux que ça".

Le web front présente une complexité et un challenge tout aussi important que le développement côté serveur. Les années 1995-2005 ont été l'apogée de l'innovation en technos back, depuis AJAX et les prémices de HTML5 c'est en front qu'il reste tout à inventer. Firefox OS en est un parfait exemple. Et cet IDE conviendra parfaitement aux intégratreurs développeurs front.

[fake971]

réponse de google...?

A quand le cloud IDE developping multilangage multiplateforme open-source intégré au navigateur?

Je cherche la petite bête mais il est vrai que la banalisation du développement web est un sujet digne d’intérêt.
Aussi des solutions très complètes existe alors pourquoi développer avec son navigateur?

C'est vrai des solutions plus ou moins complète existe pour les développeurs et elles ne sont pas pour autant imperméable aux néophytes.

Et si je puis être sérieux un instant ce qu'il manque à mon sens aux future développeur en herbes ce n'ai pas tant un nieme IDE que les solution serveur, hébergement et pédagogie de base en corrélation.
Proposer la banalisation du développement web open source c'est bien, en faire une solution complète avec tuto intégré et hébergement c'est encore mieux et somme-toute plus en adéquation avec l'objectif.

+1 tout de même car ne dis t'on pas brique par brique.

[tralloc]

Aussi des solutions très complètes existe alors pourquoi développer avec son navigateur?

Simplement parce que tu peux modifier ce qui est à l'écran (exemple dans une css) et voir le résultat instantanément voir tu cliques sur un élément html, ses paramètres s'affichent et tu les modifie en live. Un gain de temps absolument essentiel.

C'est un peu l'idée ce qu'adobe faut avec brackets, sauf que d'une part ça peut aller plus loin et que d'autre part sous debian je suis ennuyé parce que je n'arrive pas à synchroniser chromium avec leur outil. Avec un EDI intégré au navigateur c'est beaucoup mieux.

A mon avis ça n'a rien à voir avec de la banalisation du dev web.

[air-dex]

Je déteste cette nuance entre le métier d'intégrateur et de développeur, elle rappelle de vieux préjugés qui ne sont plus du tout valides, comme celui que le développement front-end serait plus simple et réservé aux amateurs par rapport au développement back-end, et qu'il serait normal que les devs JavaScript soient moins payés que les devs PHP/JavaEE. Quand j'ai terminé mes études d'ingénieur et dit à un de mes professeurs que je comptais me spécialiser dans le web front, celui-ci a tout tenté pour me dissuader, sortant des âneries du style "Tu vaux mieux que ça".

Le web front présente une complexité et un challenge tout aussi important que le développement côté serveur. Les années 1995-2005 ont été l'apogée de l'innovation en technos back, depuis AJAX et les prémices de HTML5 c'est en front qu'il reste tout à inventer. Firefox OS en est un parfait exemple. Et cet IDE conviendra parfaitement aux intégratreurs développeurs front.

Loin de moi l'idée de vouloir dénigrer les intégrateurs. Ce n'est pas le but de mes propos. J'aimerais bien avoir tout ou parti de leurs compétences.

Ce que je voulais dire initialement c'est que les devs back et front n'ont pas nécessairement les mêmes besoins concernant leurs outils de travail (sans forcément dire que ceux-ci sont inférieurs, ce n'est pas le but de mes propos je le rappelle). Du coup, si on donne le choix entre un outil complet pour les front mais passablement lacunaire pour les back (WebIDE) et un outil qui peut convenir aux back et aux front (IDE Web type Netbeans par exemple), il me semble que le choix est vite fait, non ?

Encore pire, il y a le cas du projet (très) mal codé et où l'interface y est générée à grands coups de print(f) et autres echo. Ce n'est pas WebIDE qui aidera les devs front à sécher leurs larmes face à une horreur pareille.

[Hinault Romaric]

Mozilla sort Firefox Developer Tool Adaptor
pour permettre d’exploiter ses outils dédiés aux développeurs avec d’autres navigateurs

Mozilla continue à multiplier des efforts pour faciliter le quotidien des développeurs Web. Après la sortie il y’a quelques mois de WebEDI, son environnement de développement Web intégré à Firefox, la fondation dévoile aujourd’hui l’add-on « Firefox Developer Tool Adaptor. » Cet add-on vient étendre WebEDI pour permettre son utilisation sur d’autres plateformes.

Pour rappel, WebEDI met à la disposition des développeurs tous les outils dont ils ont besoin pour commencer à créer des applications Web. WebIDE dispose d’un éditeur de code HTML, JavaScript et CSS, basé sur le projet open source CodeMirror et le framework d’analyse de code tern.js.

Initialement, l’outil ne permettait que de créer et tester ses applications à travers de Firefox et Firefox OS. Grâce à l’extension « Firefox Developer Tool Adaptor », les développeurs pourront désormais exploiter le potentiel de WebEDI lors des tests de leurs applications sur d’autres navigateurs.

« Firefox Developer Tool Adaptor » permet de connecter les outils de développement de Firefox avec Chrome (sur Desktop et sur Android ) et Safari (sur iOS) à distance. Les développeurs pourront ainsi utiliser le débogueur JavaScript de Firefox, son inspecteur DOM, ainsi que son éditeur de CSS pour des applications qui s’exécutent dans ces navigateurs.

L’un des principaux attraits du développement d’applications Web est le fait que celles-ci peuvent s’exécuter sur plusieurs plateformes. Avec cette extension, Mozilla veut faciliter la tâche aux développeurs en évitant à ceux-ci des pertes de temps pour les tests sur chaque navigateur, et l’utilisation des outils de débogages spécifiques à chacun.

« Firefox Developer Tool Adaptor » est encore au stade de préversion et est disponible en téléchargement sur Github. La prise en charge d’Internet Explorer devrait être intégrée avant la sortie d’une version finale. Les développeurs sont invités à tester l’outil et faire part de leurs remarques afin que la fondation Mozilla puisse l’améliorer.

Télécharger Firefox Developer Tool Adaptor

Source : Mozilla

[Zefling]

Cet outil de rêve. J'avais testé avec Firefox OS, c'était bien pratique, mais si ça marche sur tout !!