Overflow Stack

November 15, 2016 · View on GitHub

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

Localization

English: https://github.com/unruledboy/WebFrontEndStack/

中文: 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: navegadores, plataformas, librerías, frameworks, herramientas etc.

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

Genera la imagen

Prepara el entorno

Tienes que tener instalado el Visual Studio 2010+ en Windows.

  1. Instalar nodejs.

  2. Instalar Phantomjs.

  3. Instalar Python 2.7.

  4. npm install

Si aparece algún error, comprueba las dependencias de phantomjs-node, node-gyp.

Ejecución de comandos

npm start para lanzar un servidor done ver el html.

npm run build para generar la imagen.

Opciones

Uso

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

Tareas

phantomjs
Genera la imagen
readme
Reconstruye los README.
updatestargazers
Actualiza los contadores de estrellas de los proyectos github.

Opciones

port

Default: 3000

update_existed_stargazers

Default: false

¿Por qué realizar esta tabla?

Alguna vez te has preguntado:

  • ¿Cuantas tecnologías se incluyen en el desarrollo Front end?
  • ¿Cuantas conozco?

No pude encontrar un diagrama muy completo que mostrase la pila de tecnologías involucradas en el desarrollo web front end, así realicé mi propia versión.

Puede que haya errores, en categorías, enlaces o en nombres de librerías, o puede que falte alguna que consideres importante, pero bonito es que puedes modificarlo y arreglarlo como quieras.

Puedes encontrar una vista previa del gráfico aquí (usa el ratón para moverte / hacer zoom):

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

The Web Front End Stack