← Back to Roadmap
✅ Master Level
Code Standards
Complete Beginner → Advanced Syllabus (Pin-to-Pin)
🟢 LEVEL 1 — Foundations
1. Why Code Standards Matter
- Purpose: consistency & maintainability
- Team benefit: readability
- Reduced onboarding time
- Fewer bugs from inconsistency
- Knowledge transfer ease
2. Standard Categories
- Naming conventions
- Formatting & indentation
- Comments & documentation
- Code organization
- Best practices
🟢 LEVEL 2 — Naming Conventions
3. Variable & Function Naming
- camelCase for variables
- PascalCase for classes
- UPPERCASE for constants
- snake_case for Python conventions
- Clear, descriptive names
4. File & Directory Naming
- kebab-case for files
- PascalCase for components
- Consistent naming patterns
- Language-specific standards
🟡 LEVEL 3 — Formatting Standards
5. Indentation & Spacing
- Spaces vs tabs
- Consistent indentation (2 or 4 spaces)
- Line length limits
- Blank lines between sections
- Parenthesis spacing
6. Bracket & Brace Placement
- Opening brace placement
- Closing brace placement
- Consistent across file
- Language standards
🟡 LEVEL 4 — Documentation Standards
7. Code Comments
- Inline comments for complex logic
- Block comments for sections
- Avoiding obvious comments
- Explaining the why, not the what
- Keeping comments up-to-date
8. Function & Class Documentation
- JSDoc/Javadoc style
- Parameter descriptions
- Return value documentation
- Exception documentation
- Usage examples
🟠 LEVEL 5 — Best Practices
9. Code Organization
- Single responsibility per function
- Grouping related functions
- Import organization
- Export organization
10. Common Patterns
- Error handling patterns
- Logging patterns
- Testing patterns
- Type safety patterns
🟠 LEVEL 6 — Language-Specific Standards
11. JavaScript/TypeScript Standards
- ESLint configuration
- Prettier formatting
- Async/await patterns
- Module import/export
12. Other Language Standards
- Python PEP 8
- Java conventions
- Go conventions
- Language-specific tools
🔵 LEVEL 7 — Automation & Tooling
13. Linters & Formatters
- ESLint configuration
- Prettier setup
- Stylelint for CSS
- Pre-commit hooks
14. IDE Integration
- EditorConfig
- IDE plugins
- Real-time linting
- Auto-formatting on save
🔴 LEVEL 8 — Code Quality Standards
15. Complexity Limits
- Cyclomatic complexity
- Function length limits
- Nesting depth limits
- Parameter count limits
16. Code Smell Detection
- Duplicate code
- Magic numbers
- Long methods
- God classes
🔴 LEVEL 9 — Enforcement & Governance
17. Standard Documentation
- Style guide document
- Examples & anti-patterns
- Rationale for standards
- Tool configuration
18. Team Adoption
- Code review checklists
- Automated enforcement
- Team training
- Gradual adoption
⭐ Senior Frontend Focus (Must Master)
- React component file structure
- Hooks naming conventions
- Props interface documentation
- Component composition patterns
- Style organization (CSS-in-JS vs CSS files)
- Test file colocation
- TypeScript strict mode standards