How to Write a Codelab

1. Overview

What You'll Learn

how to set the amount of time each slide will take to finish
how to include code snippets
how to hyperlink items
how to include images
other stuff

2. Setting Duration

To indicate how long each slide will take to go through, set the Duration under each Heading 2 (i.e. ##) to an integer. The integers refer to minutes. If you set Duration: 4 then a particular slide will take 4 minutes to complete.

The total time will automatically be calculated for you and will be displayed on the codelab once you create it.

3. Code Snippets

To include code snippets you can do a few things.

Inline highlighting can be done using the tiny tick mark on your keyboard: "`"
Embedded code

JavaScript

{ 
  key1: "string", 
  key2: integer,
  key3: "string"
}

Java

for (statement 1; statement 2; statement 3) {
  // code block to be executed
}

4. Hyperlinking and Embedded Images

Hyperlinking

Youtube - Halsey Playlists

Images

alt-text-here

5. Other Stuff

Checkout the official documentation here: Codelab Formatting Guide

Back