The overflow stack family (Web Front End Stack, Database Stack, .NET Stack etc.): http://overflowstack.github.io
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
Web front-end stack: navegadores, plataformas, librerías, frameworks, herramientas etc.
![Image of Web Front End Stack](Web Front End Stack.png)
Tienes que tener instalado el Visual Studio 2010+ en Windows.
-
Instalar nodejs.
-
Instalar Phantomjs.
-
Instalar Python 2.7.
-
npm install
Si aparece algún error, comprueba las dependencias de phantomjs-node, node-gyp.
npm start
para lanzar un servidor done ver el html.
npm run build
para generar la imagen.
node index task1 \[task2\] \[task3\] .. \[--option=value\] \[--option=value\] ...
Genera la imagen
Reconstruye los README.
Actualiza los contadores de estrellas de los proyectos github.
Default: 3000
Default: false
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
- Web Front End
- Navegadores
- Protocolos
- The 3 Pillars
- HTML (HyperText Markup Language)
- CSS (Cascading Style Sheets)
- JavaScript
- Estándares
- W3C
- HTML
- CSS
- XHTML
- XML
- W3C
- Conceptons principales
- HTML
- JavaScript
- CSS
- Selector
- Priority
- Specificity
- Box Model
- Motores de renderizado
- Motores JavaScript
- Tiempo de ejecución
- Cookie
- Local Cache
- Session Storage
- Local Storage
- Componentes
- Extensiones
- Plugins
- Resources
- Images
- Icons
- Fonts
- Audios
- Videos
- Editores de texto
- Sublime Text
- WebStorm
- Atom [GitHub]
- Vim
- Emacs
- Brackets [GitHub]
- Light Table [GitHub]
- Visual Studio
- Visual Studio Code (Linux & Mac) [GitHub]
- Dreamweaver ;-)
- FrontPage / SharePoint Designer ;-)
- Build Tasks
- Minificación
- Compilación
- Concatenación
- Uglification
- Optimización de imágenes
- Tests unitarios
- Herramientas de tareas
- Depuración
- Herramientas base
- Calidad
- Gestores de paquetes
- Test
- Herramientas
- Composite
- Librerías y frameworks
- JavaScript base library
- Módulos
- JavaScript Framework
- UI framework
- WebSocket
- Visualización de datos
- WebGL
- CSS3 Animation
- Control de flujo
- Funcional
- Mobile UI
- Pre-procesadores CSS
- Future Standards
- Plantillas
- Modernisation
- Buenas prácticas
- Seguridad
- Lenguajes intermedios
- CoffeeScript [GitHub]
- TypeScript [GitHub]
- ClojureScript [GitHub]
- JSX (Facebook)
- Empaquetadores de Apps para móvil
- Desktop Application Development