Why URL parsing matters in Node.js - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the URL class from the 'url' module.

Node.js

const { [1] } = require('url');

Drag options to blanks, or click blank then click option'

AURL

Bparse

Cformat

Dresolve

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'parse' instead of 'URL' which is a function, not a class.

Trying to import the whole module without destructuring.

The URL class is used to parse and manipulate URLs in Node.js.

2fill in blank

medium

Complete the code to create a new URL object from a string.

Node.js

const myUrl = new URL([1]);

Drag options to blanks, or click blank then click option'

A'http://example.com/path?name=abc#section'

Bhttp://example.com

CurlString

DurlObject

Attempts:

3 left

💡 Hint

Common Mistakes

Passing a variable name instead of a string literal.

Omitting quotes around the URL string.

The URL constructor expects a string representing the full URL.

3fill in blank

hard

Fix the error in accessing the hostname property of the URL object.

Node.js

console.log(myUrl.[1]);

Drag options to blanks, or click blank then click option'

Ahost

Borigin

Chref

Dhostname

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'host' which includes the port number.

Using 'href' which returns the full URL string.

The hostname property returns only the domain name without port.

4fill in blank

hard

Fill both blanks to extract the pathname and search parameters from the URL.

Node.js

const path = myUrl.[1];
const params = myUrl.[2];

Drag options to blanks, or click blank then click option'

Apathname

BsearchParams

Csearch

Dhash

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'search' instead of 'searchParams' which is a string, not an object.

Confusing 'hash' with query parameters.

pathname gives the path part of the URL, and searchParams provides an easy way to work with query parameters.

5fill in blank

hard

Fill all three blanks to add a new query parameter and get the full updated URL string.

Node.js

myUrl.[1].append('[2]', '[3]');
console.log(myUrl.href);

Drag options to blanks, or click blank then click option'

AsearchParams

Buser

C123

Dparams

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'params' instead of 'searchParams'.

Confusing the key and value order in append.

Use searchParams.append to add a new query parameter. Then href shows the full URL string with the new parameter.

Practice

1. Why is URL parsing important in Node.js applications?

easy

A. It speeds up the server hardware performance.

B. It automatically fixes broken internet connections.

C. It breaks a web address into parts for easy reading and modification.

D. It encrypts the URL for security.

Solution

1. Step 1: Understand URL parsing purpose

   URL parsing splits a URL into parts like protocol, hostname, path, and query for easier handling.

2. Step 2: Identify the benefit in Node.js

   This helps developers read, change, or validate URLs safely and simply using Node.js built-in URL class.

3. Final Answer:

   It breaks a web address into parts for easy reading and modification. -> Option C

4. Quick Check:

   URL parsing = breaking URL into parts [OK]

Hint: URL parsing means splitting URL into parts for easy use [OK]

Common Mistakes:

• Thinking URL parsing fixes internet connections
• Confusing URL parsing with encryption
• Assuming it improves hardware speed

2. Which of the following is the correct way to create a URL object in Node.js?

easy

A. const url = new URL('https://example.com');

B. const url = URL('https://example.com');

C. const url = url.parse('https://example.com');

D. const url = new url('https://example.com');

Solution

1. Step 1: Recall URL object creation syntax

   In Node.js, the URL class is used with the new keyword: new URL(string).

2. Step 2: Check each option for correct syntax

   const url = new URL('https://example.com'); uses new URL('...'), which is correct. const url = URL('https://example.com'); misses new keyword. const url = url.parse('https://example.com'); uses url.parse which is from older API. const url = new url('https://example.com'); uses lowercase url which is invalid.

3. Final Answer:

   const url = new URL('https://example.com'); -> Option A

4. Quick Check:

   Use new URL() to create URL object [OK]

Hint: Use 'new URL()' with capital U and new keyword [OK]

Common Mistakes:

• Omitting 'new' keyword
• Using lowercase 'url' instead of 'URL'
• Using deprecated url.parse method

3. What will be the output of this Node.js code?

const myUrl = new URL('https://example.com:8080/path?search=test#frag');
console.log(myUrl.hostname);
console.log(myUrl.port);
console.log(myUrl.pathname);
console.log(myUrl.search);
console.log(myUrl.hash);

medium

A. https://example.com
8080
/path
search=test
frag

B. example.com

/path
?search=test
#frag

C. example.com:8080
/path
?search=test
#frag
undefined

D. example.com
8080
/path
?search=test
#frag

Solution

1. Step 1: Understand URL properties

   myUrl.hostname returns 'example.com', port returns '8080', pathname returns '/path', search returns '?search=test', hash returns '#frag'.

2. Step 2: Match output to options

   example.com 8080 /path ?search=test #frag matches all values exactly as expected. Others have missing or incorrect parts.

3. Final Answer:

   example.com 8080 /path ?search=test #frag -> Option D

4. Quick Check:

   URL parts match example.com 8080 /path ?search=test #frag output [OK]

Hint: Remember URL properties return strings including '?' and '#' [OK]

Common Mistakes:

• Forgetting '?' in search or '#' in hash
• Confusing hostname with full URL
• Missing port or printing undefined

4. Identify the error in this Node.js code snippet that tries to parse a URL:

const url = new URL('htp://example.com');
console.log(url.hostname);

medium

A. URL class cannot parse URLs with hostnames.

B. The protocol 'htp' is invalid and causes a TypeError.

C. Missing 'new' keyword before URL constructor.

D. The console.log statement is incorrect syntax.

Solution

1. Step 1: Check the URL string protocol

   The protocol 'htp' is misspelled; valid protocols are 'http', 'https', etc.

2. Step 2: Understand error caused by invalid protocol

   Node.js URL constructor throws a TypeError for invalid protocols like 'htp'.

3. Final Answer:

   The protocol 'htp' is invalid and causes a TypeError. -> Option B

4. Quick Check:

   Invalid protocol causes TypeError [OK]

Hint: Check protocol spelling carefully to avoid errors [OK]

Common Mistakes:

• Ignoring protocol typos
• Thinking 'new' keyword is missing
• Assuming console.log syntax is wrong

5. You want to safely change the query parameter 'page' to '2' in this URL string:

const urlString = 'https://example.com/search?query=nodejs&page=1';

Which Node.js code correctly updates the 'page' parameter without breaking the URL?

hard

A. const url = new URL(urlString);
url.searchParams.set('page', '2');
console.log(url.toString());

B. const url = urlString.replace('page=1', 'page=2');
console.log(url);

C. const url = new URL(urlString);
url.page = '2';
console.log(url.href);

D. const url = new URL(urlString);
url.query.page = 2;
console.log(url.href);

Solution

1. Step 1: Use URL and searchParams to modify query

   Creating a URL object and using searchParams.set updates query parameters safely.

2. Step 2: Verify other options

   const url = urlString.replace('page=1', 'page=2'); console.log(url); uses string replace which can break URL if parameter order changes. Options A and C try to set properties that don't exist on URL object.

3. Final Answer:

   const url = new URL(urlString); url.searchParams.set('page', '2'); console.log(url.toString()); -> Option A

4. Quick Check:

   Use searchParams.set() to update query safely [OK]

Hint: Use URL.searchParams.set() to update query parameters [OK]

Common Mistakes:

• Using string replace instead of URL methods
• Trying to set non-existent URL properties
• Not converting URL object back to string