Environment setup

Make sure you’re ready to hit the ground running once training begins! Here is a list of things you will need:

Operating System

To get started with the set up, make sure you have a computer with administrator access running one of the following:

Note: If you use a different operating system, but can meet the requirements listed here, you’re welcome to use it. Please just be sure to check that all the tools on this page will run on your computer before the workshop begins.


Next, make sure you have the latest stable version of one of these browsers:

Note: Chrome and Firefox include developer resources that are important when working with Dojo. You’ll learn how to use them in the workshop. The training slides can be viewed using Safari 6+, but Chrome and Firefox are recommended for viewing and debugging the training exercises.

Web Server

In order to run our slides, you will need a local web server. Follow the instructions below to install one if you don't already have it.

Do you have a web server already? Check out our FAQs for more information on using that to run the materials!

ES6 & TypeScript Workshops: If you are taking ES6 & TypeScript for the Enterprise Developer, a light node web server is included with the materials. You need permissions to run npm install in order to run it.

General Note: The Web server is required to run the workshop activities. Using a browser with the filesystem will not work as they require some processing to render.

Text editor or IDE

You’ll need a good code editor for the workshop activities. Here are some recommendations. The editors that our trainers use are listed in bold.

Note: Notepad, Wordpad, TextEdit, etc. are text editors, not code editors. Please make sure you come to class with a code editor.

Other Software

Some parts of the workshops require the use of third party software. Please make sure you have the following third party software installed:

Stylus (Dojo 201)

nib (Dojo 201)

npm (Dojo 201, Dojo 202, ES6 & TypeScript, Intern)

Node.js 0.12+ (Dojo 201, Dojo 202, ES6 & TypeScript, Intern)

Java 1.6+ (JRE) (Dojo 202, Intern)

Selenium-server (Dojo 202, Intern)

ES6 & TypeScript Workshops: The materials come bundled with the additional packages you need for this workshop. You will need permissions to run npm install in order to set them up. They include:

babel-core ^5.8.33
glob ^7.0.6
intern ^3.3.1
reflect-metadata ^0.1.8
sinon ^1.17.5
systemjs ^0.19.37
typescript ^2.0.3
grunt-cli ^0.1.13
grunt ^0.4.5
grunt-contrib-watch ^0.6.1


Q: How do I verify the slides are working as expected?

A: When you load the slides on http://localhost:PORT/materials, you should see an agenda displayed, and a button at the bottom that says "Disconnect".

Q: Why do I have to install a web server?

A: Several large portions of the workshop need to load content (such as widget templates) via an Ajax request for an HTML file. When you're loading HTML from your hard drive directly, modern browsers will restrict Ajax requests against the local filesystem for security purposes. When we have a web server in place, it allows the libraries to load normally.

Q: What if I already have a web server? Can I use that?

A: Yes, you can! While we do not provide detailed instructions, the materials that you are downloading are simply a series of static files that you can drop into a directory that you're serving with your own webserver, and everything generally works fine.

Q: I'm using my own web server, but all I'm seeing is a background image, with no slides.

A: This problem likely means you're using IIS as your server. For security purposes, IIS refuses to serve files with unrecognized extensions, and so you need to add some MIME types to your IIS configuration. They are as follows:

Extension MIME Type
.json application/json
.md text/x-markdown
.styl text/plain
.woff application/font-woff
.svg image/svg+xml
.svgz image/svg+xml
.yml application/x-yaml

Q: Why doesn't it work in Internet Explorer?

A: Our materials are built to use websockets, which aren't supported before IE10. You can develop web applications for browsers all the way back to IE6, but for this presentation we've built a tool that requires IE10 or later to provide you with a superior training experience.



Our trainers expect that you already have a baseline of experience with HTML, CSS, and JavaScript. Reviewing these materials before class will help make sure you understand the concepts we will be discussing and building upon.

Our trainers expect that you already have a baseline of experience with HTML and CSS. Reviewing these materials before class will help make sure you understand the concepts we will be discussing and building upon.

As part of your workshop, we’ve included our JavaScript 101 course. To access the workshop, click below.

Dojo Help

If you want to do some learning on your own, these are a few great resources to work from.

Intern Help

If you want to do some learning on your own:

Cheat Sheets

Keeping these cheat sheets close at hand will help speed up development while you’re still memorizing things.

Your workshop

Install training materials

Before your training begins, you should download a copy of the slides & activities content for your workshop. Follow the appropriate instructions below to install the content on your local machine. You will be completing the included activities during class.

Download the slides

  • Install materials on BitNami MAMP Stack
    1. Unzip materials.zip. It will unzip to a folder named materials.
    2. If you installed MAMP Stack using the installer, drag the materials folder to:
    3. If you installed MAMP Stack via the App Store (OSX 10.7), launch the MAMP Stack dialog. Click "Open Application Folder", then drag the materials folder to /apache2/htdocs
    4. Navigate to http://localhost:8080/materials.
  • Install materials on XAMPP for Windows
    1. Download zip utility. The zip file has very long paths, which the native zip utility on Windows is unable to extract. We recommend downloading and installing 7-zip.
    2. Unzip materials.zip. It will unzip to a folder named materials.
    3. Drag the materials folder to C:\xampp\htdocs.
    4. Navigate to http://localhost/materials.
  • Install materials on BitNami LAMP Stack
    1. Move materials.zip to ~/lampstack-<version>/apache2/htdocs.
    2. Unzip materials.zip.
    3. Navigate to http://localhost:8080.

ES6 & TypeScript Workshops: The materials come bundled with a light node server. You will need permissions to run npm install. To start up the server, use npm run server from inside of the extracted materials directory.

Test Web Sockets Support

WebSocket is a prototcol that allows real-time bidirectional communication between a client and a server. We use WebSockets to keep your slides in sync with the presenter to make it easy to follow along.

Web Sockets
Your browser supports WebSockets and you've successfully connected to our server! No problems here! but there seems to be an issue connecting to our server. the server could be down, or WebSocket connections could be blocked on this port. Please alert your instructor of the issues you are having. OH NO! This browser does not support WebSockets. Please user a supported browser. In addition to full WebSocket support, these browsers have robust Developer Tools which will help in understanding the content and seeing the examples.

How to navigate the slides

Before and during the workshop, your slides will be controlled by the presenter. If you would like to navigate the slides yourself, click the "Disconnect" button at the bottom right corner of the page. After disconnecting, you can navigate the slides by clicking on links in the agenda, or by using your arrow keys to move between slides.


Get a front-row seat by watching the presentation on your computer or tablet. This will automatically follow along with the trainer during class. You can also follow along by loading the slides from your locally installed copy of the materials.