Script Lab is a new way to experiment with the Office JavaScript API without installing anything else, as it works directly within Office applications like Excel, Word, and PowerPoint. It allows users to create, run, and share JavaScript snippets using a simple code editor pane, with features like IntelliSense for the Office JavaScript API and the ability to save snippets to GitHub gists. Script Lab was created as a hackathon project to make coding for Office simple and fun, and is powered by the Monaco editor and Office JavaScript APIs within a browser-based interface.

1. Introduction to Script Lab
Simple but powerful method to
Create, Run, Share Office JavaScript snippers
@kushanlahiru

2. What is Script
Lab?
"Writing code for Office can be
simple and delightful."
• Began as a summer hackathon project at //oneweek 2016
• New way to experiment with the Office JavaScript API without
ever leaving Office
• Share and save your snippets with GitHub gists
• JavaScript API with the help of IntelliSense
• There are nothing additional to install or configure as long as
you have Office
• Works in Excel, Word, PowerPoint & project since Office 2013
• Community driven https://aka.ms/scriptlab
• Powered by Monaco editor and Office APIs
• Developed using Anguls and @ngrx

3. Download store.office.com

4. Enable Office
Add-in
Open code
Taskpane
Trust Script
Lab

5. Lets start code

6. Open code
Taskpane
Your HTML template
Your styles here. Feel free like you
write within <style> HTML tag.
Place to introduce externals
Your scripts here. Feel free like you
write within <script> HTML tag.

7. Share your code

8. Share your snippets

9. Learn More..
Office Add-ins UX Design Practices
Office Fabric UI Components
Office JS Reference

10. Thank you!
@kushanlahiru