Skip to content
Projects

unruledboy/WebFrontEndStack

View on GitHub

unruledboy/WebFrontEndStack has 2,304 GitHub stars and 464 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-07 21:57 UTC. Last push 2018-03-03.

How these counts are measured

web front end stack: browsers, platforms, libraries, frameworks, tools etc.

2,304 stars464 forks

Measured star growth

in 24h
0
in 7 days
Update delayed
in 15 days
Update delayed
in 1 month
Update delayed

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

README.md

Original

Overflow Stack

The overflow stack family (Web Front End Stack, Database Stack, .NET Stack etc.): http://overflowstack.github.io

Localization

中文: https://github.com/unruledboy/WebFrontEndStack/blob/master/README.zh-cn.md

Español: https://github.com/unruledboy/WebFrontEndStack/blob/master/README.es-es.md

WebFrontEndStack

Web front-end stack: browsers, platforms, libraries, frameworks, tools etc.

![Image of Web Front End Stack](Web Front End Stack.png)

Generate image yourself

Prepare for environment

You should have Visual Studio 2010+ installed in Windows.

  1. Install nodejs. (Shoule be >= iojs 1.8.0)

  2. Install Phantomjs.

  3. Install Python 2.7.

  4. npm install

If the error occurs, you can check the dependence of phantomjs-node, node-gyp.

Run commands

npm start for start a server to open the html directly.

npm run build for generate the image.

Options


  -h, --help                           Display help message.
  -p, --port number                    (Default: 3000) Set the port what express listening.
  -ues, --update_existed_stargazers    (Default: false) Update project's stargazers including existed.
  --phantomjs                          The task to generate the image.
  --readme                             The task to update readme.
  --updatestargazers                   The task to update the count of the stargazers.

What and why?

Have you ever wondered:

  • what technologies web front end really includes?
  • how many do I possess?

I could not find a really comprehensive diagram that shows the web front end technology stack, so I come up with my own version.

There might be issues here and there, like the category, the individual ones, but the beauty is you can modify it as you want.

You can have a graphical preview here (use mouse to move / zoom):

https://rawgit.com/unruledboy/WebFrontEndStack/master/ux/WebFrontEndStack.htm

The Web Front End Stack

Explore related projects

freeCodeCamp/freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

458,739 stars

donnemartin/system-design-primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

377,305 stars

react/react

The library for web and native user interfaces.

252,404 stars

vuejs/vue

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

212,629 stars