IDE for HTML5 mobile apps development

Starting today, Firefox users on the Nightly release channel can begin testing WebIDE, a development environment for HTML5 apps that is now built right into the browser.

If you have been following Firefox long enough, chances are you remember a somewhat similar project called Bespin. That, too, was an effort to build a code editor right into the browser. Those efforts didn’t quite pan out, however, and the project was later spun off and now forms the core of the Cloud9 IDE. Compared to WebIDE, Bespin’s ambitions were pretty limited, however.

With WebIDE, Mozilla’s principal developer evangelist Christian Heilmann told me last week, Mozilla hasn’t just built a code editor into the browser — though that’s a nice perk, too — but it has created a full toolchain for creating responsive apps for desktop and mobile devices.2014-06-22_1150 Unsurprisingly, there is a strong emphasis on Firefox OS, with a built-in simulator and tools for testing right on a device, but nothing would stop you from using this for building apps for any modern browser.

WebIDE ships with a sample app that gives developers a starting point for their own work. With this, it just takes a few clicks to get started on a new web app right in the browser. The sample app provides new users with all the code they need and every time they make a chance and reload the app, WebIDE will automatically validate and repackage the app.

Many of the most popular IDEs today, Heilmann argues, are not set up for writing web apps and it can take a lot of work to get them configured for this kind of task. That can often be a hurdle for beginners, but with WebIDE, everything you need to get started is already built right into the browser.

As Mozilla’s director of engineering for its developer tools David Camp also stressed when he joined my call with Heilmann, it’s important to note that while the code editor, which is based on CodeMirror in combination with the tern.js code analysis framework, is a central part of this effort, developers can also bypass this and continue to use any other editor they are familiar with.

You might also like

HTML5 CSS3 App Development - Part 1
HTML5 CSS3 App Development - Part 1
Cross-Platform Mobile App Development Part 1 - Development
Cross-Platform Mobile App Development Part 1 - Development ...

Useful tips for an enterprise mobile app development company  — WhaTech
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.