ITP RESIDENTS

Web Resources

CommLab Web Links

• Every HTML Element with documentation.
• DataMapper documentation
• Mozilla Developer’s Network: Learn to Make Websites - tutorials and references for HTML, CSS and Javascript.
• WebPlatform Docs – A new initiative to get all the documentation for the web in one place.
• Complete CSS Reference – All of the CSS properties with descriptions of how they work and their values.
• Putting Processing.js Directly in a web page - this could be an erb file, and you can also embed ruby inside your Processing.
• Sinatra Book from Gittr
• Learning Ruby

Back End Languages

Ruby

Start Here

1. Peepcode Sinatra Screencast - an excellent hour long video detailing start to finish building a Sinatra app.
2. Sinatra-Heroku Template - an example Sinatra app that will run on Heroku.
3. Getting Started with Ruby on Heroku
4. Sinatra JSON API example

More Reference

• CommLab Web Syllabus - the way Sinatra works on ITP's servers is different than it works on Heroku but this is still a good way to get started.
• Rapid Prototyping with Sinatra - an article from A List Apart about why to use Sinatra and basics of writing applications with Sinatra.
• I Did It My Way - a series of blog posts about how to do various stuff with Sinatra.
• Simple Authentication with Sinatra
• Authentication with a Database and Sinatra
• Learn to Program (Ruby)
• Sinatra Book
• DataMapper Docs

Node.js

Start Here

1. ITP DWD Spring 2013 - class used Express
2. Getting Started with Node.js on Heroku

More Reference

• Node.js for Beginners: About callback
• Felix's Node.js Beginners Guide

Python

• ITP DWD Fall 2012 - class used Flask
• Django
• ITP RWET Tornado Examples
• Learn Python The Hard Way
• Dive into Python

Front End Languages

HTML

• Beginner's Guide to HTML & CSS (this is excellent)
• ITP Spring 2012 - HTML5 Class
• Don't Fear The Internet - Intro to HTML
• Learn How To Make Website from Mozilla
• Complete list of HTML Elements with documentation
• Mozilla HTML Reference
• Safari HTML Reference

CSS

• List of CSS Properties with Documentation
• Twitter Bootstrap
• Learn Layout
• Semantic Grid System - provides templates for different grid systems, uses LESS
• Google Web Fonts
• Fluid Baseline Grid
• An Infinite Grid System
• The Code Side of Color
• Font Squirrel - commercial free fonts
• Favicon Generator
• Mozilla CSS Reference
• Safari CSS Reference
• CSS Gradient Editor
• Another CSS Gradient Editor

Javascript

Start Here

1. Javascript for Cats

More Reference

• Up to Speed in No Time a list of links to lots of resources on Javascript.
• JS Books a list of free books about various Javascript topics.
• List of Javascript Resource
• Javascript in Ten Minutes
• Finding the position of an element in a page
• Putting Processing.js in a web page
• List of Javascript Resources

jQuery

Start Here

1. jQuery Fundamentals - an excellent resource for beginners to Javascript and jQuery
2. Peepcode JQuery

More Reference

• jQuery Official API Refence - the reference for all available jQuery commands
• Unheap - a collection of jQuery plugins
• JQuery For Designers - short tutorials written for non-coders

Hosting

• Getting Started with Heroku

General Web Resources

• Don't Fear The Internet - basic html and css tutorials
• A List Apart
• JS Fiddle - browser tool to test HTML, CSS, & JS
• Stewart Smith's Web Template Zip File - clicking will immediately download a frontend template