Alison Z's Rolodex

[AlisonZ]

ROLODEX

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
What role does the Model play in Backbone?	Models define the aspects of a model object. So, for contact, a contact model has a name, email and phone number
How do Backbone Views compare to Rails controllers?	They help direct things around?
How do Backbone Events work in comparison to DOM events?	No idea.
What do you think of Backbone in comparison to raw JavaScript & jQuery?	I think it's supposed to make things more organized, but it feels like a jumbled mess to me right now.
Do you have any recommendations on how we could improve this project for the next cohort?	Definitely introduce this over more than 2 days. This amount of new material being presented in 4 hour lecture chunks was too much to digest. Also, maybe a longer recap of how Ruby MVC works. I feel like that was so long ago and am having trouble remembering the details of controllers and stuff and applying it to Backbone. And, I see why the backbone views were introduced by moving around our original day 1 project, but it really didn't work for me. I found that lesson confusing and was so concentrated on getting the little parts, like the syntax and new files, that the big picture was completely lost on me. That's just me though! I'm sure that worked for other folks with different learning styles!

[CheezItMan]

ROLODEX

What We're Looking For

Feature	Feedback
Core Requirements
Git hygiene	Good # of commits
Comprehension questions	Backbone Event allow Backbone components to alert other components about changes, like how the collection alerts the RolodexView when new contacts get added. They are a custom, i.e. non-vanilla JavaScript way to add events. Views in Backbone coordinate listening for DOM and Backbone Events and issuing commands to the model and modifying the DOM.
Functionality
Created a Contact Model	Check
Created a Rolodex Collection	Check
Created a ContactView which renders an individual contact	Check
ContactView responds to a click event when the user clicks on the contact	Check, although it doesn't hide when they click outside a contact. You can do so by adding an entry to events with the line: "click": "closeModal" and have the closeModal function hide the modal. You would also need to have the ContactView method issue a stopPropagation command which will let the specific contact respond to the click event and the more general click event in RolodexView won't be triggered.
RolodexView created which renders the list of contacts	Check
DOM Events handled for creating new Contacts	Check
The RolodexView responds to custom Backbone event generated by ContactView to show the modal	Check
Styling, Foundation grid layout	Check
All dynamic content is rendered using an Underscore template	Check
Overall	You hit almost all the requirements. Just a bit of research needed to get the modal-hiding to work.