szemate

Stateful Token Authentication

1. Create a tokens table in the database with two columns:
   • token text field, primary key
   • user_id foreign key to the users table
2. In the POST /login request handler, after checking the user name and the password, generate a new token. It can be done using the uuid Node module (https://github.com/uuidjs/uuid). The token will look something like 1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed.
3. Insert the new token into the tokens table.

szemate

/*
TEST RESULT GRADING
We are writing a program for teachers that helps them grade test results. The
program receives the test results as an array of objects; each object contains
the name of a student and their test score (see below).
*/
const results = [
    { student: "Gytha Wheatley", score: 44 },
    { student: "Alishia Thorpe", score: 83 },
    { student: "Zack Vernon", score: 59 },

szemate

/*
STORE ACCOUNTING
We are writing a program module for an online shop that processes purchases.
The program receives the sold items as an array of objects; each object
contains the name of the item, its price and its category (see below).
*/
const items = [
    { product: "Premier Housewives Stainless Steel Toolset", price: 19.97, category: "homeware" },
    { product: "iChinchin Women's Long Sleeve T Shirt", price: 15.99, category: "clothing" },
    { product: "U-Design Toothbrush Holder Set", price: 10.55, category: "homeware" },

szemate

Fetch exercise

Create a dictionary page that shows word definitions from the Free Dictionary API. The API documentation can be found at https://dictionaryapi.dev/.

1. Open the developer tools in your browser and try the API with different words. Figure out how to get a definition from the returned JSON object.
2. Check what the response is when no definition is found.
3. Copy-paste index.html and script.js below into VSCode and open index.html with live server.
4. Complete script.js to show the first definition of the word from the input field when the user clicks the submit button. Don't forget to handle the case when no definition is found.
5. Stretch goal: include all definitions of the word and the example sentences.

szemate

API Exercise

We will discover the Chuck Norris Jokes API. The documentation can be found at https://api.chucknorris.io/.

1. Read the "Usage" section and try each endpoint in the browser.
2. Retrieve a random Chuck Norris fact related to movies. You will need to combine the data from two endpoints.

szemate

Feature branching exercise

The trainee who shares the screen

1. Fork https://github.com/szemate/git-branching-demo
2. Add the other trainees in the breakout room as collaborators (to the forked repository)

Everyone in the breakout room

3. Confirm yourself as a collaborator

szemate

Scrabble Word Scores Exercise

In this word game points are awarded based on the length of the word and the letters used. The user has to create a word from the letters in their hand. Their hand consists of 7 letters.

Could you create a function which returns the correct scores for the words played? The input is a list of words, and the output is an object where the keys are the words played and the values are the word points.

szemate

How to resolve package-lock.json conflicts

Important

The following guide has been created for coding bootcamp participants who are new to Git and NPM and not comfortable with CLI tools. Not intended for professional developers.

It is not possible to resolve conflicts of package-lock.json in GitHub's merge tool and you need to do a manual merge.

1. Update the master branch with the latest changes:

   git checkout master
   

szemate

Pizza Generator

A pizza place offers the following toppings:

• ham
• salami
• mushroom
• spinach
• artichoke

szemate

HTML to Plain Text Converter

Create a script that takes the name of a HTML file as a command line argument, and prints its visible content as plain text to standard output (to the terminal).

• Only the body contents should be printed.
• All HTML tags and indentation should be removed.
• Contents of block elements (<p>, <h#>, <div>) should be divided by empty lines.
• Line breaks (<br />) should be respeced.
• Only <br /> elements should be treated as line breaks, new line characters should not.