# Javascript em uma imagem

[ Idiomas: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ]

<!-- BADGES/ -->

[![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)

<!-- /BADGES -->

## Versão on-line

[Online Mindmap](http://coodict.github.io/javascript-in-one-pic/)

### TODO

- [ ] Syntax highlight

## Legenda de cores

![not recommended](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg)
![important](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg)
![warning](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg)

## Preview

![js in one pic](js%20in%20one%20pic.png)

## Sobre este projeto

A intenção original do projeto foi de anotar a sintaxe e conceitos básicos do Javascript para uso pessoal, também usado como um plano de estudos para o ensino ao mesmo tempo. A eficácia do uso de um diagrama [Mind map](https://en.wikipedia.org/wiki/Mind_map) para resumir uma linguagem de programação é totalmente inesperada. Ele se parece com um catálogo de manual falando de Javascript e cheio de detalhes da sintaxe. Com uma única imagem/arquivo, os programadores Javascript podem ter não apenas uma visão geral de toda a linguagem, mas também podem localizar exemplos práticos da sintaxe mais rapidamente.

O diagrama mindmap original é desenhado com [Mindnode](https://mindnode.com/) e exportado para arquivos PDF/PNG/OPML juntamente com um arquivo `*.mm` que pode ser editado com [FreeMind](http://freemind.sourceforge.net). Outro arquivo SVG será lançado depois que o projeto estiver finalizado. ([issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)).

Adicionalmente ao Javascript, versões Python3 e Golang estão a caminho! Se você achou este projeto útil, por favor, considere fazer uma doação em [bitcoins](https://www.coinbase.com/rainyear) ou [outro meio](https://github.com/rainyear/lolita/wiki/Donation) :beers:

## Projetos relacionados

* [Python3 in one pic](https://github.com/coodict/python3-in-one-pic)
* Go in one pic (em preparação)

## 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;

## Referências

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/)

## Licença
Veja o arquivo [LICENSE](LICENSE) sobre direitos e limitações de licenciamento (MIT).