Today’s goal:

• Begin learning about Bootstrap, a very popular web development framework

 Today’s featured website:

• http://alternativeto.net/– A great way to find new apps and software.

 Web Frameworks and Bootstrap

• Working in pairs, please find the answers to the following questions:
  1. What are front end frameworks?
  2. Why should you consider using them?
  3. What are some examples of them?
  4. What is Bootstrap?
  5. How is Bootstrap different than Skeleton?
  6. What are some well-known sites made with Bootstrap?

 Quick facts

• About frameworks– what they are, what to use & why. Here is another good site to check out (thanks, Curt!).
• Bootstrap is based upon 12 columns, just like Skeleton
• Columns must be inside rows (like Skeleton)
• Font Awesome (remember that?) was originally designed for use with Bootstrap
• Bootstrap was originally created at Twitter in 2010
• To use Bootstrap, you can either download all of the files OR link to the supporting CSS and JavaScript files

 Getting started with Bootstrap

• Let’s watch this helpful video
• Let’s explore the Bootstrap webpage
• Does this site have themes? Code examples? Where can you find details about the code?
• Let’s try this Bootstrap tutorial
• Now let’s set up a basic page. We’ll use the basic code template provided by Bootstrap and will add the CDN links for the CSS in the head section and for jQuery and Javascript at the bottom of the page before the closing body tag.