# poetries/javascript-tutorial architecture

> Architecture diagram of the GitHub repository poetries/javascript-tutorial, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-29). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/poetries/javascript-tutorial
- Repository: https://github.com/poetries/javascript-tutorial

## Overview

This repository is a Chinese-language curated directory of JavaScript learning resources, not a software runtime. The README groups links by topic; it does not document a user-facing processing workflow or internal calls, so the graph shows only the catalog’s documented subject areas and resource destinations. The tree contains only README.md, so subsystem paths are limited to that file.

Main entry points: [`README.md`](https://github.com/poetries/javascript-tutorial/blob/master/README.md) (Build tools)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_languages["Languages"]
  node_javascript["JavaScript<br/>[README.md]"]
  node_es2015["ES2015<br/>[README.md]"]
  node_typescript["TypeScript<br/>[README.md]"]
end

subgraph group_runtime["Runtime"]
  node_nodejs["Node.js<br/>[README.md]"]
end

subgraph group_tools["Frameworks &amp; Tools"]
  node_buildtools["Build tools<br/>[README.md]"]
  node_babel["Babel<br/>[README.md]"]
  node_bower["Bower<br/>[README.md]"]
  node_gulp["Gulp<br/>[README.md]"]
  node_webpack["Webpack<br/>[README.md]"]
  node_vue["Vue<br/>[README.md]"]
  node_react["React<br/>[README.md]"]
  node_angular["AngularJS<br/>[README.md]"]
  node_weex["Weex<br/>[README.md]"]
end

subgraph group_ecosystem["Ecosystem"]
  node_modularity["Modules<br/>[README.md]"]
  node_videos["Video courses<br/>[README.md]"]
  node_general["General learning<br/>[README.md]"]
end

node_reader(("Learner"))
node_catalog["Learning catalog<br/>[README.md]"]

node_reader -->|"browses"| node_catalog
node_catalog -->|"lists resources"| node_javascript
node_catalog -->|"lists resources"| node_es2015
node_catalog -->|"lists resources"| node_typescript
node_catalog -->|"lists resources"| node_nodejs
node_catalog -->|"lists resources"| node_buildtools
node_buildtools -->|"includes"| node_babel
node_buildtools -->|"includes"| node_bower
node_buildtools -->|"includes"| node_gulp
node_buildtools -->|"includes"| node_webpack
node_buildtools -->|"includes"| node_vue
node_buildtools -->|"includes"| node_react
node_buildtools -->|"includes"| node_angular
node_buildtools -->|"includes"| node_weex
node_catalog -->|"lists resources"| node_modularity
node_catalog -->|"lists resources"| node_videos
node_catalog -->|"lists resources"| node_general

click node_catalog "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_javascript "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_es2015 "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_typescript "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_nodejs "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_buildtools "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_babel "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_bower "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_gulp "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_webpack "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_vue "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_react "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_angular "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_weex "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_modularity "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_videos "https://github.com/poetries/javascript-tutorial/blob/master/README.md"
click node_general "https://github.com/poetries/javascript-tutorial/blob/master/README.md"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_javascript,node_es2015,node_typescript toneBlue
class node_nodejs toneAmber
class node_buildtools,node_babel,node_bower,node_gulp,node_webpack,node_vue,node_react,node_angular,node_weex toneMint
class node_modularity,node_videos,node_general toneRose
class node_reader toneIndigo
class node_catalog toneTeal
```

## Components

### Languages

- [JavaScript](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [ES2015](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [TypeScript](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`

### Runtime

- [Node.js](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`

### Frameworks & Tools

- [Build tools](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Babel](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Bower](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Gulp](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Webpack](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Vue](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [React](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [AngularJS](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Weex](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`

### Ecosystem

- [Modules](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [Video courses](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`
- [General learning](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`

### Other components

- **Learner**
- [Learning catalog](https://github.com/poetries/javascript-tutorial/blob/master/README.md): `README.md`

## Connections

- Learner → Learning catalog: browses
- Learning catalog → JavaScript: lists resources
- Learning catalog → ES2015: lists resources
- Learning catalog → TypeScript: lists resources
- Learning catalog → Node.js: lists resources
- Learning catalog → Build tools: lists resources
- Build tools → Babel: includes
- Build tools → Bower: includes
- Build tools → Gulp: includes
- Build tools → Webpack: includes
- Build tools → Vue: includes
- Build tools → React: includes
- Build tools → AngularJS: includes
- Build tools → Weex: includes
- Learning catalog → Modules: lists resources
- Learning catalog → Video courses: lists resources
- Learning catalog → General learning: lists resources