- 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 three or more 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 with HTML that incorporates semantic HTML elements and has a simple, clean HTML structure.
- Proficient - Application adds to the above with markup that is easy to read and follows 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 and
- Has 5 or less media queries for responsiveness
- Proficient - Applications adds to the above by removing repetitive rules and blocks of code according to the DRY principle and
- Has 3 or less media queries for responsiveness
- 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 - Displays good understanding of arguments vs parameters and:
- Uses function declarations over anonymous functions in event listeners
- Uses if/else statements to handle multiple paths of logic/error handling
- Proficient - Application uses event delegation correctly on dynamic elements and:
- Keeps functions DRY with a focus on SRP and can call functions within functions
- There are no nested if/else statements
- Exceptional - Functions and code are well-refactored and show developer empathy and:
- No global variables aside from query selectors, min & max, number of guesses, and start time
- All functions are less than 10 lines
- Uses logical operators instead of if/else statements where applicable