FREELessons: 9Length: 1 hour

Next lesson playing in 5 seconds

  • Overview
  • Transcript

2.1 The Simple Installation

Before we get started, I want to clarify something. You can use Reveal.js in two ways: by installing the HTML framework or by using the online editor. Let’s see how you can get each one and what the differences are.

Related Links

2.1 The Simple Installation

Before we get started, I want to clarify something, you can use Reveal in two ways. Either use the HTML framework or use the online editor. So let me quickly show you how you can get both and talk a little bit about the differences between the two. So the framework you go to and you go to the GitHub repository and you download it from here. The online editor can be found at, where you basically sign up, create an account and use the online editor. So I'm gonna actually show you how this looks like. I'm now logged in my Google account and here we basically have the cameras and you can really easily drag and drop elements, you can create a new slides. We have a couple of presets here to choose from and then you can also navigate between the slides. And once you're done, you can hit Present and show your presentation. So what are the differences between the two? Well, first of all, the online editor is not free, okay? So if we hit on Upgrade, you can see that plans start at $5 a month and can go up to $20 a month, and this is for annual billing. On monthly, it's a little bit higher than that. The HTML framework, on the other hand is completely free, you can download it and use it however you want. Another difference is that to use this HTML framework, do you need to know HTML because you will be writing HTML code directly to get this going. Now because you do need to write HTML, it's not as easy to use as the online editor. This one has per user interface basically it's drag and drop and you hardly need to write any code to use it. And one other thing to mention here is that the higher tier plans give you some pretty great resources for collaboration and templating as well. So if you're working in a team, or if you're creating presentations on a regular basis, then you might be better off going for the online editor because you can use templates, you can use collaboration with other people it's more suited for this. Now in this course will be using the HTML framework, not the online editor. So let's have a look at the most basic installation of review. All we have to do is go to the GitHub repository, hit Clone or Download, download a zip file, and here it is. Let's actually open this up in the code editor, and you would open up index HTML. This has everything you need pre-installed, so all the JavaScript files are loaded, all the CSS files are loaded and you also have an initial mark up to get things going. Now if you're gonna open this in a browser, it looks something like this here's slide 1, and here's slide 2. So that's the simplest way you can get started with Reveal with the presentation framework. You just download the GitHub repo, you edit the index HTML and you're good to go. Now let's have a look at the basic usage, the folder structure and how you can create your own slides. And that's coming up in the next lesson.

Back to the top