Developpez.com

Le Club des Développeurs et IT Pro

Mozilla intègre un environnement de développement Web à Firefox

WebEDI permet d'éditer, tester et déboguer les applications Web

Le 2014-06-24 16:40:33, par Hinault Romaric, Responsable .NET
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 ?
  Discussion forum
16 commentaires
  • beekeep
    Rédacteur/Modérateur
    Envoyé par leternel
    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.
    le 24/06/2014 à 17:36
  • Uther
    Expert éminent sénior
    Bien sur que non, pourquoi le devrait-il?
    le 24/06/2014 à 17:25
  • Jarodd
    Membre expérimenté
    Envoyé par tralloc
    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.

    Envoyé par tralloc

    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.
    le 25/06/2014 à 21:17
  • beekeep
    Rédacteur/Modérateur
    Envoyé par air-dex
    +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:
    Envoyé par Hinault Romaric
    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.
    le 26/06/2014 à 14:12
  • SylvainPV
    Rédacteur/Modérateur
    Envoyé par air-dex
    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.
    le 26/06/2014 à 14:23
  • fake971
    Futur Membre du Club
    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.
    le 27/06/2014 à 10:24
  • air-dex
    Membre expert
    Envoyé par SylvainPV
    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.
    le 27/06/2014 à 13:56
  • Zefling
    Expert confirmé
    Cet outil de rêve. J'avais testé avec Firefox OS, c'était bien pratique, mais si ça marche sur tout !!
    le 12/09/2014 à 16:03
  • ternel
    Expert éminent sénior
    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?
    le 25/06/2014 à 12:05
  • tralloc
    Membre averti
    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 !!!
    le 25/06/2014 à 16:26
  Poster une réponse