A Vanilla.js Single Page App (SPA) slide deck for a presentation about Vanilla.js written with no frameworks. blog.jeremylikness.com/series/vanilla.js/
Go to file
2019-11-27 14:26:18 -08:00
css Data-binding implementation 2019-11-26 12:05:41 -08:00
images add slides, "appear" effect, video, image hover, update notes 2019-11-25 15:20:12 -08:00
js Add declarative data-binding 2019-11-27 14:26:18 -08:00
slides Add declarative data-binding 2019-11-27 14:26:18 -08:00
templates Add controls and SPA routing 2019-11-22 16:37:45 -08:00
videos add slides, "appear" effect, video, image hover, update notes 2019-11-25 15:20:12 -08:00
Dockerfile add slides, "appear" effect, video, image hover, update notes 2019-11-25 15:20:12 -08:00
index.html Add data-binding for lists 2019-11-25 16:46:59 -08:00
LICENSE Create LICENSE 2019-11-26 13:18:48 -08:00
README.md Create README.md 2019-11-26 13:18:18 -08:00

Vanilla.js Deck

A Vanilla.js Single Page App (SPA) slide deck for a presentation about Vanilla.js. Yes, this is inception! No builds (unless you count the included Docker image) and no frameworks, just pure JavaScript for a SPA application that features:

  • Routing (yes, you can bookmark/return to a slide)
  • Transitions
  • Reusable components
  • Data-binding

Getting Started

Optionally fork then clone the repo:

git clone https://github.com/JeremyLikness/vanillajs-deck.git

Spin up your favorite web server and point it to the root directory. There are no builds involved.

One simple approach is to use Node.js and http-server:

npm i -g http-server

cd vanillajs-deck

http-server .

Navigate to one of the URLs with index.html as the path.

Docker setup

If you prefer, you can build a Docker image and run the presentation from there.

cd vanillajs-deck

docker built -t vanillajs-deck .

docker run --rm -d -p 8080:80 vanillajs-deck

Navigate to http://localhost:8080/index.html to start the show.