Preparing for This Tutorial

Software Requirements

Before starting this tutorial, do the following:

  1. Complete the Hello World tutorial.
  2. In a new terminal, change to brightspot-tutorial/init/.
  3. Run the following at a command line: npm install.
  4. If you stopped the Brightspot server, do the following:
    1. Restart it by typing ./ (Linux, OS X) or run.cmd (Windows). The login page appears in your browser at localhost:9480.
    2. Log in to display the Dashboard.

Time Required

Estimated time to complete this tutorial is 20 minutes.

What You Should Know

To successfully complete this tutorial you should know or understand the following:

  • CSS
  • HTML
  • Basic understanding of Less

Understanding Styleguide

If you load your article http://localhost:9480/crippled-by-earths-gravity-aliens-demand-submission into a browser and view its source, you’ll notice that the page is missing class attributes and an external CSS file, so the page relies on your browser’s default styling. The lessons in this tutorial describe how to develop a Styleguide for the article that results in detailed CSS selectors and corresponding formatting definitions for each element on the page.