twitter_bootstrap-web_development


  1. Downloading and setting up (Must know), walks you through the basics—getting the CSS, images, and JavaScript, and creating a page template.
  2. Headings, links, and buttons (Must know), introduces you to Bootstrap's ready-made styles for clear typographic hierarchy and turning hyperlinks into visually appealing buttons.
  3. Conquering the layout (Must know), experiments with Bootstrap's fantastic twelve-column grid system, just to get familiar with it.
  4. Creating a standard sub-page (Must know), applies the Bootstrap grid system to lay out a standard sub-page with a wide main column and a narrower sidebar.
  5. Creating a portfolio page (Must know), assists you in laying out a full-page grid of linked images with captions, using Bootstrap's styles for thumbnails.
  6. Creating a products page (Must know), walks you through the steps involved in creating a products page. Bootstrap comes with effective styles for laying out a good, basic, visually appealing table. We'll use it to start a products page.
  7. Customizing the navbar (Must know), assists you in adding links to these pages in Bootstrap's main navigation bar.
  8. Making it responsive (Should know), connects jQuery and Bootstrap's JavaScript plugins to enable the navbar to adapt responsively to small devices and viewports.
  9. Adding drop-down lists (Should know), shows how to add drop-down lists to your navbar. With the JavaScript in place, it's quite simple.
  10. Using tabs for switching content (Should know), illustrates the use of tabs for switching content. Now that we're getting used to leveraging all of Bootstrap—markup, CSS, and JavaScript—we're ready to create dynamic tabs for switching between panes of content.Creating a homepage carousel (Should know), adds a final touch to your site. To finish our site, we'll add a beautiful image slideshow, using Bootstrap's excellent, fully responsive carousel.
  11. Optimizing and customizing (Should know), will show you how to optimize your site for better performance and how to add customizations. Out-of-the-box Bootstrap is great. But you'll want to customize it. We'll bring in some custom colors and font faces. And we'll optimize our files in the process.
  12. Uploading, testing, and launching (Must know), walks you through a basic process of uploading our site to the web. Then you'll leverage a couple of great online tools to test our site for both desktop and mobile devices.Appendix: Bootstrap resources, contains a list of resources to help you continue growing 
  13. as a Bootstrap-equipped developer.