# Plain Vanilla

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.

## Running

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`.

## Contributing

Issues or PR's welcome!

## Other resources

These are some other resources demonstrating #notools web development techniques.

- [MDN Learn Web Development](https://developer.mozilla.org/en-US/docs/Learn): a vanilla web development learning path
- [Odin Project Foundations](https://www.theodinproject.com/paths/foundations/courses/foundations): a vanilla web development course
- [create-react-app-zero](https://github.com/jsebrech/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](https://medium.com/@metapgmr/hex-a-no-framework-approach-to-building-modern-web-apps-e43f74190b9c): a React-like approach based on vanilla web development techniques
- [plainJS](https://plainjs.com/): a collection of vanilla javascript functions and plugins to replace the use of jQuery
- [Web Dev Toolkit](https://gomakethings.com/toolkit/): a collection of vanilla helper functions, boilerplates and libraries
- [The Modern JavaScipt Tutorial](https://javascript.info/): a step-by-step tutorial to learn vanilla JavaScript

## Attribution

Soft ice icon by [Twemoji](https://github.com/jdecked/twemoji) is licensed under [CC BY 4.0](http://creativecommons.org/licenses/by/4.0/).
