Crash Course on Modern Web Development: Rails Edition

Step 0: HTML/CSS/JS and basic tools  1~2 weeks

HTML/CSS/JS
HTML
CSS, CSS Layout
Coding An HTML 5 Layout From Scratch
Javascript


Git
Learn Git in 15 minutes
Git Immersion
GitHub/Bitbucket

Text editor
Sublime Text
vim
Emacs
…

Social
GitHub
Gittip
Flattr
Bountysource
Twitter


Step 1: Learn Ruby and Ruby on Rails  1~2 months