Clear positioning
Visitors immediately see what the collection contains, what level it serves, and how to move through it in order.
Professional portfolio • GitHub Pages ready
A polished home for your JavaScript notebook collection.
This site turns a PDF-only repository into a clean learning hub. Visitors can quickly understand what each notebook covers, who it is for, and where to start.
- Structured across fundamentals, browser APIs, and modern JavaScript
- Direct PDF access, search, filters, and learning outcomes
- Zero-build static site designed for GitHub Pages
Curriculum overview
One repository, four learning tracks
The collection is organized so beginners can start with fundamentals, then move into browser-side APIs and finally modern JavaScript patterns used in real projects.
Foundations 1 notebook • 29 pages • JavaScript Basics. Browser APIs 3 notebooks • 47 pages • Web Storage API, DOM, BOM. Modern JavaScript 2 notebooks • 52 pages • Best Practices, Error Handling, Canvas, ES6+ essentials. Projects track showcases companion labs and security utilities so you can keep building.
Notebook library
Searchable, filterable, and ready to study
Showing all notebooks
Suggested study flow
A practical learning path for readers
If someone lands here for the first time, this sequence gives them the clearest route from beginner confidence to modern JavaScript fluency.
Why this repository now feels professional
More than a file dump
The repository now includes a discoverable landing page, clear documentation, and an automated quality gate so the collection is easier to trust, browse, and maintain.
Better discoverability
The catalog exposes summaries, sections, outcomes, and direct PDF links without making users open every file blindly.
Automated quality checks
A GitHub Actions workflow validates the site, documentation, and file references so future changes stay reliable.
Frequently asked questions
Quick answers for learners and reviewers
Who is this repository for?
It is best suited for beginners and early-intermediate learners who want a structured JavaScript path with examples and browser-focused practice.
Are these notebooks enough on their own?
They are strong study material for concepts and examples. For mastery, readers should pair them with hands-on mini projects and browser experimentation.
How do I preview the website locally?
Serve the repository with any static server, such as Python's built-in HTTP server, so the catalog can load the structured notebook data correctly.
How is the site published on GitHub Pages?
The repository is prepared for branch-based GitHub Pages hosting. Enable Pages from the repository settings and choose the main branch root as the publishing source.
Attached projects
Complementary tools and labs
These companion repositories extend the notebook study path with practical utilities, security experiments, and authentication research authored by the same contributor.
WiFi QR Generator
Create QR codes that instantly connect guests to WiFi networks without sharing passwords manually.
View projectBruteforceLab1
A hands-on lab environment for experimenting with brute-force techniques while learning defensive controls.
View projectMulti-FA-Auth
A multi-factor authentication experiment exploring passwordless prompts, TOTP, and email-based fallback flows.
View projectPassword Strength Checker
An interactive tool that scores passwords in real time and surfaces how to improve them with all the notebook best practices.
View projectXSS WebGuard
A defensive experiment focused on detecting and neutralizing reflected XSS payloads in web forms.
View project