Demos¶
Alongside this book, a companion repository -
mern-web-book-demos - holds small,
runnable, self-contained demos for the same topics: one folder per topic, each with its
own README.md explaining what it does and how to run it, plus a matching "how to run"
section for anyone who just wants to open the code and try it.
Every demo needs nothing but a browser to run (open its index.html directly) unless its
own README says otherwise. Nothing is shared between demos - each one is a standalone,
copy-and-run example.
Modules¶
| Module | Topics | Link |
|---|---|---|
| HTML | 10 | 01-html |
| CSS | 10 | 02-css |
| Bootstrap | 6 | 03-bootstrap |
| Tailwind CSS | 8 | 04-tailwind-css |
| JavaScript Basics | 10 | 05-javascript-basics |
| Advanced JavaScript | 11 | 06-advanced-javascript |
| jQuery | 6 | 07-jquery |
More modules (Node/Express, MongoDB/Mongoose, React) will be added there as this book's later chapters are covered.
Mini Projects¶
Small, complete builds that combine several modules' worth of skills at once, instead of one topic in isolation.
- Modern Resume -
the same resume content built three times: plain HTML with no CSS, basic CSS only, and
a modern version using Flexbox,
float, positioning, and animation - so you can compare exactly what each layer of CSS adds.
See the mern-web-book-demos README for the full, up-to-date roadmap.