Create pages by copying template files that come with the Prototype Kit.
Create a start page
start.html file from
To copy a file in Atom:
- Right-click a file in the folders list on the left and select Copy.
- Right-click the folder you want to copy the file into and select Paste.
Preview the pages in your prototype by going to http://localhost:3000/NAME-OF-HTML-FILE in your web browser. For example, go to http://localhost:3000/start to preview
Change the service name
You'll normally edit the HTML to make changes to pages, but the service name is in a config file. This is so we can change it in one place to update it on every page in your prototype.
- Open the
config.jsfile in your
Service name goes hereto
Apply for a juggling licence.
- Press Cmd+S on Mac or Ctrl+S on Windows to save your change.
You must save every time you make a change to a file. In Atom, a dot appears in the tab for any file that has unsaved changes.
Normally your changes will automatically show in the browser without refreshing. But for this config change, you need to refresh the page. You should see your service name change on the Start page.
Make 2 copies of the
question.html file from
Rename the 2 file copies to:
Go to the following URLs to check your pages:
juggling-balls.html file, change the text inside the
h1 tag from
Heading or question goes here to
How many balls can you juggle?.
juggling-trick.html file, change the text inside the
h1 tag to
What is your most impressive juggling trick?.
'Check your answers' page
check-your-answers.html file from
confirmation.html file from