Running your first Deno program - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to print 'Hello, Deno!' to the console.

Deno

console.[1]("Hello, Deno!");

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

Alog

Bprint

Cwrite

Decho

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'print' instead of 'log' causes an error because 'print' is not a console method.

Trying 'echo' or 'write' which are not valid console methods.

The console.log function prints messages to the console in Deno.

2fill in blank

medium

Complete the command to run a Deno script named 'app.ts'.

Deno

deno [1] app.ts

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

Astart

Blaunch

Cexecute

Drun

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'start' or 'launch' which are not valid Deno commands.

Using 'execute' which is not recognized by Deno.

The deno run command runs a Deno script file.

3fill in blank

hard

Fix the error in the code to correctly import and use the standard Deno colors module.

Deno

import { red } from "https://deno.land/std/fmt/colors.ts";
console.log(red("[1]"));

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

AHello Deno

BHello, Deno!

CHello, World!

DHello World

Attempts:

3 left

💡 Hint

Common Mistakes

Missing the comma or exclamation mark changes the output.

Using a different greeting phrase.

The string should exactly match the intended output 'Hello, Deno!' including punctuation.

4fill in blank

hard

Fill both blanks to create a simple Deno script that reads a file named 'data.txt' and prints its content.

Deno

const data = await Deno.[1]("data.txt", { [2]: "utf8" });
console.log(data);

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

AreadTextFile

BreadFile

Cencoding

Ddecode

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'readFile' returns bytes, not text.

Using 'decode' instead of 'encoding' in options.

Deno.readTextFile reads a file as text, and the option encoding: "utf8" specifies the text encoding.

5fill in blank

hard

Fill all three blanks to create a Deno script that fetches JSON data from a URL and logs the parsed object.

Deno

const response = await fetch("https://api.example.com/data");
const [1] = await response.[2]();
console.[3](data);

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

Adata

Bjson

Clog

Dtext

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'text()' instead of 'json()' to parse the response.

Logging the wrong variable name.

Using 'console.print' which does not exist.

The variable data stores the parsed JSON from response.json(), and console.log prints it.

Practice

1. What command do you use to run a JavaScript or TypeScript file with Deno?

easy

A. node filename.js

B. deno run filename.ts

C. npm start filename.ts

D. deno start filename.js

Solution

1. Step 1: Understand the Deno run command

   Deno uses the command deno run followed by the file name to execute scripts.

2. Step 2: Identify the correct command for running a file

   The correct syntax is deno run filename.ts or deno run filename.js. Other options are for Node.js or incorrect commands.

3. Final Answer:

   deno run filename.ts -> Option B

4. Quick Check:

   Deno runs scripts with 'deno run' [OK]

Hint: Use 'deno run' plus your file name to run scripts [OK]

Common Mistakes:

• Using 'node' instead of 'deno run'
• Typing 'deno start' which is invalid
• Using 'npm start' which is for Node.js projects

2. Which of the following is the correct syntax to print 'Hello, Deno!' to the console in a Deno program?

easy

A. console.print('Hello, Deno!')

B. print('Hello, Deno!')

C. console.log('Hello, Deno!')

D. echo('Hello, Deno!')

Solution

1. Step 1: Recall JavaScript console output method

   In JavaScript and TypeScript, the standard way to print to the console is using console.log().

2. Step 2: Identify the correct function

   Options like print() or echo() are not valid in JavaScript or Deno. console.print() is not a function.

3. Final Answer:

   console.log('Hello, Deno!') -> Option C

4. Quick Check:

   Use console.log() to print text [OK]

Hint: Use console.log() to print messages in Deno [OK]

Common Mistakes:

• Using print() which is not defined in JavaScript
• Trying console.print() which does not exist
• Using echo() which is from shell scripting

3. What will be the output when you run this Deno program?

console.log('Welcome to Deno!');

medium

A. Welcome to Deno!

B. console.log('Welcome to Deno!');

C. SyntaxError

D. No output

Solution

1. Step 1: Understand console.log behavior

   The console.log() function prints the string inside the parentheses to the console.

2. Step 2: Predict the output

   The string 'Welcome to Deno!' will be printed exactly as is, without quotes.

3. Final Answer:

   Welcome to Deno! -> Option A

4. Quick Check:

   console.log prints the string content [OK]

Hint: console.log prints text without quotes [OK]

Common Mistakes:

• Expecting the code line itself as output
• Thinking it causes a syntax error
• Assuming no output without running

4. You wrote this Deno program:

console.log('Hello Deno!')

But when you run deno run hello.ts, you get an error. What is the most likely cause?

medium

A. You must run with 'deno start' instead

B. You need to add a semicolon at the end

C. Deno does not support console.log

D. You forgot to save the file before running

Solution

1. Step 1: Check common causes of errors when running Deno

   If the file is not saved, Deno cannot find the latest code to run, causing errors.

2. Step 2: Evaluate other options

   Semicolons are optional in JavaScript/TypeScript, console.log is supported, and 'deno start' is not a valid command.

3. Final Answer:

   You forgot to save the file before running -> Option D

4. Quick Check:

   Unsaved files cause run errors [OK]

Hint: Always save your file before running with Deno [OK]

Common Mistakes:

• Thinking semicolons are mandatory
• Believing console.log is unsupported
• Using wrong Deno commands like 'deno start'

5. You want to run a Deno program named greet.ts that prints a greeting. Which command will correctly run the program if your terminal is in the same folder as the file?

medium

A. deno run ./greet.ts

B. deno start greet.ts

C. deno run ../greet.ts

D. deno rungreet.ts

Solution

1. Step 1: Understand file path usage in Deno run

   Deno requires the file path to be correct. Using ./greet.ts explicitly points to the current directory.

2. Step 2: Evaluate other options

   deno rungreet.ts is invalid because there's no space after run. deno run ../greet.ts points to the parent directory, which is wrong here. deno start greet.ts is invalid.

3. Final Answer:

   deno run ./greet.ts -> Option A

4. Quick Check:

   Use './filename' to run files in current folder [OK]

Hint: Use './filename' to run files in current directory [OK]

Common Mistakes:

• Missing space after 'run' like 'deno rungreet.ts'
• Using '../' which points to wrong folder
• Trying 'deno start' which is invalid