Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rainyear/javascript-in-one-pic
Learn javascript in one picture.
https://github.com/rainyear/javascript-in-one-pic
Last synced: 23 days ago
JSON representation
Learn javascript in one picture.
- Host: GitHub
- URL: https://github.com/rainyear/javascript-in-one-pic
- Owner: rainyear
- License: mit
- Created: 2015-06-24T15:09:02.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2022-10-14T12:01:48.000Z (about 2 years ago)
- Last Synced: 2024-11-19T11:08:50.791Z (about 1 month ago)
- Homepage: https://git.io/Js-pic
- Size: 21.6 MB
- Stars: 6,690
- Watchers: 364
- Forks: 759
- Open Issues: 17
-
Metadata Files:
- Readme: README-es_MX.md
- License: LICENSE
Awesome Lists containing this project
README
# Javascript en una imagen
[ Idiomas: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ]
[![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic)
[![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear)## Versión en linea
[Online Mindmap](http://coodict.github.io/javascript-in-one-pic/)
### TODO
- [ ] Syntax highlight
## Color de notas
![no recomendado](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg)
![importante](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg)
![advertencia](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg)## Vista previa
![js in one pic](js%20in%20one%20pic.png)
## Acerca de este proyecto
La intención original de este proyecto era anotar la sintaxis y conceptos básicos de Javascript para uso personal,también utilizarlo como material para enseñar al mismo tiempo. La eficacia de usar un diagrama [Mind map](https://en.wikipedia.org/wiki/Mind_map) para resumir un lenguaje de programación es totalmente inesperado, es como un manual que habla de Javascript, lleno de detalles de la sintaxis. Con una sola imagen / archivo, los programadores que utilizan Javascript no sólo pueden tener una visión general de todo el lenguaje,sino también podrían encontrar ejemplos prácticos relacionades con la sintaxis de una forma rápida.
El diagrama original es dibujado con [Mindnode](https://mindnode.com/) y se exporta a archivos PDF / PNG / OPML junto con un archivo * .mm que se puede editar con FreeMind, otro archivo SVG se publicará después de que todo el proyecto esté terminado [issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)).
Además de Javascript, las versiones de Python3 y Golang están en camino. Si encuentras este proyecto útil, considera hacer una donación con [bitcoins](https://www.coinbase.com/rainyear) u [otra medio](https://github.com/rainyear/lolita/wiki/Donation) :beers:
## Proyectos relacionados
* [Python3 in one pic](https://github.com/coodict/python3-in-one-pic)
* Go in one pic (en proceso)## TODO
- [X] Function(basic) - inside function: arguments, return;
- [X] Function - as value: callback;
- [X] Function - methods: apply/call/bind;
- [X] Array - methods: map/reduce;
- [X] Object(OOP) - constructor, properties;
- [X] Object(OOP) - inheritance;
- [X] Scope;
- [X] Function - closures;
- [ ] Operators - bitwise;
- [X] Flow control - try/catch;
- [ ] ES6;## Referencias
1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=)
2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/)
3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/)## Licencia
Ver el archivo [LICENSE](LICENSE) para conocer los derechos y limitantes de la licencia (MIT).