be-course-18-19

Week 2

Roses are red\ Violets are blue\ Unexpected { on line 32

— @kvlly

Table of Contents

• Inspiration
• Comic
• Slides
• Assignments
• Homework

Inspiration

HTTP cat by @girlie_mac.

Comic

Compiling by @xkcd.

Slides

• Lecture-2
• Lab-2

Theory

• How to use or execute a package installed using npm
• npm global or local packages

Assignments

Transfer (practice)

Downtown & Brooklyn by @trapnation.

In this assignment you’ll learn the basics of HTTP.

Synopsis

• Practice
• Time: 1:00h
• Goals: subgoal 7
• Due: before lab 3

Tips

• httpstatuses.com (website) — List of HTTP status codes
• Stuck? See the Bugs section of the course readme to find a list of troubleshooting tips

Description

Take about 1 hour to follow the transfer tutorial through to completion.

Install:

1. Clone the be-course-18-19 repository.
2. cd into /be-course-18-19/examples/transfer
3. Run npm install --global

…and then start it by running transfer. This tutorial is interactive. Answer any questions it asks you, until completion.

Extra resources

• Choosing an HTTP Status Code
• Answers for Young People by Tim Berners-Lee
• httpbin.org

Homework

Listing (feature)

Plan a lifetime adventure by @glenncarstenspeters.

In this assignment you’ll apply your HTTP knowledge in Node by building a static file server with a little help from Express.

Synopsis

• Practice
• Time: 5:00h
• Goals: subgoal s7
• Due: before lab 3

Tips

• plain-server (example)
• express-server (example)
• Stuck? See the Bugs section of the course readme to find a list of troubleshooting tips

Description

Take ± 5 hours to create a server that handles routes and serves static files in Node.js. Feel free to write your server from scratch if you feel adventurous, otherwise express is your best option.

Your static server should:

• Have a couple of different routes (e.g. /about /login)
• Respond with 404 Not Found
• Serve static files
  • Images
  • JavaScript
  • CSS
  • Any other?
• Use a template engine (pug, ejs, handlebars) to dynamically render data
  • Create different partials (includes) for components of your page

Extra resources

• Basic Routing
• Static Files
• Templating Engines

Hand in

1. Push your changes: Hand in your progess in your repository on GitHub under your username.

2. Create an issue: Mark this assignment as complete by opening an issue on our GitHub issue tracker. Fill in the issue template with the correct information. Make sure, in your repository, you include the resources used and update your readme.md and wiki with additional information.

3. Feedback: Let us know what you thought of the homework, what part you spend a lot of time on and give us any feedback. Your project will be reviewed and receive feedback, so expect people to read it, and be ready for tips and tops!

This site is open source. Improve this page.