Web projects provide two major new features: The Mimir Web IDE, and Web Test Cases.

Go to your course and click the "Create Coursework" button, then click on Web:

The Web Project form should feel very familiar to standard projects, with the only requirements being a name and solution code. Before we look at web test cases, lets take a look at the Mimir Web IDE to see how it works for students. Head back to the Web Project page and click the green "Open Web IDE" button.

There are many cool features in the Web IDE, but the most important feature is the interactive preview. It acts much like a normal browser, with a URL bar, forward and backward buttons, and a reload button. The preview is set up so that students can use relative or absolute paths and behaves like a normal web server.

When you change your code in the Web IDE and save, the preview refreshes and automatically reflects their changes. This allows students to experiment and learn quickly with the instantaneous feedback loop. They can also use the built in console to view logs and help them test their code. Other features like links and images will also work as expected.

When a student is ready to submit their work, they can click the "Mimir" button on the top left, then click "Submit Project". This will submit their entire folder structure to the project. 

Test Cases

To get started on testing your web project, See our help document on web test cases: http://help.mimir.io/en/articles/3525612-web-test-cases

Did this answer your question?