├── LICENSE ├── README-es_MX.md ├── README-pt_BR.md ├── README-zh.md ├── README-zh_TW.md ├── README.md ├── js in one pic.mindnode ├── QuickLook │ └── Preview.jpg ├── contents.xml ├── style.mindnodestyle │ ├── contents.xml │ └── metadata.plist └── viewState.plist ├── js in one pic.mm ├── js in one pic.opml ├── js in one pic.pdf ├── js in one pic.png └── vi ├── README.md ├── js in one pic.mm ├── js in one pic.opml ├── js in one pic.pdf └── js in one pic.png /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README-es_MX.md: -------------------------------------------------------------------------------- 1 | # Javascript en una imagen 2 | 3 | [ Idiomas: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] 4 | 5 | 6 | 7 | [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) 8 | [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) 9 | 10 | 11 | 12 | ## Versión en linea 13 | 14 | [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) 15 | 16 | ### TODO 17 | 18 | - [ ] Syntax highlight 19 | 20 | ## Color de notas 21 | 22 | ![no recomendado](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) 23 | ![importante](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) 24 | ![advertencia](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) 25 | 26 | ## Vista previa 27 | 28 | ![js in one pic](js%20in%20one%20pic.png) 29 | 30 | ## Acerca de este proyecto 31 | 32 | 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. 33 | 34 | 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)). 35 | 36 | 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: 37 | 38 | ## Proyectos relacionados 39 | 40 | * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) 41 | * Go in one pic (en proceso) 42 | 43 | ## TODO 44 | 45 | - [X] Function(basic) - inside function: arguments, return; 46 | - [X] Function - as value: callback; 47 | - [X] Function - methods: apply/call/bind; 48 | - [X] Array - methods: map/reduce; 49 | - [X] Object(OOP) - constructor, properties; 50 | - [X] Object(OOP) - inheritance; 51 | - [X] Scope; 52 | - [X] Function - closures; 53 | - [ ] Operators - bitwise; 54 | - [X] Flow control - try/catch; 55 | - [ ] ES6; 56 | 57 | ## Referencias 58 | 59 | 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=) 60 | 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 61 | 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 62 | 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) 63 | 64 | ## Licencia 65 | Ver el archivo [LICENSE](LICENSE) para conocer los derechos y limitantes de la licencia (MIT). 66 | -------------------------------------------------------------------------------- /README-pt_BR.md: -------------------------------------------------------------------------------- 1 | # Javascript em uma imagem 2 | 3 | [ Idiomas: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] 4 | 5 | 6 | 7 | [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) 8 | [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) 9 | 10 | 11 | 12 | ## Versão on-line 13 | 14 | [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) 15 | 16 | ### TODO 17 | 18 | - [ ] Syntax highlight 19 | 20 | ## Legenda de cores 21 | 22 | ![not recommended](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) 23 | ![important](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) 24 | ![warning](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) 25 | 26 | ## Preview 27 | 28 | ![js in one pic](js%20in%20one%20pic.png) 29 | 30 | ## Sobre este projeto 31 | 32 | 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. 33 | 34 | 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)). 35 | 36 | 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: 37 | 38 | ## Projetos relacionados 39 | 40 | * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) 41 | * Go in one pic (em preparação) 42 | 43 | ## TODO 44 | 45 | - [X] Function(basic) - inside function: arguments, return; 46 | - [X] Function - as value: callback; 47 | - [X] Function - methods: apply/call/bind; 48 | - [X] Array - methods: map/reduce; 49 | - [X] Object(OOP) - constructor, properties; 50 | - [X] Object(OOP) - inheritance; 51 | - [X] Scope; 52 | - [X] Function - closures; 53 | - [ ] Operators - bitwise; 54 | - [X] Flow control - try/catch; 55 | - [ ] ES6; 56 | 57 | ## Referências 58 | 59 | 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=) 60 | 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 61 | 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 62 | 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) 63 | 64 | ## Licença 65 | Veja o arquivo [LICENSE](LICENSE) sobre direitos e limitações de licenciamento (MIT). 66 | -------------------------------------------------------------------------------- /README-zh.md: -------------------------------------------------------------------------------- 1 | # Javascript in one pic 2 | 3 | [ 语言: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] 4 | 5 | 6 | 7 | [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) 8 | [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) 9 | 10 | 11 | 12 | ## 颜色标记 13 | 14 | ![not recommended](https://img.shields.io/badge/%237E1600-不推荐使用-7E1600.svg) 15 | ![important](https://img.shields.io/badge/%234E8D20-重要-4E8D20.svg) 16 | ![warning](https://img.shields.io/badge/%23DE2B00-注意-DE2B00.svg) 17 | 18 | ## 预览 19 | 20 | ![js in one pic](js%20in%20one%20pic.png) 21 | 22 | ## 关于本项目 23 | 24 | 随着学习与使用的编程语言越来越多，在不同语言之间切换时可能混淆一些语法的细节。开始本项目的初衷是作为教初学者朋友学习Javascript的课程大纲，以及作为笔记重新梳理相关的语法和基本概念，后来发现采用脑图（[Mind map](https://en.wikipedia.org/wiki/Mind_map)）的形式来总结一门语言的概况非常有效，这种树状图形看起来更像是将一本介绍Javascript编程书的目录部分从细节上进行扩充，不但可以从宏观上把握这门语言的概况，也可以非常快速地定位到某些实用的语法细节。本项目采用[Mindnode](https://mindnode.com/)制作，同时也导出了PDF、PNG、OPML以及可以用开源脑图软件[FreeMind](http://freemind.sourceforge.net)进行编辑的`*.mm`文件，项目全部完成后也将提供SVG格式（[issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)）。 25 | 26 | 本项目可能并不适合无编程经验的新手在无人指导的情况下独自学习，对于拥有其它编程经验的Javascript新手则可以作为学习提纲使用，而对于有经验的Javascript编程人员则更适合当做语法手册查阅，建议将PDF文件打印下来贴到电脑旁边:D。 27 | 28 | 除本项目外，Python3与Go语言版本也正在准备中，至于其它语言，欢迎有兴趣和能力的同学继续添加，如果你觉得本项目对你有所帮助，欢迎通过bitcoin或其它方式[慷慨赞助](https://github.com/rainyear/lolita/wiki/Donation)，非常感谢！ 29 | 30 | ## 相关项目 31 | 32 | * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) 33 | * Go in one pic (准备中) 34 | 35 | ## TODO 36 | 37 | - [X] Function(basic) - inside function: arguments, return; 38 | - [X] Function - as value: callback; 39 | - [X] Function - methods: apply/call/bind; 40 | - [X] Array - methods: map/reduce; 41 | - [X] Object(OOP) - constructor, properties; 42 | - [X] Object(OOP) - inheritance; 43 | - [X] Scope; 44 | - [X] Function - closures; 45 | - [ ] Operators - bitwise; 46 | - [X] Flow control - try/catch; 47 | - [ ] ES6; 48 | 49 | ## 参考 50 | 51 | 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=) 52 | 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 53 | 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 54 | 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) 55 | 56 | 57 | ## License 58 | See the [LICENSE](LICENSE) file for license rights and limitations (MIT). 59 | -------------------------------------------------------------------------------- /README-zh_TW.md: -------------------------------------------------------------------------------- 1 | # Javascript in one pic - online 2 | 3 | [ 語言: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] 4 | 5 | 6 | 7 | [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) 8 | [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) 9 | 10 | 11 | 12 | ## 線上版本 13 | 14 | [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) 15 | 16 | ### 待辦事項 17 | 18 | - [ ] Syntax highlight 19 | 20 | ## 顏色註明 21 | 22 | ![not recommended](https://img.shields.io/badge/%237E1600-不推薦-7E1600.svg) 23 | ![important](https://img.shields.io/badge/%234E8D20-重要-4E8D20.svg) 24 | ![warning](https://img.shields.io/badge/%23DE2B00-注意-DE2B00.svg) 25 | 26 | ## 預覽 27 | 28 | ![js in one pic](js%20in%20one%20pic.png) 29 | 30 | ## 關於本專案 31 | 32 | 隨著學習與使用的程式設計語言越來越多，在不同語言之間切換時可能混淆一些語法的細節。開始本專案的初衷是作為教初學者朋友學習 Javascript 的課程大綱，以及作為筆記重新梳理相關的語法和基本概念，後來發現採用心智圖（[Mind map](https://en.wikipedia.org/wiki/Mind_map)）的形式來總結一門語言的概況非常有效，這種樹狀圖形看起來更像是將一本介紹 Javascript 程式設計書的目錄部分從細節上進行擴充，不但可以從宏觀上把握這門語言的概況，也可以非常快速地定位到某些實用的語法細節。本專案採用 [Mindnode](https://mindnode.com/) 製作，同時也匯出了 PDF、PNG、OPML 以及可以用開源心智圖軟體[FreeMind](http://freemind.sourceforge.net)進行編輯的`*.mm`檔，專案全部完成後也將提供 SVG 格式（[issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)）。 33 | 34 | 本專案可能並不適合無程式設計經驗的新手在無人指導的情況下獨自學習，對於擁有其它程式設計經驗的 Javascript 新手則可以作為學習提綱使用，而對於有經驗的 Javascript 程式設計人員則更適合當做語法手冊查閱，建議將 PDF 檔列印下來貼到電腦旁邊:D。 35 | 36 | 除了 javascript 的版本以外，Python3 與 Go 語言版本也正在準備中，至於其它語言，歡迎有興趣和能力的同學繼續補充，如果你覺得本專案對你有所幫助，歡迎透過 bitcoin 或其它方式[慷慨贊助](https://github.com/rainyear/lolita/wiki/Donation)，非常感謝！ 37 | 38 | ## 相關專案 39 | 40 | * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) 41 | * Go in one pic (準備中) 42 | 43 | ## TODO 44 | 45 | - [X] Function(basic) - inside function: arguments, return; 46 | - [X] Function - as value: callback; 47 | - [X] Function - methods: apply/call/bind; 48 | - [X] Array - methods: map/reduce; 49 | - [X] Object(OOP) - constructor, properties; 50 | - [X] Object(OOP) - inheritance; 51 | - [X] Scope; 52 | - [X] Function - closures; 53 | - [ ] Operators - bitwise; 54 | - [X] Flow control - try/catch; 55 | - [ ] ES6; 56 | 57 | ## 參考資料 58 | 59 | 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=) 60 | 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 61 | 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 62 | 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) 63 | 64 | ## 相依性 65 | 66 | [Javascript version of mind mapping](https://github.com/hizzgdev/jsmind) 67 | 68 | ## License 69 | 70 | See the [LICENSE](LICENSE) file for license rights and limitations (MIT). 71 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Javascript in one pic 2 | 3 | [ Languages: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md), [Tiếng Việt](vi/README.md)] 4 | 5 | 6 | 7 | [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) 8 | [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) 9 | 10 | 11 | 12 | ## Online version 13 | 14 | [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) 15 | 16 | ### TODO 17 | 18 | - [ ] Syntax highlight 19 | 20 | ## Color notes 21 | 22 | ![not recommended](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) 23 | ![important](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) 24 | ![warning](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) 25 | 26 | ## Preview 27 | 28 | ![js in one pic](js%20in%20one%20pic.png) 29 | 30 | ## About this project 31 | 32 | The original intent of this project was to note down the syntax and basic conceptes of Javascript for personal use, also used as a syllabus for teaching at the same time. The effectiveness of using a [Mind map](https://en.wikipedia.org/wiki/Mind_map) diagram to summarize a programming language is totally unexpected, it looks like a catalogue of handbook talking about Javascript and filled with syntax details. With a single picture/file, Javascript programmers can not only have a overview of the whole picture of this language, but also could locate to practical syntax examples ASAP. 33 | 34 | The original mindmap diagram is drawn with [Mindnode](https://mindnode.com/) and exported to PDF/PNG/OPML files along with a `*.mm` file which can be edited with [FreeMind](http://freemind.sourceforge.net), another SVG file will be released after the whole project is finished([issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)). 35 | 36 | In addition to Javascript, Python3 & Golang versions are on the way! If you find this project helpful, please consider making a donation with [bitcoin](https://www.coinbase.com/rainyear) or [other way](https://github.com/rainyear/lolita/wiki/Donation) :beers: 37 | 38 | ## Related projects 39 | 40 | * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) 41 | * Go in one pic (in preparation) 42 | 43 | ## TODO 44 | 45 | - [X] Function(basic) - inside function: arguments, return; 46 | - [X] Function - as value: callback; 47 | - [X] Function - methods: apply/call/bind; 48 | - [X] Array - methods: map/reduce; 49 | - [X] Object(OOP) - constructor, properties; 50 | - [X] Object(OOP) - inheritance; 51 | - [X] Scope; 52 | - [X] Function - closures; 53 | - [ ] Operators - bitwise; 54 | - [X] Flow control - try/catch; 55 | - [ ] ES6; 56 | 57 | ## References 58 | 59 | 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=) 60 | 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 61 | 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 62 | 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) 63 | 64 | ## License 65 | See the [LICENSE](LICENSE) file for license rights and limitations (MIT). 66 | -------------------------------------------------------------------------------- /js in one pic.mindnode/QuickLook/Preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/js in one pic.mindnode/QuickLook/Preview.jpg -------------------------------------------------------------------------------- /js in one pic.mindnode/style.mindnodestyle/contents.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/js in one pic.mindnode/style.mindnodestyle/contents.xml -------------------------------------------------------------------------------- /js in one pic.mindnode/style.mindnodestyle/metadata.plist: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/js in one pic.mindnode/style.mindnodestyle/metadata.plist -------------------------------------------------------------------------------- /js in one pic.mindnode/viewState.plist: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/js in one pic.mindnode/viewState.plist -------------------------------------------------------------------------------- /js in one pic.mm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | 381 | 382 | 383 | 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | 415 | 416 | 417 | 418 | 419 | 420 | 421 | 422 | 423 | 424 | 425 | 426 | 427 | 428 | 429 | 430 | 431 | 432 | 433 | 434 | 435 | 436 | 437 | 438 | 439 | 440 | 441 | 442 | 443 | 444 | 445 | 446 | 447 | 448 | 449 | 450 | 451 | 452 | 453 | 454 | 455 | 456 | 457 | 458 | 459 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 487 | 488 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 517 | 518 | 519 | 520 | 521 | 522 | 523 | 524 | 525 | 526 | 527 | 528 | 529 | 530 | 531 | 532 | 533 | 534 | 535 | 536 | 537 | 538 | 539 | 540 | 541 | 542 | 543 | 544 | 545 | 546 | 547 | 548 | 549 | 550 | 551 | 552 | 553 | 554 | 555 | 556 | 557 | 558 | 559 | 560 | 561 | 562 | 580 | 581 | 582 | 583 | 584 | 585 | 586 | 587 | 612 | 613 | 614 | 615 | 616 | 617 | 618 | 619 | 620 | 651 | 652 | 653 | 654 | 655 | 656 | 657 | 658 | 674 | 675 | 676 | 677 | 678 | 679 | 680 | 681 | 682 | 683 | 684 | 685 | 686 | 687 | 688 | 689 | 690 | 691 | 692 | 693 | 694 | 695 | 696 | 697 | 698 | 699 | 700 | 701 | 702 | 703 | 704 | 705 | 706 | 707 | 708 | 709 | 710 | 711 | 712 | 713 | 714 | 715 | 716 | 717 | 718 | 719 | 720 | 721 | 722 | 723 | 724 | 725 | 726 | 727 | 728 | 729 | 730 | 731 | 732 | 733 | 734 | 735 | 736 | 737 | 738 | 739 | 740 | 741 | 742 | 743 | 744 | 745 | 746 | 747 | 748 | 749 | 750 | 751 | 752 | 753 | 754 | 755 | 756 | 757 | 758 | 759 | 760 | 761 | 762 | 763 | 764 | 765 | 766 | 767 | 768 | 769 | 770 | 771 | 772 | 773 | 774 | 775 | 776 | 777 | 778 | 779 | 780 | 781 | 782 | 783 | 784 | 785 | 786 | 787 | 788 | 789 | 790 | 791 | 792 | 793 | 794 | 795 | 796 | 797 | 798 | 799 | 800 | 801 | 802 | 803 | 804 | 805 | 806 | 807 | 808 | 809 | 810 | 811 | 812 | 813 | 814 | 815 | 816 | 817 | 818 | 819 | 820 | 821 | 822 | 823 | 824 | 825 | 826 | 827 | 828 | 829 | 830 | 831 | 832 | 833 | 834 | 835 | 836 | 837 | 838 | 839 | 840 | 841 | 842 | 843 | 844 | 845 | 846 | 847 | 848 | 849 | 850 | 851 | 852 | 853 | 854 | 855 | 856 | 857 | 858 | 859 | 860 | 861 | 862 | 863 | 864 | 865 | 866 | 867 | 868 | 869 | 870 | 871 | 872 | 873 | 874 | 875 | 876 | 877 | 878 | 879 | 880 | 881 | 882 | 883 | 884 | 885 | 886 | 887 | 888 | 889 | 890 | 891 | 892 | 893 | 894 | 895 | 896 | 897 | 898 | 899 | 900 | 901 | 902 | 903 | 904 | 905 | 906 | 907 | 908 | 909 | 910 | 911 | 912 | 913 | 914 | 915 | 916 | 917 | 918 | 919 | 920 | 921 | 922 | 923 | 924 | 925 | 926 | 927 | 928 | 929 | 930 | 931 | 932 | 933 | 934 | 935 | 936 | 937 | 938 | 939 | 940 | 941 | 942 | 943 | 944 | 945 | 946 | 947 | 948 | 949 | 950 | 951 | 952 | 953 | 954 | 955 | 956 | 957 | 958 | 959 | 960 | 961 | 962 | 963 | 964 | 965 | 966 | 967 | 968 | 969 | 970 | 971 | 972 | 973 | 974 | 975 | 976 | 977 | 978 | 979 | 980 | 981 | 982 | 983 | 984 | 985 | 986 | 987 | 988 | 989 | 990 | 991 | 992 | 993 | 994 | 995 | 996 | 997 | 998 | 999 | 1000 | 1001 | -------------------------------------------------------------------------------- /js in one pic.opml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | javascript in one pic 5 | rainy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 225 | 226 | 227 | 252 | 253 | 254 | 255 | 286 | 287 | 288 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | 381 | 382 | 383 | 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | 415 | 416 | 417 | 418 | 419 | 420 | -------------------------------------------------------------------------------- /js in one pic.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/js in one pic.pdf -------------------------------------------------------------------------------- /js in one pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/js in one pic.png -------------------------------------------------------------------------------- /vi/README.md: -------------------------------------------------------------------------------- 1 | # Javascript trong một bức hình 2 | 3 | [ Ngôn ngữ: [English](../README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md), [Tiếng Việt](README.md)] 4 | 5 | 6 | 7 | [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) 8 | [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) 9 | 10 | 11 | 12 | ## Online version 13 | 14 | [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) 15 | 16 | ### TODO 17 | 18 | - [ ] Syntax highlight 19 | 20 | ## Color notes 21 | 22 | ![not recommended](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) 23 | ![important](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) 24 | ![warning](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) 25 | 26 | ## Preview 27 | 28 | ![js in one pic](js%20in%20one%20pic.png) 29 | 30 | ## Giới thiệu về project này 31 | 32 | Mục đích ban đầu của project này là để ghi chú lại các cú pháp và lý thuyết cơ bản của Javascript để dùng riêng, cũng có thể dùng để đào tạo. Việc sử dụng [Mind map](https://en.wikipedia.org/wiki/Mind_map) để tổng hợp lại một ngôn ngữ lập trình có hiệu quả hoàn toàn bất ngờ, nó giống như một danh sách đề mục của sổ tay nói về Javascript với những giải thích cú pháp chi tiết. Chỉ trong một file thôi, các lập trình viên Javascript không chỉ có thể nhìn tổng quan về bức tranh toàn diện của ngôn ngữ này, mà cũng có thể tìm được ví dụ sử dụng cú pháp một cách nhanh chóng. 33 | 34 | Sơ đồ mindmap gốc được vẽ sử dụng [Mindnode](https://mindnode.com/) và được xuất ra các file định dạng là PDF/PNG/OPML cũng với với `*.mm` mà có thể chỉnh sửa được với [FreeMind](http://freemind.sourceforge.net), một file SVG cũng được tạo ra sau khi toàn bộ project kết thúc ([issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)). 35 | 36 | Bổ sung cho phần Javascript, Python3 và Golang cũng đang được xây dựng! Nếu bạn cảm thấy project này hữu ích, thì có thể thực hiện hỗ trợ qua [bitcoin](https://www.coinbase.com/rainyear) hoặc [cách khác](https://github.com/rainyear/lolita/wiki/Donation) :beers: 37 | 38 | ## Project khác liên quan 39 | 40 | * [Python3 trong một bức hình](https://github.com/coodict/python3-in-one-pic) 41 | * Go trong một bức hình (đang chuẩn bị) 42 | 43 | ## TODO 44 | 45 | - [X] Function(basic) - inside function: arguments, return; 46 | - [X] Function - as value: callback; 47 | - [X] Function - methods: apply/call/bind; 48 | - [X] Array - methods: map/reduce; 49 | - [X] Object(OOP) - constructor, properties; 50 | - [X] Object(OOP) - inheritance; 51 | - [X] Scope; 52 | - [X] Function - closures; 53 | - [ ] Operators - bitwise; 54 | - [X] Flow control - try/catch; 55 | - [ ] ES6; 56 | 57 | ## Tham khảo 58 | 59 | 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=) 60 | 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 61 | 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 62 | 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) 63 | 64 | ## Bản quyền 65 | Xem file [LICENSE](LICENSE) để tham khảo các vấn đề vèe bản quyền và giới hạn sử dụng (MIT). 66 | -------------------------------------------------------------------------------- /vi/js in one pic.mm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 228 | 229 | 259 | 260 | 284 | 285 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | -------------------------------------------------------------------------------- /vi/js in one pic.opml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | js in one pic 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 234 | 235 | 265 | 266 | 290 | 291 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | -------------------------------------------------------------------------------- /vi/js in one pic.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/vi/js in one pic.pdf -------------------------------------------------------------------------------- /vi/js in one pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/petehouston/javascript-in-one-pic/951ee061a55c98204877b7f0eed6c97e143ad7ec/vi/js in one pic.png --------------------------------------------------------------------------------