Subscribe

Getting Started with Deno πŸ¦•

✍️

What is all this Deno hype about? A getting started guide!

6 Aug, 2020 Β· 2 min read

Today, we'll be covering getting started with Deno! Deno is a JavaScript server language like node.js but built-in Typescript. It's designed to improve the shortcomings of node.js.

It's been quite hyped over the last couple of months, and even when writing this article, I have zero experience with it, so this guide is also my guide.

What is TypeScript?

As mentioned, TypeScript is a superset of JavaScript. TypeScript is a strongly typed language, meaning types must be defined when declaring variables. This makes it more strict and easier to spot errors and faults.

Setting up Deno

To get started, we need to install Deno locally first.

If you are on Linux/Mac, run the following command:

curl -fsSL https://deno.land/x/install/install.sh | sh

If you're on Windows:

iwr https://deno.land/x/install/install.ps1 -useb | iex

Note: You can find your install package on the Deno website

You can verify the installation by running:

deno --help

Our First Deno Application

So let's start by creating our first Deno application.

Create a new folder, and our starting file server.ts

mkdir deno && cd deno

Let's start adding lines to our server.ts file.

import { serve } from 'https://deno.land/[email protected]/http/server.ts';

This tells our server to import the serve module from a URL; in node.js we would have to use npm install first!

Now we are going to create a new Deno server:

const server = serve({ port: 1337 });

We are starting our server on port 1337.

Sending a response to the browser

for await (const req of server) {
  req.respond({ body: 'Hello Deno!!' });
}

So this is a bit different than what we see in node.js. We loop through each incoming request, and we are returning a body for each request!

Running Our Deno Server

To run our deno server, we can run the following command in our terminal.

deno run --allow-net server.ts

Now we can open our browser and go to localhost:1337. We should now see our body!

Excellent, getting started was quick and easy!

You can download my starter project on GitHub

Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Spread the knowledge with fellow developers on Twitter
Tweet this tip
Powered by Webmentions - Learn more

Read next πŸ“–

JavaScript sending data between windows

9 Sep, 2022 Β· 4 min read

JavaScript sending data between windows

Using the native payment request JavaScript API

9 Aug, 2022 Β· 8 min read

Using the native payment request JavaScript API

Join 1829 devs and subscribe to my newsletter