This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
expressworks with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Learn Express.js from the author of one of the best books on Express.js—Pro Express.js—workshop to teach you basics of Express.js.
ExpressWorks will provide you with tasks and hints. You write the solutions to these problems. Then, after you wrote a solution as an Express.js app, ExpressWorks will verify your solution to the problem.
Video screencasts which walk you through setup and problems (spoiler alert): YouTube ExpressWorks. 📺💻😁
117 Azat Mardan 55 Azat Mardanov 19 Christophe Porteneuve 10 Tyler Moeller 10 azat-co 9 RamiroPinol 8 Elias Meire 8 Justin Porter 6 billy3321 4 Kohei TAKATA 4 Shim Won 3 Charlotte Spencer 3 Harry Moreno 3 Kaelig Deloumeau-Prigent 2 Austin Corso 2 Julian Mazzitelli 2 Kevin Jayanthan 2 Robbie Holmes 2 Thomas Burette 2 Victor Hugo 2 intrueder 1 Alessandro Lensi 1 Alfredo Miranda 1 Apricity 1 Ayman Mahfouz 1 Chuanfeng 1 Daniel Geier 1 Dylan Smith 1 Eddie Hsieh 1 Finn 1 Gabe Fernando 1 Giuseppe 1 Hanbyul Jin 1 Jessie Shi 1 Johan Binard 1 Jonny Arnold 1 Kevin Kuhl 1 Louis Pilfold 1 Luis Del Águila 1 Naitian Zhou 1 Rich Trott 1 Richard Kho 1 Ryan Kois 1 Timothy Gu 1 Trevor Whitney 1 Wojciech Gawronski 1 brownman 1 raj 1 swisherb 1 tdtsh 1 Victor Hugo Rocha 1 Bradley Hanson
Make a PR to see your name here. ;-)
$ git shortlog -n -s. Please add yourself to the list when making a pull request.
Recommended global installation:
$ npm install -g expressworks $ expressworks
If you see errors, try:
$ sudo npm install -g expressworks $ expressworks
Run & install locally:
$ mkdir node_modules $ npm install expressworks $ cd node_modules/expressworks $ node expressworks
Optional step that gives you the global command (
expressworks) in the Terminal/command prompt:
$ npm link $ expressworks
Note: ExpressWorks depends on a local copy of Express being available in your project folder. To do the exercises, make sure to install the Express.js with
$ npm init $ npm install firstname.lastname@example.org
See Offline Setup for more required dependencies.
ExpressWorks understands these commands:
Usage expressworks Show a menu to interactively select a workshop. expressworks list Show a newline-separated list of all the workshops. expressworks select NAME Select a workshop. expressworks current Show the currently selected workshop. expressworks run program.js Run your program against the selected input. expressworks verify program.js Verify your program against the expected output.
If you would like to setup all node packages beforehand, you can complete this workshop offline. Here are all the modules to install with exact versions that this workshop supports:
$ npm install email@example.com $ npm install firstname.lastname@example.org $ npm install email@example.com $ npm install firstname.lastname@example.org
Note: You need to have
packagen.json in your project folder before installing dependencies. Run
$ mkdir node_modules or
$ npm init to create one of them.
If you want to reset the list of completed tasks, clean the
Create an Express.js app that runs on localhost:3000, and outputs "Hello World!" when somebody goes to root '/home'.
process.argv will be provided by expressworks to you, this is the port number.
Create an Express.js app with a home page (/home) rendered by pug template engine, that shows current date (toDateString).
Write a route ('/form') that processes HTML form input (
<form><input name="str"/></form>) and prints backwards the str value.
Apply static middleware to server index.html file without any routes. The index.html file is provided and usable via
process.argv value of the path to it. However, you can use your own file with this content:
<html> <head> <link rel="stylesheet" type="text/css" href="/main.css"/> </head> <body> <p>I am red!</p> </body> </html>
Style your HTML from previous example with some Stylus middleware. The path to main.styl file is provided in
process.argv or you can create your own file/folder from these:
p color red
The index.html file:
<html> <head> <title>expressworks</title> <link rel="stylesheet" type="text/css" href="/main.css"/> </head> <body> <p>I am red!</p> </body> </html>
Create an Express.js server that processes PUT
/message/:id requests, e.g., PUT
As the response of this request return id SHA1 hashed with a date:
require('crypto') .createHash('sha1') .update(new Date().toDateString().toString() + id) .digest('hex')
Write a route that extracts data from query string in the GET
/search URL route, e.g.,
?results=recent&include_tabs=true, and then transforms outputs it back to the user in JSON format.
Write a server that reads a file (file name is passed in
process.argv), parses it to JSON and outputs the content to the user with