Welcome to the JavaScript Learning Journey Repository — a clean, structured, and practical way to learn JavaScript step by step.
Each day contains:
- 📝 notes.md → theory
- 💻 practice folders → hands-on examples (HTML + JS)
- 🔍 mini demos → small, focused experiments
This structure helps you learn JavaScript through both explanation and practice.
| Day | Topic | Folder |
|---|---|---|
| Day-01 | Introduction to JavaScript, Script Integration, Strict Mode | Day-01-Introduction-To-JavaScript/ |
| Day-05 | Variable Behavior / Dynamic Typing | Day-05-Variable-Behavior/ |
| Day-02 | Coming Soon | Day-02-... |
| Day-03 | Coming Soon | Day-03-... |
| Day-04 | Coming Soon | Day-04-... |
Each day folder looks like this:
Day-XX-Topic-Name/
│
├── notes.md → Theory notes for the day
│
├── 01-example-folder/ → Practice demo (HTML + JS)
├── 02-example-folder/
├── 03-example-folder/
└── ...
This structure ensures:
- Notes are separate
- Each concept has its own demo folder
- You can open any HTML file directly in the browser
Follow this daily routine:
Read about the day’s topic:
- Concepts
- Syntax
- Examples
- Drawbacks
- Tips
Inside every folder:
01-inline-js/
index.html
02-embedded-js/
index.html
03-external-js/
index.html + script.js
...
Open the HTML files in your browser to see the live output.
Try:
- Changing variable values
- Turning strict mode on/off
- Adding more JavaScript
- Breaking the code intentionally
- Printing output to console
This builds strong understanding.
Every day, create at least one extra demo:
Example:
07-my-own-test/
index.html
This helps you learn faster.
☑️ Simple
☑️ Consistent
☑️ Beginner-friendly
☑️ Easy to navigate
☑️ Clear separation of theory vs practice
☑️ Scales as you learn more concepts
As you learn:
- Add notes
- Add more practice examples
- Add comments inside your code
- Document your observations
Your repo becomes your personal JavaScript textbook.