From 56832593ba6cb078f7e86af64c2c2401852cb60f Mon Sep 17 00:00:00 2001 From: Jamie Pilgrim Date: Thu, 15 Dec 2016 11:47:32 -0800 Subject: [PATCH] Rendering views activity --- README.md | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 98c6396..634b7c3 100644 --- a/README.md +++ b/README.md @@ -125,25 +125,24 @@ The below activities practice understanding how the components interact with eac **The structure of our HTML has hierarchy** When an HTML element is nested inside of another element, the outer-most element has a higher hierarchy. That outer-element acts as a container for it's inner-elements. -Some backbone views will be responsible for other views and act as a container with hierarchy over the inner-elements that are generated from the views. +Some backbone views will be responsible for other views and act as a container with hierarchy over the inner-elements that are generated from the views. For example, in the Rolodex project, the Rolodex view was responsible for rendering many contact views -For example, in the Rolodex project, the Rolodex view was responsible for rendering many contact views - -With our application, a single page will likely have many different Backbone views rendering as once. +With our Backbone applications, a single page will likely have many different Backbone views rendering as once. **Activity:** Views Responsibility -With this activity, we will get more comfortable recognizing the code that is - -Each of the following views should correspond to a color. ex: trip view is yellow, trip_lis view is blue and app view is red. Use that color to draw a square around all the code that corresponds to that view, including view files, html +With this activity, we will get more comfortable recognizing the code that is responsible for rendering all the different HTML elements. +Each of the following views should correspond to a color. +**ex:** trip_view is yellow, trip_list_view is blue and app view is red. -- trip view -- trip_list view -- app view +On the worksheets, use that color to draw a square around all the code snippets that correspond to that view. +- trip_view +- trip_list_view +- app_view ### Initial Page Load