We recently brought on a new employee who expressed interest in beginning front-end development, but only had minimal knowledge of HTML and CSS. They’d been frustrated with the standard tutorials that attempted to explain each single tag, and weren’t interested in continuing. On a whim (but apparently good guess) I suggested they continue working with HTML but immediately include Twitter’s Bootstrap CSS Framework while learning and developing.
The result was astounding. In three weeks we turned a college student into a junior front-end developer.
We found that by simply having something look nice and working from an incredible example page with great documentation, the learning process went much smoother, faster, and resulted in higher-quality work. Now after just three weeks we have a new junior front-end developer who now does all of our prototyping and initial front-end builds with the expected level of incredible Vuurr quality.
Where to Start Learning
To get started with Bootstrap, use their guide here: http://getbootstrap.com/getting-started/
Sitepoint has a pretty good walkthrough of Bootstrap 3 as well: http://www.sitepoint.com/understanding-twitter-bootstrap-3/