Leave Traditional Teaching for Amateurs, Mozilla Strikes back with Educational Code Editor

By CIOReview | Monday, September 14, 2015

FREMONT, CA: Mozilla unveiled an upgraded version of Thimble, an online code editor platform that helps educators and students who want to learn and teach the basics of HTML, CSS and JavaScript.

Back in 2012 Mozilla first launched the tool, and since then it has been used for a variety of projects, including teaching people how to code and designing posters to argue in support of net neutrality. However, over time, things got pretty quiet around the project as other browser-based code editors like Brackets and full online IDEs like Nitrous took center stage.

Recently, Mozilla has struck again  with the platform revamped into a more useful one and a slew of new features in a new design.

The updates bring variety of improvements to Thimble, including the ability to link and edit multiple Web pages within a project rather than restricting users to editing only one page. Users can also take a website that has been compressed in a Zip file and import it into the software, which will expand the whole thing and let users start tweaking the website from there. 

Thimble gets a whole new makeover in the new version; with a choice of light and dark themes, a color picker and easier access to files and projects. Its new features includes a number of new starter projects that teachers can use to teach students the basic skills like how to edit HTML content and CSS style sheets.

It draws inspiration for many of its new capabilities by integrating with Adobe's Brackets open-source text editor. Promising to be a useful tool for people just getting started with web programming, it enables the users to program in one pane while viewing a real-time preview of work just on the right to the coding window.

Following the footsteps of other code editors, now Thimble also ropes in autocomplete tags and automatically closing tags to make it easier for people to build websites. Focusing on smartphones, it also helps the previewer to show the users, of what the page looks like on a smaller device.