Web Development Resources

About

This page is a collection of web development resources used by JavaScript Class and Front-end Web Development.

HTTP

• URI Specification
• HTTP 1.1

HTML

• W3C Validation Service

• HTML Living Standard HTML5
• Activating Browser Modes with Doctype
• HTML5 Doctor - Articles on the latest additions to HTML5
• HTML5 Boilerplate - Popular website template
• HTML5 Cheat Sheet Quick HTML5 guide.
• WHATWG Mailing Lists Email list for HTML5.

CSS

• CSS Spec­i­fi­ca­tions
• Create Cubic Bezier for CSS by Lea Verou
• W3C CSS Validator
• CSS Cheat Sheet
• CSS Image to Colors Palette Generator - Create a color palette from an image
• Ultimate CSS Gradient Generator - GUI for creating cross-browser CSS3 gradients
• CSS Zen Garden - Demonstrates the flexibility of CSS-based design
• Normalize.css - Makes user agent stylesheets more consistent and modern
• Dust Me CSS Selectors - Detects unused rules in your stylesheets (homepage).
• Sass - Stylesheet preprocessor language with variables, nesting, mixins, and more
• CSS Vocabulary - An interactive dictionary of CSS terminology.

JavaScript

Tutorial

• Eloquent JavaScript: A Modern Introduction to Programming
• DOM Enlightenment by Cody Lindley
• Learning Advanced JavaScript by John Resig
• Named function expressions demystified

Reference

• ECMAScript® Language Specification
• JavaScript | MDN Mozilla Developer Network
• Learn JavaScript MDN Mozilla Developer Network
• FAQ and Notes for comp.lang.javascript
• W3C DOM Level 3, Core
• W3C DOM 2 HTML
• W3C DOM Level 2 Events
• W3C DOM Level 3 Events Working Draft
• JSON

Video

• Demystifying Regular Expressions by Lea Verou

Newsgroup / Forum

• JS Mentors Google Group
• comp.lang.javascript

JavaScript libraries

• AngularJS - Directive-based MVC framework
• Backbone.js - Barebones MVC framework
• Ember.js - Handlebars-based MVC framework
• jQuery - Downloads and documentation for the most popular web framework
• Modernizr - JS feature-detection library

Browser support

• Autoprefixer - Preprocesses stylesheets and adds vendor prefixes
• Can I use... - Worldwide browser support percentages for new technologies
• CSS3 Please - Easy vendor prefixing page for popular CSS3 features
• HTML5 Please - Whether to use the latest in HTML5
• HTML feature checker

Web applications

• Django - Python-based web app framework
• Express - Straightforward JavaScript web app framework
• Grunt - JavaScript-based workflow tool
• Middleman - Ruby-based front-end workflow app
• Ruby on Rails - Wildly popular Ruby-based web app framework
• Yeoman - JavaScript-based front-end workflow app

General

• A List Apart - Articles on the web as a platform and business
• CSS-Tricks - Compendium of examples and code snippets
• Front-end Rescue - How to keep up-to-date on front-end technologies
• Stack Overflow - A popular Q&A platform for programmers

Quiz

• JavaScript Quiz, by Kangax
• Front End Web Development Quiz, by David Sharriff
• Front-end Web Development Quiz, by Jeffrey Carl Faden
• ECMA-262, The Quiz, by Dmitry Soshnikov (covers Ecma-262 r3).

Documentation

• MDN: Web technology for developers - Mozilla's documentation on the web
• WebPlatform.org - Web documentation wiki from a variety of sources

Online schools

• Code Academy
• Code School
• Coursera
• Front-end Web Development - at Noisebridge
• JavaScript Class - at Noisebridge
• Khan Academy
• Rails School - at Noisebridge
• Udacity
• Free Code Camp