##Scope
This project involves taking the "About me" created in lesson 2 and adapting it to use Twitter Bootstrap. The objective of this project is to get our students more practice with Bootstrap and also to teach them about the standard layout of a page (header, body, footer, etc).
##Before Class
Students should only start this project after they have ran through the Bootstrap lesson.
See here for code and here to view.
See here for code (private).
- Write do-now based off of assessments from previous lesson.
##During Class
###Do Now
- Attendance: Teacher takes student attendance at www.kinvolved.com
- Return graded do-now and exit ticket from previous class
- Do-now quiz
###Opening
What is Twitter Bootstrap? What does it do? What problem does it solve?
What is a header? What is a body? What is a footer? Let's open an article on the New York Times: link. Point out where these three sections are on this page.
The people who created Bootstrap knew of these sections. They packed Boostrap with specific styles for these sections and many more.
###Lecture You are going to take your "About me" page from lesson 2 and adapt it to use Twitter Bootstrap. You are specifically going to make your new page look like this.
###Brainstorming Before you start coding, identify the list of steps you need to do to finish this project. Here's a start:
- Open the starter code. Understand what is going on.
- Bring it into your own project and view it. Does it show what you expect?
- Identify the parts that need to change.
###Build Time Students will work alone on this project. The teacher's role will be to walk around the room helping students with any questions they have. Students are encouraged to look at previous lessons for reference.
##Closing Select students to present their work to the class.
###Check for Understanding Teachers should keep track of student success while they are presenting to the class.
###How to Submit The teacher must ask students to share the link to their project on your school's Project Submission Form.