Rubric

[trbachmann]

Rubric

Functional Expectations

• Novice - Application meets all of the basic functional expectations of create, edit, delete, and those changes persist in localStorage
• Advanced Beginner - Application adds ‘Favoriting a Photo’ and enables ‘Filtering and Searching by Text’ as defined in the spec
• Proficient - Applications adds ‘Recent Photos’ and ‘Viewing Favorites’ as outlined in the spec
• Exceptional - Application adds all of the extensions

Comp Recreation

• Novice - Application implements all major comp details accurately and correctly on desktop only (colors, fonts, icons, spacing, alignment, etc.)
• Advanced Beginner - Application implements all major comp details accurately and correctly on desktop and mobile (colors, fonts, icons, spacing, alignment, etc.). Transitions between screen sizes may not be smooth.
• Proficient - Application implements all major comp details accurately and correctly on desktop and mobile (colors, fonts, icons, spacing, alignment, etc.) with smooth transitions between screen sizes. Additional elements added generally match the visuals established in the comps, but may be slightly awkward.
• Exceptional - Application implements all major comp details accurately and correctly on desktop and mobile (colors, fonts, icons, spacing, alignment, etc.) with smooth transitions between screen sizes. Additional elements that have been added match the visuals established in the comps.

HTML - Style and Implementation

• Novice - Crafts markup according to the turing html style guide
• Advanced Beginner - Application adds to the above by using data-* attributes for all data related things
• Proficient - Applications adds to the above with markup that is easy to read and follow across naming conventions
• Exceptional - Application adds to the above by using BEM, SMACCS, or another set of naming conventions for classes
• Implements html that is accessible for folks with visual disabilities. Reference this lesson plan

CSS - Style and Implementation

• Novice - Crafts CSS according to the turing css style guide
• Advanced Beginner - Application adds organization for the whole stylesheet and within rules
• Proficient - Applications adds to the above by removing repetitive rules and blocks of code according to the DRY principle
• Exceptional - Application adds to the above by using BEM, SMACCS, or another set of naming conventions for classes

JAVASCRIPT - Style and Implementation

• Novice - Crafts JS according to the turing js style guide
• Advanced Beginner - Application correctly implements data model for the Photo class including all required methods
• Proficient - Application adds readability by incorporating both DRY and SRP practices
• All functions are less than 10 lines
• There are no global variables aside from query selectors and an array for your photos
• There are no nested if/else statements
• Exceptional - Application refactors all for loops into the proper array prototype iteration method
• Uses logical operators instead of if/else statements where applicable
• Uses arrow functions, block scoped variables, and destructuring correctly.
• Application stores all photos in one array in local storage, instead of individually
• When ‘Filtering and Searching by Text’ and ‘Viewing Phtos’, photos that do not need to be shown on the dom should be completely removed from the dom, instead of only being hidden from view