Theming your Express application
The Express team has done a decent job of making sure Express applications look okay out the gate. Our Notes application won't win any design awards, but at least it isn't ugly. There's a lot of ways to improve it, now that the basic application is running. Let's take a quick look at theming an Express application. In Chapter 6, Implementing the Mobile-First Paradigm, we'll take a deeper dive, focusing on that all-important goal of addressing the mobile market.
If you're running the Notes app using the recommended method, npm start
, a nice log of activity is being printed in your console window. One of those is the following line of code:
GET /stylesheets/style.css 304 0.702 ms - -
This is due to this line of code that we put in headerStuff.ejs
:
<link rel='stylesheet' href='/stylesheets/style.css' />
This file was autogenerated for us by the Express Generator at the outset and dropped inside the public
directory. The public
directory is managed by the Express...