fks

Frontend Knowledge Structure, abbreviated FKS, is a curated map of everything a frontend engineer (someone who builds the part of websites and web apps that runs in the browser) might want to learn about. It started as a hand-drawn knowledge tree by a developer known as @jayli, and was rebuilt as a GitHub project so that the community could keep it up to date as the field changes. The README itself is the map: a deeply nested outline of topics with links out to the official site of each tool, library, standard, or technique.

The outline groups frontend work into broad buckets — the browsers a frontend engineer should know and the rendering engines behind them; programming languages used in the browser (JavaScript, TypeScript, CoffeeScript) and on the server side with Node.js; markup and styling (HTML5, CSS3, Sass, LESS, Stylus, PostCSS); design tools; editors and IDEs; debugging tools; version control systems and hosting; code quality and unit testing tools; automated testing; popular libraries and frameworks (Vue, React, jQuery, AngularJS, Bootstrap and many more); web standards (HTTP, the ECMAScript specs, W3C standards, semantic web, accessibility); performance tools; SEO; and general computer-science background reading.

You would use this repository as a study syllabus or as a checklist when designing a curriculum, an onboarding plan, or a self-learning roadmap. The diagram is also available as an interactive visualisation linked from the README. The repository is primarily JavaScript and is maintained through normal pull requests so that the catalogue can evolve as the frontend ecosystem moves on. The full README is longer than what was provided.