back to home

rainyear / javascript-in-one-pic

Learn javascript in one picture.

6,664 stars
757 forks
17 issues
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing rainyear/javascript-in-one-pic in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/rainyear/javascript-in-one-pic)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview

Javascript in one pic

[ Languages: English, 中文, 正體中文, Português, Español ]

<!-- BADGES/ -->

Gitter chat button BitCoin donate button

<!-- /BADGES -->

Online version

Online Mindmap

TODO

  • Syntax highlight

Color notes

not recommended important warning

Preview

js in one pic

About this project

The original intent of this project was to note down the syntax and basic concepts of Javascript for personal use, also used as a syllabus for teaching at the same time. The effectiveness of using a 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.

The original mindmap diagram is drawn with Mindnode and exported to PDF/PNG/OPML files along with a *.mm file which can be edited with FreeMind, another SVG file will be released after the whole project is finished(issues #9).

In addition to Javascript, Python3 & Golang versions are on the way! If you find this project helpful, please consider making a donation with bitcoin or other way :beers:

Related projects

TODO

  • Function(basic) - inside function: arguments, return;
  • Function - as value: callback;
  • Function - methods: apply/call/bind;
  • Array - methods: map/reduce;
  • Object(OOP) - constructor, properties;
  • Object(OOP) - inheritance;
  • Scope;
  • Function - closures;
  • Operators - bitwise;
  • Flow control - try/catch;
  • ES6;

References

  1. Professional JavaScript for Web Developers
  2. JavaScript Garden
  3. JavaScript | MDN
  4. 图解Javascript上下文与作用域

License

See the LICENSE file for license rights and limitations (MIT).