Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including generator-code-deck with all npm packages installed. Try it out:

require("yo/package.json"); // yo is a peer dependency. var generatorCodeDeck = require("generator-code-deck")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

generator-code-deck v1.4.0

Powerpoint for coders: automatically build code-based slideshow presentations.

Code Deck - Powerpoint for Coders

Code Deck is a Yeoman generator for creating code-based slideshow presentations. It was built because HTML slideshows are awesome, but they take too long to make. With Code Deck, your project is automatically set up so you can focus on presenting great content.


Intro Video

View full screencast on Youtube

Code Deck video tutorial thumbnail


Example

See an example of a presentation built with Code Deck.


Instructions

Generate:

  1. Once you have the "Prerequistes" installed, run npm install -g generator-code-deck to install the Code Deck Yeoman generator.
  2. cd to the directory where you want to generate your presentation.
  3. Run yo code-deck and answer the prompts.

Develop:

  1. Replace src/images/logo.png with your own logo.
  2. Run grunt serve.
  3. Edit the data in src/data.js

Refer to the RevealJS documentation for more options.


Prerequisites

Before using Code Deck, you need to install a few things if you don't have them already...

  1. Node: download
  2. Bower: npm install -g bower.
  3. Yeoman: npm install -g yo.
  4. Grunt: npm install -g grunt-cli.
  5. Sass: gem install sass.

If you run into any problems, you may need to use the sudo command or reclaim ownership of your .npm directory.


Features

  • Yeoman generator for automatic customized presentation setup.
  • RevealJS for slide animations and functionality.
  • Grunt tasks for easy development and a shareable dist folder.
  • BrowserSync for live style and content injections during development.
  • Sass variables for easy branding/theming.
  • Handlebars templates for automatic slide creation from the data in src/data.js.
  • HighlightJS for easy code syntax highlighting inside of <pre><code> blocks.

Changelog

1.3.0
  • Yeoman templates now include user's GitHub data out-of-the-box.
  • Added a screencast tutorial.
  • Added an example.
  • Providing example slide content in src/data.js.
  • Cleaning up and updating README.
1.2.0
  • Moving all content to the data object in data.js for easier editing.
1.1.0
  • Creating a section template which is re-used for each section object in data.js.
1.0.0
  • Public release

Built with ♡ by @trevordmiller.

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free