FrontEnd_Standards.md

General Code Styles for all Frontend Projects

Table of Contents

• General Code Styles for all Frontend Projects
  • File Structure
    • Lines
    • Files
    • Variable, Function, Class, Constant and Module naming
  • Linter files

File Structure

Lines

Lines must:

• Use spaces instead of tabs
• Use 4 spaces for indentation
• Use LF for the End of Line character
• Not contain any trailing whitespace

Files

Files must

• Use UTF-8 file encoding
• Have a new line at the End of File
• Have the same name as the module they are defining, using lowercase letters and dashes between words
  • TestService
    • test-service.{js|ts}
    • test-service.html
    • test-service.{Spec.js|spec.ts}

Variable, Function, Class, Constant and Module naming

• Variables must use camelcase
• Functions must use camelcase
• Constants must use titlecase
• Classes must use titlecase
  • constructor functions are not allowed to return any value. Reason
• Modules must use titlecase