Web Client
Develops expertise in web client technologies, such as HTML, CSS, and JavaScript
Level 1
Works effectively within established web client architectures, following current best practices
Makes minor modifications to existing screens
Fixes simple design quality issues
Uses CSS appropriately, following style guide
E.g. Implemented sticky footer on the post page
E.g. Hooked up the action to dismiss a post from a stream
E.g. Built PaymentHistory screen using ResponseScreen
Level 2
Develops new instances of existing architecture, or minor improvements to existing architecture
Makes sensible abstractions based on template and code patterns
Specs and builds interactive components independently
Prototypes simple new features quickly
E.g. Built credit card input component
E.g. Created shared buttons template
E.g. Built modal system
Level 3
Designs major new features and demonstrates a nuanced understanding of browser constraints
Provides useful design feedback and suggests feasible alternatives
Performs systemic tasks to significantly minimise bundle size
Acts a caretaker for all of web client code
E.g. Designed font loading strategy for Medium
E.g. Researched utility of service workers for Medium
E.g. Designed and implemented ResponseScreen
Level 4
Builds complex, reusable architectures that pioneer best practices and enable engineers to work more effectively
Pioneers architecture migrations that reduce programmer burden
Implements complex UI transitions that bring delight
Makes architectural decisions that eliminate entire classes of bugs
E.g. Designed Medium's post morpher and delta system
E.g. Implemented Medium's scrolling text over image blur
E.g. Designed and pioneered proto-based model storage
Level 5
Is an industry-leading expert in web client or sets strategic web client direction for an eng team
Invents new techniques to innovate and overcome browser constraints
Identifies and solved systemic problems with current architecture
Defines a long-term vision for web client and ensures projects are in service of it
E.g. Invented CSS in JS
E.g. Defined and drove migration strategy to Lite
E.g. Implemented unidirectional data flow to completion