# sajidhamdard/learnjavascript architecture

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

- Interactive diagram: https://gitdiagram.com/sajidhamdard/learnjavascript
- Repository: https://github.com/sajidhamdard/learnjavascript

## Overview

This repository is a JavaScript learning library for students and working professionals. Its central workflow is to follow the syllabus, study topic-by-topic notes in English or Hindi, then practice with exercises and consult available solutions. Additional material supports coding conventions, Git/Linux command reference, interview preparation, and frontend/backend career planning. The README documents these learning resources; with no source excerpts, the graph shows only documented access and resource relationships, not internal runtime behavior.

Main entry points: [`Syllabus/Syllabus.md`](https://github.com/sajidhamdard/learnjavascript/blob/main/Syllabus/Syllabus.md) (Syllabus), [`notes/English`](https://github.com/sajidhamdard/learnjavascript/tree/main/notes/English) (English notes), [`notes/Hindi`](https://github.com/sajidhamdard/learnjavascript/tree/main/notes/Hindi) (Hindi notes), [`Exercises-And-Solutions/exercises`](https://github.com/sajidhamdard/learnjavascript/tree/main/Exercises-And-Solutions/exercises) (Exercises)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_curriculum["JavaScript curriculum"]
  node_syllabus["Syllabus<br/>[Syllabus.md]"]
  node_english["English notes"]
  node_hindi["Hindi notes"]
end

subgraph group_practice["Practice resources"]
  node_exercises["Exercises"]
  node_solutions["Solutions"]
end

subgraph group_references["Career and references"]
  node_guidelines["Coding guidelines"]
  node_gitlinux["Git and Linux notes"]
  node_interviews["Interview Q&amp;A"]
  node_roadmaps["Development roadmaps"]
end

node_learner(("Learner"))

node_learner -->|"follows"| node_syllabus
node_learner -->|"studies"| node_english
node_learner -->|"studies"| node_hindi
node_learner -->|"practices"| node_exercises
node_learner -->|"consults"| node_solutions
node_learner -->|"references"| node_guidelines
node_learner -->|"references"| node_gitlinux
node_learner -->|"prepares with"| node_interviews
node_learner -->|"plans with"| node_roadmaps

click node_syllabus "https://github.com/sajidhamdard/learnjavascript/blob/main/Syllabus/Syllabus.md"
click node_english "https://github.com/sajidhamdard/learnjavascript/tree/main/notes/English"
click node_hindi "https://github.com/sajidhamdard/learnjavascript/tree/main/notes/Hindi"
click node_exercises "https://github.com/sajidhamdard/learnjavascript/tree/main/Exercises-And-Solutions/exercises"
click node_solutions "https://github.com/sajidhamdard/learnjavascript/tree/main/Exercises-And-Solutions/solutions"
click node_guidelines "https://github.com/sajidhamdard/learnjavascript/blob/main/Coding%20Guidelines/Coding%20Guidlines.md"
click node_gitlinux "https://github.com/sajidhamdard/learnjavascript/tree/main/Git%20Notes"
click node_interviews "https://github.com/sajidhamdard/learnjavascript/tree/main/Interview-Questions-And-Answers"
click node_roadmaps "https://github.com/sajidhamdard/learnjavascript/tree/main/Roadmap"

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_syllabus,node_english,node_hindi toneBlue
class node_exercises,node_solutions toneAmber
class node_guidelines,node_gitlinux,node_interviews,node_roadmaps toneMint
class node_learner toneIndigo
```

## Components

### JavaScript curriculum

- [Syllabus](https://github.com/sajidhamdard/learnjavascript/blob/main/Syllabus/Syllabus.md): `Syllabus/Syllabus.md`
- [English notes](https://github.com/sajidhamdard/learnjavascript/tree/main/notes/English): `notes/English`
- [Hindi notes](https://github.com/sajidhamdard/learnjavascript/tree/main/notes/Hindi): `notes/Hindi`

### Practice resources

- [Exercises](https://github.com/sajidhamdard/learnjavascript/tree/main/Exercises-And-Solutions/exercises): `Exercises-And-Solutions/exercises`
- [Solutions](https://github.com/sajidhamdard/learnjavascript/tree/main/Exercises-And-Solutions/solutions): `Exercises-And-Solutions/solutions`

### Career and references

- [Coding guidelines](https://github.com/sajidhamdard/learnjavascript/blob/main/Coding%20Guidelines/Coding%20Guidlines.md): `Coding Guidelines/Coding Guidlines.md`
- [Git and Linux notes](https://github.com/sajidhamdard/learnjavascript/tree/main/Git%20Notes): `Git Notes`
- [Interview Q&A](https://github.com/sajidhamdard/learnjavascript/tree/main/Interview-Questions-And-Answers): `Interview-Questions-And-Answers`
- [Development roadmaps](https://github.com/sajidhamdard/learnjavascript/tree/main/Roadmap): `Roadmap`

### Other components

- **Learner**

## Connections

- Learner → Syllabus: follows
- Learner → English notes: studies
- Learner → Hindi notes: studies
- Learner → Exercises: practices
- Learner → Solutions: consults
- Learner → Coding guidelines: references
- Learner → Git and Linux notes: references
- Learner → Interview Q&A: prepares with
- Learner → Development roadmaps: plans with