Mozilla updates its Thimble online code editor to help teach Web programming

Changes include autocompletion and previews of how sites will look on mobile

Mozilla updated its Thimble code editor Tuesday to make it more useful for teachers and students who want to learn and teach how to program websites.

The updates bring a 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 Thimble, which will expand the whole thing and let users start tweaking the website from there.

Like other code editors, Thimble now also can autocomplete tags and automatically closes tags to make it easier for people to build websites. With the growing emphasis on smartphones, it also helps that Thimble's previewer can show users what their pages will look like on a smaller device.

Thimble is a useful tool for people just getting started with Web programming because users can program in one pane while viewing a real-time preview of what they're working on right next to their code. Users can immediately see what happens when they tweak a value in their code, which helps improve understanding of how the whole site works.

In addition to letting users import sites to fiddle with them, and letting people build things from scratch, Thimble also has a group of pre-made projects tailored to help educators teach Web development. Templates like one that lets people remix the popular "Keep Calm and Carry On" poster include teaching kits with lesson plans for using them in the classroom.

Mozilla first launched Thimble in 2012, and it has been used since then for a variety of projects, including teaching people how to code and designing posters to argue in support of net neutrality. By improving its functionality, Mozilla has made Thimble even more useful for situations like that and others.

The update is powered by work that Mozilla did with the Seneca College Centre for Development and Open Technology. Thimble picked up many of its new capabilities through integrating Bramble, a fork of Adobe's Brackets open-source text editor that includes features like autocompletion.

Join the PC World newsletter!

Error: Please check your email address.

Our Back to Business guide highlights the best products for you to boost your productivity at home, on the road, at the office, or in the classroom.

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Blair Hanley Frank

IDG News Service
Show Comments

Cool Tech

Crucial Ballistix Elite 32GB Kit (4 x 8GB) DDR4-3000 UDIMM

Learn more >

Gadgets & Things

Lexar® Professional 1000x microSDHC™/microSDXC™ UHS-II cards

Learn more >

Family Friendly

Lexar® JumpDrive® S57 USB 3.0 flash drive 

Learn more >

Stocking Stuffer

Plox Star Wars Death Star Levitating Bluetooth Speaker

Learn more >

Christmas Gift Guide

Click for more ›

Most Popular Reviews

Latest News Articles

Resources

GGG Evaluation Team

Kathy Cassidy

STYLISTIC Q702

First impression on unpacking the Q702 test unit was the solid feel and clean, minimalist styling.

Anthony Grifoni

STYLISTIC Q572

For work use, Microsoft Word and Excel programs pre-installed on the device are adequate for preparing short documents.

Steph Mundell

LIFEBOOK UH574

The Fujitsu LifeBook UH574 allowed for great mobility without being obnoxiously heavy or clunky. Its twelve hours of battery life did not disappoint.

Andrew Mitsi

STYLISTIC Q702

The screen was particularly good. It is bright and visible from most angles, however heat is an issue, particularly around the Windows button on the front, and on the back where the battery housing is located.

Simon Harriott

STYLISTIC Q702

My first impression after unboxing the Q702 is that it is a nice looking unit. Styling is somewhat minimalist but very effective. The tablet part, once detached, has a nice weight, and no buttons or switches are located in awkward or intrusive positions.

Featured Content

Latest Jobs

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?