Recommended Downloads

Here are some of the programs/applications that we'll be utilizing throughout the club's activities. Feel free to download them and work on your website at home!

• Notepad++: This will be our primary source code editor for HTML, JS, and CSS. Installer available here, Standalone (i.e. portable version) available here.
• Mongoose: This will be our light-weight web server, we could just open static files but then we would lose some functionality such as cookies. Standalone executable available here.
• Google Chrome: This will be our browser of choice for multiple reasons, primarily for its excellent support of experimental and legacy HTML, JS, and CSS features that other browsers (*cough* IE *cough*) do not implement. Firefox is also a possible choice, however we will be sticking to exclusively Chrome to prevent usage of many CSS prefixes and not worry about the many compatibility issues that arise between Gecko, WebKit, etc. Installer available here, Standalone (i.e. portable version) available here.
• Scratch 1.4: This desktop application will serve as our primary enrichment activity throughout the year to introduce some variety into the curriculum. The desktop executable version of Scratch is only forwards-compatible with Scratch 2.0 (the online version).

Important Links

Here are some of the links that we've mentioned during class including reference materials.

Assorted

• The Internet Map: An absolutely breathtaking visualization of the Internet as we know it.
• Evolution of the Web: A beautifully presented record of the Internet's myriad evolutions.
• The Internet - Then and Now: A great visualization of the internet's history and explosion just a few decades.
• Interactive Real-time HTML, CSS, JS Sandbox Environments & Playgrounds
  • Dabblet: very lightweight tabbed interface with HTML, CSS, JS (alpha) support, saving functionality (via Gist), and -prefix-free support for CSS attributes, rich layout customization
  • JSFiddle: very functional windowed interface with HTML, CSS, JS support, saving functionality (interal), common library inclusion functionality, arbitrary external resources support, AJAX requests console, and built in validation
  • JSBin: fairly lightweight tabbed/windowed interface with HTML, CSS, JS support, saving functionality (via Gist), built-in console for debugging JS), common library inclusion functionality
• Hour of Code 2013 from Computer Science Education Week

HTML

• Mozilla Developer Network (MDN) HTML Resources
  • MDN HTML Element Reference
  • MDN HTML Attributes Reference
  • MDN's Learn HTML
• HTML Dogs (HTML Tag Reference)
• A Simple Guide to HTML
• Simple Lorem Ipsum Generator
• What is HTML5? (YouTube Video)
• MicroNugget: What is HTML? (YouTube Video)

CSS

• Mozilla Developer Network (MDN) CSS Resources
  • MDN CSS Reference

JS

• Mozilla Developer Network (MDN) JavaScript Resources
  • MDN JavaScript Reference

Scratch

• Scratch Editor: Create your own Scratch Projects online here.
• Scratch Wiki: A helpful resource for learning about Scratch commands.
• Scratch Introduction Video: Shows off some of the awesome features of MIT's Scratch