Class 10 Prep
Before coming to Class 10, please complete the following tasks:
Studio Recap
| Done | Task | Resource Type | Link | Time Estimate | Instructions |
|---|---|---|---|---|---|
| Follow Along | Exercise | 30 minutes | FlickList 2 Solution | Read over (and maybe even code along with) the staff solution to the previous Studio, so that you're up to speed with the starter code for the upcoming one. |
Responsiveness
Responsiveness is a web-design philosophy and set of practices for dealing with the wide variety of screen sizes that a modern website must accommodate.
| Done | Task | Resource Type | Link | Time Estimate | Instructions |
|---|---|---|---|---|---|
| Read | Article | 2014 Guide to Responsive Web Design | 30 minutes | Read this article for an overview of the recent state of Responsiveness. |
Bootstrap
Bootstrap is a front-end framework that handles for you much of the heavy-lifting of implementing responsiveness, and also provides a suite of nice-looking, ready-to-use CSS styles.
| Done | Task | Resource Type | Link | Time Estimate | Instructions |
|---|---|---|---|---|---|
| Read | Article | Bootstrap for Beginners | 15 minutes | Read this article for an intro to Bootstrap. | |
| Do | Interactive Course | FreeCodeCamp / Responsive Design with Bootstrap | 2 hours | The link here will take you to the first exercise in a section titled Responsive Design with Bootstrap. Do the entire section, 31 (short) exercises in all. FreeCodeCamp estimates this will take 5 hours, but our experience is that students get through it pretty quickly. | |
| Read | Article | Understanding the Bootstrap 3 Grid System | 30 minutes | This article takes a more in-depth look at the Bootstrap grid system, and the differences between the various column size classes, e.g. col-sm-6 vs col-md-6. |