Node - Week 3

Teaching this lesson?

Read the Mentors Notes here

Learning Objectives

By the end of this lesson students should be able to:

  • Process an PUT request using Express and Node to update data in memory
  • Upload their node app to the internet so it can be accessed anywhere using Heroku

CRUD Review

Exercises

So what will we build? we will build a CRUD API. CRUD stands for Create, Retrieve, Update, Delete. If you think about it, this is what most applications do:

  • Create some "resources"
  • Retrieve them (GET them)
  • Update them
  • Delete them

Which of these have we learnt so far?

(1) Using Update exercise

This is an Teacher led exercise which can be used to show how we might retrieve an element by ID using a GET request.

Objective

Change a quote API server to allow updating a quote according to the given ID.

The route should use the HTTP method PUT and should use the URL:

/quotes

You should use the starting project: cyf-quotes-id-start. This is because this project has quotes with IDs.

When you remix the starting project, immediately rename it as your own.

Updating Data

Complete in-class (1) Using Update exercise at this point

Lets look back at our original objectives.

PUT /albums/:albumId should update the album (that matches the passed albumId)

This means that PUT /albums/2 should update an album with the id 2 and return 200 with JSON { success: true } to the user.

The code will look like this

// notice .put
app.put("/albums/:albumID", function (req, res) {
  console.log("PUT /albums route");
});

Remember, you have got to update the album, not add it to the list

Heroku

We use can use Heroku to host our APIs online (similar in the way you might have used Netlify in the past).

This can be a little tricky however the documentation is good.

https://devcenter.heroku.com/articles/getting-started-with-nodejs

Work in pairs and with Teaching Assistants to get your homework from the previous two weeks working online.

You should complete all of the following sections:

  • Introduction
  • Set up
  • Deploy the app
  • View logs
  • Define a Procfile
  • Run the app locally

Now when you use

git push heroku master

After making a commit your updated website with my made available online.

City Guide and Paired Programming

In this exercises you should split into groups of two people.

You can find the challenge here.

Rules

  1. One of you will be leading on building the React (Server) application
  2. One of you will be leading on building the Node.js (Client) Application
  3. It is very important that you do not move onto the next level of the challenge until both of you have completed the level.
    • e.g. Both of you have to finish Level 100 before continuing onto Level 200.
    • If one of you gets stuck - help each other!

Homework

All of the homework for this week can be found in the Node Homework repository here under the Week 3 folder

Submission

You should complete the tasks in NodeJS-Homework repository.

Make sure you create a branch named [YOUR_NAME]/Week3 for work that you want to submit.

Escalation policy

When you get stuck during the homework you should follow the following:

  1. First, search for answers on Google and Stack Overflow. If you have an error message, copy and paste it into Google.
  2. When you are stuck for longer than 20 minutes - no longer! - write a question to your fellow students in your class channel on slack. Take a while to think carefully about the question. This is an important skill. Here is a great guide to writing good questions
  3. If you cannot get an answer from your fellow students, post your question in your class public channel, @ the mentor for the class that covered the topic and we will reply as soon as we can.

results matching ""

    No results matching ""