A website demonstrating how to do web development using only vanilla techniques: no tools, no frameworks, just the browser and vanilla web code. The site itself is also built in this way.
Run the public/ folder as a static website:
- node:
npx http-server public -c-1 - php:
php -S localhost:8000 -t public - python:
python3 -m http.server 8000 --directory public
Or use the VS Code Live Preview extension to show public/index.html.
Issues or PR's welcome!
These are some other resources demonstrating #notools web development techniques.
- MDN Learn Web Development: a vanilla web development learning path
- Odin Project Foundations: a vanilla web development course
- create-react-app-zero: another project of mine, a no-tools version of create-react-app, to be able to use React without frills
- HEX: a No Framework Approach to Building Modern Web Apps: a React-like approach based on vanilla web development techniques
- plainJS: a collection of vanilla javascript functions and plugins to replace the use of jQuery
- Web Dev Toolkit: a collection of vanilla helper functions, boilerplates and libraries
- The Modern JavaScipt Tutorial: a step-by-step tutorial to learn vanilla JavaScript