Skip to content

Instantly share code, notes, and snippets.

@sullysaurus

sullysaurus/lessonplanexample.md

Created May 24, 2018 17:58
Show Gist options
  • Save sullysaurus/575381b2ab4a8618cbdbccf5d97d4a48 to your computer and use it in GitHub Desktop.
Save sullysaurus/575381b2ab4a8618cbdbccf5d97d4a48 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
lessonplanexample.md

1. Instructor Do: Why Bootstrap? (05 mins) (Critical)

Objective:

  • Give students a high level overview of what Bootstrap is and how it helps us as UX/UI designers rapidly prototype.

Notes:

  • Let students know that you don't have to understand every single piece of Bootstrap to start using it, that would be very overwhelming. We are going to take a top down approach, where we implement a piece of Bootstrap and then breakdown exactly how it is working.

Resources:

Activity:

  • Overview:

    • In this activity students are going to look through popular Bootstrap sites to gain inspiration and see the possibilities of using Bootstrap.

  • Directions:

    • Slack out https://bootstrapbay.com/blog/built-with-bootstrap/ and have the students choose some of their favorite sites from this list.

    • Take a few minutes to discuss what they like about them from a UX/UI point of view.

    • Let them know that with Bootstrap, they will be able to create layouts like this.

Check For Understanding

  • Do students understand that Bootstrap is a framework with built in CSS and JavaScript libraries that we can access through pre-defined classes?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment