presentation mode pycharm

IntelliJ IDEA Tips & Tricks: Presentations

Presentation Mode

Since IntelliJ IDEA 13, you can switch to Presentation Mode by clicking View → Enter Presentation Mode . The IDE switches to full screen and everything is hidden except for the main editor window. The font size is increased so it is better readable from a distance.

Get notifications about new posts on RSS, X or Email .

• Learning IntelliJ IDEA keyboard shortcuts
• IntelliJ IDEA Tips & Tricks: Multiple Cursors
• Detecting vulnerable dependencies in IntelliJ IDEA
• IntelliJ IDEA integrated HTTP Client
• IntelliJ IDEA Tips & Tricks: Improving performance
• IntelliJ IDEA Tips: Synchronization and Sharing of Settings

Let's connect

• Blogs by Topic

The PhpStorm Blog

The Lightning-Smart IDE for PHP Programming

• Twitter Twitter
• Youtube Youtube

Full Screen for all platforms and Presentation Mode with PhpStorm 7

We’re continuously working on making the IDE distract developers less when they need focus. Next to better readability with improved syntax coloring , PhpStorm 7 comes with a Full Screen mode on all platforms which removes window borders and the top menu. And the new Presentation mode helps you show off your coding skills to an audience.

This functionality is available in IntelliJ IDEA , PyCharm , WebStorm , PhpStorm , RubyMine and AppCode .

Mac OS X users have been enjoying native Full Screen mode for quite a while. From now on it’s available for all other platforms supported by PhpStorm. It can be activated from the View | Enter Full Screen menu. To maximize the editor area, the Toolbar, Status Bar and Navigation bar can be hidden so we can focus just on our code. Here’s a blatantly big screenshot demonstrating we get a lot of editor on our screen if we want:

Always wanted to show family and friends your coding skills on the living room TV? Or are you presenting at conferences and user groups or doing classroom trainings? Having difficulties reading someone’s code when looking over their shoulder? The answer to making code work for an audience is PhpStorm 7’s Presentation Mode.

Presentation Mode moves all toolbars out of the way and increases the size of everything in the IDE, making it easier to show our code and coding process. That’s right: it’s presentation mode, not read-only mode. If you want to demonstrate live coding, try it from the View | Enter Presentation Mode menu:

Not only editor fonts are increased in size: everything gets bigger! Want to show the Rename refactoring? Everyone will be able to read what’s on screen:

Try it out yourself and share your feedback in the issue tracker , through the comments below or in our forums !

Develop with pleasure! – JetBrains PhpStorm Team

Subscribe to PhpStorm Blog updates

By submitting this form, I agree that JetBrains s.r.o. ("JetBrains") may use my name, email address, and location data to send me newsletters, including commercial communications, and to process my personal data for this purpose. I agree that JetBrains may process said data using third-party services for this purpose in accordance with the JetBrains Privacy Policy . I understand that I can revoke this consent at any time in my profile . In addition, an unsubscribe link is included in each email.

Thanks, we've got you!

Discover more

What’s New in PhpStorm 2024.1

Explore new features of PhpStorm 2024.1: local AI code completion, Symfony’s AssetMapper support, and more.

PhpStorm 2023.3 Is Now Available

Explore the new features in PhpStorm 2023.3: support for PHP 8.3, the Pest test framework, improvements for Symfony projects and AI Assistant.

PhpStorm Now Supports PHP 8.3

PhpStorm now provides full support for PHP 8.3 feature: the new `#[Override]` attribute and `json_validate()` function, and more!

PhpStorm 2023.2.2

PhpStorm 2023.2.2 includes a host of bug fixes and quality-of-life improvements.

IntelliJ IDEA 2024.1 Help

Presentation assistant.

Presentation Assistant is a useful tool to help you present code or demonstrate software features. As you invoke actions, Presentation Assistant displays their names and shortcuts in a popup. This helps your audience understand what you are doing without confusion.

Enable Presentation Assistant

Your IDE already includes Presentation Assistant , which is disabled by default.

In the main menu, go to View | Appearance and enable Presentation Assistant .

Start working as usual. Presentation Assistant now displays names of actions that you invoke and their shortcuts.

Change the popup appearance

Press Ctrl+Alt+S to open the IDE settings and then select Appearance & Behavior | Presentation Assistant .

Configure the options:

Popup size : choose how big you want the popup to be.

Display for : set for how long the popup should be shown.

Position : decide where to position the popup. You can also move the popup by dragging it.

Configure the keymap

Presentation Assistant shows shortcuts from the keymap that corresponds to your operating system by default. You can change the main keymap and add a secondary one.

In the Keymap section, select another keymap from the Main list. Optionally, specify a different keymap label.

To add a secondary keymap, enable the Additional option and select a keymap from the list.

Creating Presentations with Jupyter Notebook

Jupyter Notebook can be turned into a slide presentation that is kind of like using Microsoft Powerpoint, except that you can run the slide’s code live! It’s really neat how well it works. The only con in my book is that there isn’t a lot of theming that can be applied to your slides, so they do end up looking a bit plain.

In this article, we will look at two methods of creating a slideshow out of your Jupyter Notebook. The first method is by using Jupyter Notebook’s built-in slideshow capabilities. The second is by using a plug-in called RISE .

Let’s get started!

Note: This article assumes that you already have Jupyter Notebook installed. If you don’t, then you might want to go to their website and learn how to do so.

The first thing we need to do is to create a new Notebook. Once you have that done and running, let’s create three cells so that we can have three slides. Your Notebook should now look like the following:

Now let’s turn on the “slideshow” tools. Go to the View menu and then click on the Cell Toolbar menu option. You will find a sub-menu in there that is called Slideshow . Choose that. Now your Notebook’s cell should look like this:

There are now little comboboxes on the top right of each cell. These widgets give you the following options:

You can just create a series of Slides if you like, but you can make the slideshow a bit more interesting by adding Sub-Slides and Fragments. Sub-slides are just slides that are below the previous one while Fragments are basically fragments within the previous slide. As an aside, I have actually never used Fragments myself. Anyway you can also set a slide to Skip, which just allows you to skip a slide or Notes, which are just speaker notes.

Let’s add some text to our first cell. We will add the text “# Hello Slideshow” to it and set the cell type to Markdown. Note the pound sign at the beginning of the text. This will cause the text to be a heading.

In cell two, we can add a simple function. Let’s use the following code:

For the last cell, we will add the following text:

Make sure you set that to be a Markdown cell as well. This is what my cells ended up looking like when I was done:

To make things simple, just set each of the cell’s individual comboboxes to Slide .

Now we just need to turn it into an actual slideshow. To do that, you will need save your Notebook and shut down the Jupyter Notebook server. Next you will need to run the following command:

To navigate your slideshow, you can use your left and right arrow keys or you can use spacebar to go forward and shift_spacebar to go back. This creates a pretty nice and simple slideshow, but it doesn’t allow you to run the cells. For that, we will need to use the RISE plugin!

Getting Started with RISE

Reveal.js – Jupyter/IPython Slideshow Extension (RISE) is a plugin that uses *reveal.js* to make the slideshow run live. What that means is that you will now be able to run your code in the slideshow without exiting the slideshow. The first item that we need to learn about is how to get RISE installed.

Installing rise with conda

If you happen to be an Anaconda user, then this is the method you would use to install RISE:

This is the easiest method of installing RISE. However most people still use regular CPython, so next we will learn how to use pip!

Installing rise with pip

You can use Python’s pip installer tool to install RISE like this:

You can also do `python -m pip install RISE` is you want to. Once the package is installed, you have a second step of installing the JS and CSS in the proper places, which requires you to run the following command:

If you somehow get a version of RISE that is older than 5.3.0, then you would also need to enable the RISE extension in Jupyter. However, I recommend just using the latest version so you don’t have to worry about that.

Using RISE for a SlideShow

Now that we have RISE installed and enabled, let’s re-open the Jupyter Notebook we created earlier. Your Notebook should now look like this:

You will notice that I circled a new button that was added by RISE to your Notebook. If you mouse over that button you will see that it has a tooltip that appears that says “Enter/Exit RISE Slideshow”. Click it and you should see a slideshow that looks a lot like the previous one. The difference here is that you can actually edit and run all the cells while in the slideshow. Just double-click on the first slide and you should see it transform to the following:

After you are done editing, press SHIFT+ENTER to run the cell. Here are the primary shortcuts you will need to run the slideshow effectively:

• SPACEBAR – Goes forward a slide in the slideshow
• SHIFT+SPACEBAR – Goes back a slide in the slideshow
• SHIFT+ENTER – Runs the cell on the current slide
• DOUBLE-CLICK – To edit a Markdown cell

You can view all the Keyboard shortcuts by going to the Help menu when not in Slideshow mode and clicking the Keyboard Shortcuts option. Most if not all of these shortcuts should work inside of a RISE slideshow.

If you want to start the slideshow on a specific cell, just select that cell and then press the Enter Slideshow button.

RISE also works with Notebook widgets. Try creating a new cell with the following code:

Now start the slideshow on that cell and try running the cell (SHIFT+ENTER). You should see something like this:

You can use RISE to add neat widgets, graphs and other interactive elements to your slideshow that you can edit live to demonstrate concepts to your attendees. It’s really quite fun and I have used RISE personally for presenting intermediate level material in Python to engineers.

RISE also has several different themes that you can apply as will as minimal support for slide transitions. See the documentation for full information.

Wrapping Up

In this chapter we learned about two good methods for creating presentations out of our Jupyter Notebooks. You can use Jupyter directly via their nbconvert tooling to generate a slideshow from the cells in your Notebook. This is nice to have, but I personally like RISE better. It makes the presentations so much more interactive and fun. I highly recommend it. You will find that using Jupyter Notebook for your presentations will make the slides that much more engaging and it is so nice to be able to fix slides during the presentation too!

Related Reading

• Presenting code using Jupyter Notebook
• The RISE Github page
• Jupyter nbconvert Usage
• How to build interactive presentations with Jupyter Notebook and Reveal JS

4 thoughts on “Creating Presentations with Jupyter Notebook”

Pingback: Jupyter Notebook Extension Basics | The Mouse Vs. The Python

Pingback: Creating Jupyter Notebook Widgets with interact - The Mouse Vs. The Python

Pingback: How to Export Jupyter Notebooks into Other Formats - The Mouse Vs. The Python

Pingback: Jupyter Notebook Extension Basics - The Mouse Vs. The Python

Comments are closed.