doc: be more explicit in the sypnosis

Assuming less knowledge on the part of the reader, making it easier
to get start using Node.js.

PR-URL: https://github.com/nodejs/node/pull/17977
Fixes: https://github.com/nodejs/node/issues/17970,
Reviewed-By: Vse Mozhet Byt <vsemozhetbyt@gmail.com>
Reviewed-By: Gireesh Punathil <gpunathi@in.ibm.com>
Reviewed-By: Ruben Bridgewater <ruben@bridgewater.de>
Reviewed-By: Jeremiah Senkpiel <fishrock123@rocketmail.com>

1 files changed, 68 insertions, 8 deletions

diff --git a/doc/api/synopsis.md b/doc/api/synopsis.md
index ada2437387..508dde1ff4 100644
--- a/doc/api/synopsis.md
+++ b/doc/api/synopsis.md
@@ -9,9 +9,58 @@ Please see the [Command Line Options][] document for information about
 different options and ways to run scripts with Node.js.
 
 ## Example
-
 An example of a [web server][] written with Node.js which responds with
-`'Hello World'`:
+`'Hello World!'`:
+
+Commands displayed in this document are shown starting with `$` or `>`
+to replicate how they would appear in a user's terminal.
+Do not include the `$` and `>` character they are there to
+indicate the start of each command.
+
+There are many tutorials and examples that follow this
+convention: `$` or `>` for commands run as a regular user, and `#`
+for commands that should be executed as an administrator.
+
+Lines that don’t start with `$` or `>` character are typically showing
+the output of the previous command.
+
+Firstly, make sure to have downloaded and installed Node.js.
+See [this guide][] for further install information.
+
+Now, create an empty project folder called `projects`, navigate into it:
+Project folder can be named base on user's current project title but
+this example will use `projects` as the project folder.
+
+Linux and Mac:
+
+```console
+$ mkdir ~/projects
+$ cd ~/projects
+```
+
+Windows CMD:
+
+```console
+> mkdir %USERPROFILE%\projects
+> cd %USERPROFILE%\projects
+```
+
+Windows PowerShell:
+
+```console
+> mkdir $env:USERPROFILE\projects
+> cd $env:USERPROFILE\projects
+```
+
+Next, create a new source file in the `projects`
+ folder and call it `hello-world.js`.
+
+In Node.js it is considered good style to use
+hyphens (`-`) or underscores (`_`) to separate
+ multiple words in filenames.
+
+Open `hello-world.js` in any preferred text editor and
+paste in the following content.
 
 ```js
 const http = require('http');
@@ -22,7 +71,7 @@ const port = 3000;
 const server = http.createServer((req, res) => {
   res.statusCode = 200;
   res.setHeader('Content-Type', 'text/plain');
-  res.end('Hello World\n');
+  res.end('Hello World!\n');
 });
 
 server.listen(port, hostname, () => {
@@ -30,15 +79,26 @@ server.listen(port, hostname, () => {
 });
 ```
 
-To run the server, put the code into a file called `example.js` and execute
-it with Node.js:
+Save the file, go back to the terminal window enter the following command:
 
-```txt
-$ node example.js
-Server running at http://127.0.0.1:3000/
+```console
+$ node hello-world.js
 ```
 
+An output like this should appear in the terminal to indicate Node.js
+server is running:
+
+ ```console
+ Server running at http://127.0.0.1:3000/
+ ````
+
+Now, open any preferred web browser and visit `http://127.0.0.1:3000`.
+
+If the browser displays the string `Hello, world!`, that indicates
+the server is working.
+
 Many of the examples in the documentation can be run similarly.
 
 [Command Line Options]: cli.html#cli_command_line_options
 [web server]: http.html
+[this guide]: https://nodejs.org/en/download/package-manager/