- Novice: Application meets all of the expectations of phase one.
- Advanced Beginner: Application meets all of the expectations of phase two.
- Proficient: Application meets all of the expectations of phase three.
- Exceptional: Application adds all of the extensions from phase four.
- 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
- Novice - Crafts markup according to the turing html style guide
- Advanced Beginner - Application adds to the above by using appropriate semantic elements and 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 and:
- Implements html that is accessible for folks with visual disabilities. Reference this lesson plan
- 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
- Novice - Crafts JS according to the turing js style guide
- Advanced Beginner - Application adds to the above by correctly implementing a data model for the
Ideaclass including all required methods - Proficient - Application adds readability by incorporating both DRY and SRP practices and students can speak to implementation decisions and:
- Uses event delegation correctly on dynamic elements for deleting, editing, & starring an idea
- All functions are less than 10 lines
- There are no global variables aside from query selectors and two arrays for your ideas and qualities
- There are no nested if else statements
- Exceptional - Application adds to code quality by refactoring all for loops into the proper array prototype iteration methods and:
- Uses logical operators instead of if/else statements where applicable
- Uses arrow functions, block scoped variables, and destructuring correctly.
- When 'Filtering and Searching by Text' and 'Filtering by Importance', ideas that do not need to be shown on the dom should be completely removed from the dom, instead of only being hidden from view