Explore Alibaba’s Frontend Knowledge Graph: Your Roadmap from Beginner to Expert

Alibaba’s Frontend Knowledge Graph, compiled by a large team of Alibaba front‑end experts over a year, presents a growth path from Beginner → Intermediate → Advanced, covering 717 essential knowledge nodes with detailed explanations and reference materials.

Why create this knowledge graph?

We aim to provide a comprehensive view of front‑end technology from a specific perspective, helping aspiring developers grow quickly.

Using the growth‑path perspective, we organize front‑end knowledge into Beginner → Intermediate → Advanced structures.

Beginner

From a novice viewpoint, it gradually explains HTML, CSS, JavaScript and other basic front‑end concepts.

Intermediate

From an engineer’s viewpoint, it expands on technical principles, engineering workflow, performance optimization, and other comprehensive skills.

Advanced

Aligned with technical product directions, it delves into specialized domain knowledge.

Based on this structured information and using AntV’s Graphin framework, we deliver an online interactive knowledge map that is easy to read, share, and continuously iterate.

How to use this knowledge graph?

Panoramic Exploration

After entering the graph, you see first‑ and second‑level nodes; click any node to view its description and learning resources.

Precise Search

Use the search button at the top left to query specific knowledge points and view the corresponding sub‑graph.

Open & Co‑creation

Alibaba’s Frontend Knowledge Graph will continue to operate and update openly, with plans for an information entry system, linking high‑quality articles to nodes, regular co‑creation group updates, an editorial committee for authority, and open‑source content on GitHub for community contributions.

All front‑end developers can provide feedback on the graph via the Yuque discussion area.

Contributors are listed as joint authors in the copyright statement, ensuring the knowledge map’s accuracy and ongoing relevance.