unruledboy/WebFrontEndStack unruledboy/WebFrontEndStack

  • Stars
    star
    2,320
  • Rank 19,840 (Top 0.4 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created over 9 years ago
  • Updated over 6 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
unruledboy/WebFrontEndStack
github

unruledboy

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

DotNetStack

.NET technology stack, including frameworks, platforms, IDE, SDKs, desktop, web, SOA, data, productivity, components, tools etc
JavaScript
415
star
2

DatabaseStack

database technology stack, including MS SQL Server, Azure etc.
JavaScript
325
star
3

SQLMonitor

SQL Server monitor, manages sql server performance, monitor sql server processes and jobs, analyze performance, analyse system, object version control, view executing sql query, kill process / job, object explorer, database shrink/log truncate/backup/detach/attach.
C#
288
star
4

DevelopmentStack

System development basics, analysis, project/planning, documentation, wireframe/mockup, design/modeling, implementation, quality, management, build, testing, deployment, maintenance, troubleshooting, learning
JavaScript
247
star
5

WuManber

WuManber text search/matching implementation using c#
C#
153
star
6

SharpDups

find duplicate file with C# parallel MapReduce compute using quick hashing, quick search
C#
59
star
7

loadrunner

distributed load testing
C#
16
star
8

SharpWordFinder

Find words from a set of letters
C#
4
star
9

SharpPackage

smallest zip file like package library
C#
3
star
10

GenericData

schema based generic C/S data management without the need to write code
C#
2
star
11

CodingTests

C#
1
star
12

trs

C#
1
star