To developers complaining that this is not an IDE they'd actually use: where did you get the idea that this tool is meant to be an IDE for professionals? This is clearly an educational tool, and I think it looks pretty good for that.
0. pick text editor 1. install text editor 2. find some sample html 3. open file in your browser 4. find some resources for learning HTML & CSS (yep, w3schools) 5. learn that validators exist 6. learn that linters exist etc. etc.
With mozilla thimble: 1. click to start new project 2. try stuff (instant feedback), learn about code validation (instant feedback), share your page etc. 3. level up to more robust environment.
Right, this is a great educational tool, especially because of its instant feedback feature. Isn't it one of the founding features of Light Table? It makes learning/implementing so much more faster.
And so even if one knows HTML/CSS, this will be a great tool for making simple web pages.
They are being hurt by their own branding. It shouldn't be positioned as a way to create web pages, just like Code Academy isn't positioned as a way to create javascript. They are both ways to learn with instant feedback and solid instructions. (The instructions are in the app for Code Academy and in the HTML comments for Thimble.)
For non-tech users it is a tool to create web pages, though. They will go to that more easily.
For the tech users they know it's not an IDE and not meant to be. Anyone claiming the opposite is a troll/likes to bash Mozilla (cause it's trendy in case you haven't noticed) and so on.
And in case you dare to argue my point: if you're talking about an IDE guess what? Well, you already did. You're a tech user.
I like the proportional font better, anyway. It's still plenty easy enough to notice the punctuation, and this way, the words look nicer. And there are plenty of words - each project has lots of comments and sample text.
This looks like a fantastic tool to use for introduction to front end development. The inline tool tips / tag definitions are very useful if you aren't sure what a particular tag does.
The goal is not just to create web pages but to teach people about the technologies that drives the web (the tool many nonprogrammers use day in and day out). A straight wysiwyg wouldn't achieve that end.
Neat -- poking around in the console, it looks like Webmaker is using Backbone.js ... I was wondering if anyone from the Webmaker team could tell us what exactly it's using it for?
This feels like they're a bit confused about which target audience and abstraction layer they're aiming to. This is like trying to get more kids to program by trying to show them how easy and fun assembly language is. Shouldn't your energy be better spent developing, promoting and educating the use of higher level tools? It's hard for me to think of an use case for this. What kind of people, exactly would this help?
Don't get me wrong. I'm all for teaching more people to code. More importantly, getting more people to build stuff. But trying to teach newcomers to something historically bloated like HTML, sounds discouraging. Many others said before, HTML, CSS, JavaScript are pretty much the Machine Language of the web. It made sense for us to learn those first when it was all we had. But moved forward, it seems more intelligent to get more people to build stuff by having them use higher abstraction layers first. Even more, try to develop even higher layers that'll enable even more people to contribute.
I love Mozilla and I love the initiative. But I don't honestly think this will help much.
Plain old HTML is a fundamental building block of the web. It was designed to be, and still succeeds in being, a simple to learn tool to create documents for consumption by web browsers.
Sure, it has added complexity over the years, but you don't need to know every tag & attribute or CSS & Javascript to get started and see results immediately.
You know, I waited too long for the right higher level layer or even outright replacement for html/javascript to come along and rise in popularity. Now I wish I'd just dived in to plain html/javascript earlier and become adept with them just as they were. A lot of "higher level" layers have come and gone, while javascript and html are still with us, and getting stronger all the time. What's more even with a higher level layer above them, you're going to have to know them anyway, to use them in real projects.
Of course, this is why I said it seems they're confused about their target. Their website and learning method seems designed for kids with zero technical knowledge. But the content material seems designed for manufacturers of microcontrollers. Who is this for? Something doesn't match.
I wish people who have written HTML for years would play around with this if for no other reason then to learn what all the new semantics of HTML5 are.
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, webmaster@mozilla.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Horrible. No code completion. No separation of css and js. I pretended I don't know anything and got to the point where I had no idea what to do next pretty quick and zoned out.
Even though I also enjoy not closing my li's, I don't think this is an egregious error. The app appears to be focused on helping novices interested in learning HTML. To those just beginning, it's probably most important to enforce the idea of most elements having opening and closing tags.
However, if their target audience is actual developers...well, they've got lots of other problems to deal with as well.
The target audience is very much _NOT_ real developers. Think of it as "lesson 2", where "lesson 1" is something like x-ray goggles: https://webmaker.org/en-US/tools/x-ray-goggles/ for someone who _knows nothing_ to start with. Your average (not geeky) 12-year old or 70-year old, for example.
I'm a computer science graduate (aka, I hope I'm a geek) who did the whole html / css track at Code Academy in about 3 hours (aka, hopefully I'm past lesson 0, I haven't taken any web dev classes or some such ever) but trying to keep all the possible tags in my brain at once is still hard. I feel like this kind of tool does nothing if the newbie doesn't know the tags to match the ideas they have for the page.
IMO this sort of thing is primitive after seeing easel.io last week.
I suppose I would have liked this when I was first learning, if just for the error messages. But I think, like any programming, part of the learning is running/viewing your program and figuring out why the output isn't what you expected. Maybe each error pointing to w3schools for more information would benefit the user.
w3schools is not the place to point. are you a web developer? I haven't seen a legitimate developer, even an amateur, suggest w3schools is anything but crap in the last few years.
It seems to me more like a jsbin.com/jsfiddle.com clone than a real Web IDE.
The editor is helpful though, specially for novices. The syntax highlight is very different from what you're used to. Although I find it a little too much intrusive it makes it very easy to spot small typos.
looking for reasons to use this. Other than educational purposes? And where are the pages hosted? This is basically for one off displays of random content?
Javascript is not an essential part of web development. This tool is geared towards web pages rather than applications, where client-side scripting might play a bigger role.
Unfortunately (and with some good reason) there are still many people who use NoScript et al to browse the web without javascript.
>> Javascript is not an essential part of web development.
This is a very strong statement and I probably disagree. I am not talking about client-side applications here, but all those Google Analytics snippets, Facebook Like buttons, Discus comments etc. The script block essentially became a standard way to include third party functionality into the web page. And without it this tool is less useful than it could be.
0. pick text editor 1. install text editor 2. find some sample html 3. open file in your browser 4. find some resources for learning HTML & CSS (yep, w3schools) 5. learn that validators exist 6. learn that linters exist etc. etc.
With mozilla thimble: 1. click to start new project 2. try stuff (instant feedback), learn about code validation (instant feedback), share your page etc. 3. level up to more robust environment.