An interactive, browser-based deep learning tutorial that helps learners understand concepts through visual demos, hands-on interactions, quizzes, and gamified progress.
This project is a static web app focused on learning deep learning from fundamentals to production LLM systems.
It includes:
- Interactive chapter content and demos
- Draw-and-predict digit playground
- Visual neural network animations
- Quiz system with progress tracking
- XP and achievements
- A guided roadmap across 15 modules
- HTML5
- CSS3
- Vanilla JavaScript (no frontend framework)
- Canvas API for interactive visualizations
.
├── deep-learning-tutorial/
│ ├── index.html
│ ├── css/
│ │ └── styles.css
│ └── js/
│ ├── app.js
│ ├── quiz.js
│ ├── chapter1.js ... chapter15.js
└── README.md
- Foundation
- Math Behind the Magic
- Building From Scratch
- Training & Monitoring
- Evaluation & Metrics
- Computer Vision
- NLP
- Advanced
- Transformers
- LLMs & Scaling
- Generative AI & Multimodal
- Frontier & Emerging
- Attention & Memory
- Reasoning & Training
- Production LLM Systems
This is a static project, so you can run it directly in a browser.
Option 1:
- Open
deep-learning-tutorial/index.htmlin your browser.
Option 2 (recommended for development):
- From project root, run a local server:
cd deep-learning-tutorial python3 -m http.server 8000 - Open
http://localhost:8000in your browser.
- Beginner-friendly explanations with visual intuition
- Interactive widgets for core deep learning concepts
- Chapter-wise quizzes and progress indicators
- Clean responsive UI for desktop and mobile
- Hero roadmap for quick navigation across modules
Contributions are welcome. You can:
- Improve explanations and visual clarity
- Add new interactive demos
- Improve prediction logic and learning activities
- Report UI/UX issues and bugs
Add your preferred license here (for example: MIT).
Created by Abhisek Bose