Routes Lab

Last updated 4 years ago

Was this helpful?

Frasier

be sure to have control c your previous app if you were running one before starting this new activity

Create a new directory called "frasier"
cd into frasier
perform an npm init, specify server.js as your entry point (HINT: you'll either have to do this in the initial npm init process, or make a change to the default settings in the package.json.
install express
create a server.js file
inside server.js, require express and save it to a variable named express
create a variable named app, and set it equal to express()
have app listen on port 3000
- once it's listening, log "Hello, Seattle. I'm listening..."
test it by going to

create a GET route for /frasier
- it should send a response of "Once in prep school, the Existentialist Club once named me 'Most Likely to Be'"
create a GET route for /niles
- it should send a response of "You know, sometimes I wonder if I'm not just in psychiatry for the money"
create a GET route for /daphne
- it should send a response of "Well, have fun. I'm off to stick my head in the oven."
create a GET route for /roz
- it should send a response of "Let me make it easy for you. Freaks! Freaks on line 1. Freaks on line 2! Freaks! Everywhere!"
create a GET route for /martin
- it should send a response of "You may think it's tough being middle-aged, but think about me. I got a son who's middle-aged."

Are URLs case sensitive? Let's test: 1. create a GET route for /Scrappy

Refer back to previous section and notes/demos for steps, if necessary

cd back to your student labs dir
Create a directory called "simpsons"
Get a basic express server running
- Install express
- No routes
- Just have the app listen
Test to make sure it works in the browser
Create a route for Homer
Test the Homer route
Create a route for Marge
Test the Marge route
Create a route for Bart
Test the Bart route
Create a route for Lisa
Test the Lisa route
Create a route for Maggie
Test the Maggie route
Create a route for Snowball II (spaces won't work, so just make it one word or add dashes in between each word)
Test the Snowball II route
Create a route for Santa's Little Helper (apostrophes won't work, so just remove it in the route)
Test the Santa's Little Helper route

The topic is yours. Try to do it all from memory

To get res.send to work with line breaks in the html, change single/double quotes to backticks

 res.send(`
     <html>
         <body>
             <h1>Oh ha!</h1>
         </body>
     </html>
 `);

Some of you will zip through this lab

Work on practicing Bootstrap (see morning exercise for an activity that you'll work on after lunch as well
Try the super bonus!

Last updated 4 years ago

Was this helpful?