# andreasbm/web-skills

A visual overview of useful skills to learn as a web developer

Repository: https://github.com/andreasbm/web-skills
Canonical: https://ross.abutalabs.com/products/web-skills
Homepage: https://andreasbm.github.io/web-skills/
Language: JavaScript
License: NOASSERTION
License Family: other
Topics: html, css, javascript, accessibility, web-components, pwa, build-tools, frameworks, testing, architecture, design, algorithms, backend
Last push: 2024-04-19T03:22:28+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 2530, "days_push": 866, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7596, forks 715 (observed 2026-08-28T04:10:01.878011+00:00)

## What it is
A visual, interactive overview of the skills worth learning as a web developer, published as a static web page. It organizes topics from HTML, CSS, and JavaScript fundamentals through accessibility, PWAs, build tools, frameworks, testing, architecture, and backend concepts, with links to resources for each skill.

## Use cases
- what skills do I need to become a web developer
- web development learning roadmap for beginners
- visual guide to frontend and backend skills
- find out which web technologies to learn next
- curated checklist of web developer skills
- structured curriculum for learning html css javascript
- resources for learning accessibility and pwas

## When to choose
- You want a structured, visual roadmap that shows how web development skills build on each other from fundamentals to advanced topics
- You are a beginner or career changer deciding what to study next in web development
- You want a curated reference where each skill links out to documentation, tutorials, and articles

## When to avoid
- You need an interactive course with hands-on exercises and assessments rather than an overview with links
- You are looking for a tool, library, or framework to use in a project - this is educational content only
- You need deep, current documentation on one specific framework or technology

## Facets
- artifact type: learning-resource
- maturity: stable
- function: documentation
- domain: web-development, frontend, backend, education, tutorials, web-design, accessibility, documentation
- platform: browser
- tags: learning-roadmap, curated-guide, skill-tree, visual-overview, html, css, javascript, progressive-web-apps, web-components, beginner-friendly, self-learning

## Member repositories
- andreasbm/web-skills (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:01.878011+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:36:52.196377+00:00, confidence not recorded.
  - readme: https://github.com/andreasbm/web-skills (fetched 2026-08-28T04:10:01.878011+00:00, sha 12eab9515703)
  - homepage: https://andreasbm.github.io/web-skills/ (fetched 2026-08-29T08:32:30.485788+00:00, sha 7c501aecd111)
  - registry_npm: https://registry.npmjs.org/web-skills (fetched 2026-08-29T08:32:30.488308+00:00, sha f31f49333c59)
- Data as of 2026-08-30T08:39:29.467469+00:00.