# How to write a Lab

{% embed url="<https://commudle.com/labs>" %}

### Choose a Title

Start with choosing a title for your Lab.

![](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MW9iaBFV-uaFNLNSYll%2F-MW9jGtu6VHCEaCTTO5p%2Fezgif.com-gif-maker%20\(1\).gif?alt=media\&token=5ed6c044-5e11-4850-9b3c-37ccdc579607)

### Watch the video guide

Start with watching the guide video that gives you a go through of the complete process for creating a lab.

![](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MW9kAxGF7B_sHy6rbDP%2F-MWA2WG8uhxVSXsk-co4%2Fezgif.com-gif-maker%20\(2\).gif?alt=media\&token=f99fffb4-20f1-4b2e-87a6-4cc6848da348)

### Add Header Image

Over the top select, a picture from your device to add as a header image to the Lab

![Add header image to a Lab](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA46jp93YDnZ4yTF4Y%2FScreenshot%20from%202021-03-19%2020-42-06.jpg?alt=media\&token=10a42842-247f-4425-850c-37dc6620b28b)

### Edit Title

You can edit the title of your Lab anytime if you think you made a mistake earlier.

![Edit Lab title](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA4MxlAZPx04xVUWMO%2FScreenshot%20from%202021-03-19%2020-42-06%20\(1\).jpg?alt=media\&token=43ad8d00-6904-4394-8812-3ff4536c10ff)

#### Add Description

Start the lab content with a small yet meaningful description.

![Add description to a Lab.](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA4a1g7EvNSVfRWXEF%2FScreenshot%20from%202021-03-19%2020-42-06%20\(2\).jpg?alt=media\&token=b1b2efb8-d12f-4431-affb-b5a6ed243aad)

Use this bar to add all the interactive elements to your labs to make reading and learning fun with Images, Videos, GIFs, and what not a lot of emojis. Align your text and add or remove code snippets with multiple heading and paragraph options.

#### Editing Options

![Text editing options](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA635BRHi1iHgAne4M%2FScreenshot%20from%202021-03-19%2020-42-06%20\(3\).jpg?alt=media\&token=b7b10545-3604-4197-b3c2-8b61d18464be)

### Adding a New Step

Add a new step to your Lab using the "Add new section" tab.

![Add a new step](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA7_UYMcDWIK4c64bK%2Fezgif.com-gif-maker%20\(4\).gif?alt=media\&token=06153014-6eb5-49c3-93e3-5bcd5496e4c7)

{% hint style="info" %}
Having smaller steps makes it easier for readers to understand and follow.
{% endhint %}

### Deleting a Step&#x20;

Delete a step with the cross button on the right side

![Delete a step](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA8JmnnNpKkstg_jfT%2Fezgif.com-gif-maker%20\(5\).gif?alt=media\&token=4c4e9418-f3c9-4a71-a560-ba3eba403a88)

{% hint style="danger" %}
A step once deleted cannot be brought back.
{% endhint %}

### Add Relevant Tags

Add relevant tags to your lab.

![Add Tags to your Lab](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA976LmboXssGLPBR9%2Fezgif.com-gif-maker%20\(6\).gif?alt=media\&token=dea3b8d8-78da-4582-8746-032183478d7c)

{% hint style="info" %}
Adding relevant tags gives visibility to your Lab.
{% endhint %}

### Submit for Review

Save your lab as a Draft or Submit it for review once done.

![](https://2732861693-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUoBGMgA-C9FZbSiWD4%2F-MWA2b6ElDHGPjSItowg%2F-MWA9o0MrgnLNWVCtM1F%2FScreenshot%20from%202021-03-19%2021-15-28.jpg?alt=media\&token=c145e732-cb32-470c-9a08-1a461b9d5191)

&#x20;

#### 💡 Tips for writing a good Lab

* Choose an easily understandable Title. \
  Example: \
  ❌Bad: Best coding practices\
  ✅Good: 10 coding practices in JavaScript to save memory
* &#x20;Share an image or an animation of the end result of what the Lab will teach.
* Create as many steps as needed. Add images/screenshots, use code snippets and any reference links if needed.&#x20;
* In each step, wherever needed, share examples of good and bad practices
* In the conclusion, mention more use cases of the technology you are teaching, give due credits if needed and also share some links to learn more from.
* All done, be as simple, precise and crisp in your language as possible.