/WebFrontEndStack

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

Primary LanguageJavaScriptApache License 2.0Apache-2.0

Localization

中文: http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html

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.

  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

Usage

node index task1 \[task2\] \[task3\] .. \[--option=value\] \[--option=value\] ...

Tasks

phantomjs
For generate the image.
readme
For rebuild the readme.
updatestargazers
For Update the count of the Stargazers.

Options

port

Default: 3000

update_existed_stargazers

Default: false

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 beautity 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