HTML
The markup that gives every page its structure and meaning.
Backend Engineer track
Junior
Write correct code, ship small changes safely, ask good questions.
- AttributeExtra information on an element, like href or alt.
- Element and TagThe building blocks of HTML, like <p> and <a>.
- Form ValidationChecking input in the browser and, always, again on the server.
- FormsInputs, labels, validation and submission.
- Head and Meta TagsTitle, description, viewport and other page metadata.
- HTMLThe markup language that structures web pages.
- HTML EntitiesEscaped characters like & and <.
- Semantic HTMLUsing elements for their meaning, like <nav>, <main> and <button>.
Mid-level
Own a feature end to end without hand-holding.
Nothing here yet.
Senior
Own a system, its failure modes, and its trade-offs.
Nothing here yet.
Staff
Shape how many teams build, across systems.
Nothing here yet.
Principal
Set technical direction for the organization.
Nothing here yet.
Frontend Engineer track
Junior
Build UI that works, ship small changes safely, ask good questions.
Core: start here
- Form ValidationChecking input in the browser and, always, again on the server.
- FormsInputs, labels, validation and submission.
- Semantic HTMLUsing elements for their meaning, like <nav>, <main> and <button>.
11 more junior concepts
- async and deferLoading scripts without blocking page rendering.
- AttributeExtra information on an element, like href or alt.
- Data AttributesCustom data-* attributes for storing extra info on elements.
- Element and TagThe building blocks of HTML, like <p> and <a>.
- Head and Meta TagsTitle, description, viewport and other page metadata.
- HTMLThe markup language that structures web pages.
- HTML EntitiesEscaped characters like & and <.
- Input Typesemail, number, date and others, with the keyboards and validation they bring.
- Open Graph TagsMetadata controlling how links preview on social media.
- SVGVector graphics described in markup.
- Viewport Meta TagThe tag that makes pages scale correctly on phones.
Mid-level
Own a feature end to end without hand-holding.
- CanvasA drawable bitmap surface controlled from JavaScript.
- dialog ElementThe native modal and non-modal dialog.
- iframeEmbedding one page inside another.
- Responsive Images (srcset, picture)Serving the right image size for each screen.
Senior
Own an app's architecture, performance, and failure modes.
- Shadow DOMEncapsulated DOM and styles for a component.
- template and slotInert HTML fragments and placeholders for components.
- Web ComponentsBrowser-native custom elements with encapsulated styles.
Staff
Shape how many teams build, across apps.
Nothing here yet.
Principal
Set technical direction for the organization.
Nothing here yet.