Building's Ability: Web Client


Description

Develops expertise in web client technologies, such as HTML, CSS, and JavaScript

We need to provide our users with a modern, responsive web product that renders well across all major browsers. We need engineers with expertise in web client technologies to help us continue to build industry-leading technology like our editor and take advantage of new opportunities like AMP.

Milestone 1

(adds 1 mile to your journey)

Works effectively within established web client architectures, following current best practices

Examples
Makes minor modifications to existing screens Implemented sticky footer on the post page
Fixes simple design quality issues Hooked up the action to dismiss a post from a stream
Uses CSS appropriately, following style guide Built PaymentHistory screen using ResponseScreen

Milestone 2

(adds 3 miles to your journey)

Develops new instances of existing architecture, or minor improvements to existing architecture

Examples
Makes sensible abstractions based on template and code patterns Built credit card input component
Specs and builds interactive components independently Created shared buttons template
Prototypes simple new features quickly Built modal system

Milestone 3

(adds 6 miles to your journey)

Designs major new features and demonstrates a nuanced understanding of browser constraints

Examples
Provides useful design feedback and suggests feasible alternatives Designed font loading strategy for Medium
Performs systemic tasks to significantly minimise bundle size Researched utility of service workers for Medium
Acts a caretaker for all of web client code Designed and implemented ResponseScreen

Milestone 4

(adds 12 miles to your journey)

Builds complex, reusable architectures that pioneer best practices and enable engineers to work more effectively

Examples
Pioneers architecture migrations that reduce programmer burden Designed Medium's post morpher and delta system
Implements complex UI transitions that bring delight Implemented Medium's scrolling text over image blur
Makes architectural decisions that eliminate entire classes of bugs Designed and pioneered proto-based model storage

Milestone 5

(adds 20 miles to your journey)

Is an industry-leading expert in web client or sets strategic web client direction for an eng team

Examples
Invents new techniques to innovate and overcome browser constraints Invented CSS in JS
Identifies and solved systemic problems with current architecture Defined and drove migration strategy to Lite
Defines a long-term vision for web client and ensures projects are in service of it Implemented unidirectional data flow to completion

Configuration Health

  • ✅ Associated with 1 role
  • ⚠️ Has been referenced in no observations
  • ℹ️ No one has achieved a milestone on this ability
  • ⛔️ Last updated: almost 5 years ago
  • ℹ️ Never conversed about

Role & Position Requirements

  • Buildersare recommended to be milestone 1+

Examples / Observations

An observation relating to  Web Client  has not been publicly recognized yet.

Conversations about Web Client

This section is for Medium folks only. Sign your team up to find your Gruuv!

Embed code

<iframe src="http://ourgruuv.com/our/powers/104?embed=true&name=web_client&organization=medium"></iframe>