But why is it required? => It adds a great user experience.

So let’s talk about what things can be done using Navigator.

Location (lat, lng)

• Navigator.geolocation.getCurrentPosition is used to get the user’s location detail
• This is a callback function and it returns latitude, longitude, accuracy, etc…
• Note: User needs to allow their location for this

Battery

• Navigator.getBattery returns the system’s battery details such as
  - Battery level
  - Charging status
  - Charging time
  - And many more
• It returns a promise

Network Online or Offline

• Navigator.onLine returns the true or false based on your internet connection
• If you have an active internet connection then it returns true else false

System Memory

• Navigator.deviceMemory is used to get system RAM information

Network Connection

• Navigator.connection property returns the system’s connection information such as network type, bandwidth, etc...

Preferred Languages

• Navigator.languages is a read-only property and it returns an array of strings representing the user's preferred languages

Current Active Language

• Navigator.language is a read-only property returns a string representing the browser’s current active language

That’s it. Thanks for reading!!

7 Useful Navigator Properties | JavaScript was originally published in SixBerries Labs on Medium, where people are continuing the conversation by highlighting and responding to this story.

We work with data every day. The world itself is data. When we work with data in programming, we widely use the array to store and process the data.

But… Are we using the right method at right place to process the array of data?

To be honest… I see a lot of developers still use the map and filter method to print the array element. A lot of them still don’t know the reduce, some, and every method. And some of them only use the forEach everywhere.

So here I have described the 13 most used array methods in easy words.

forEach

• The forEach() method calls a callback function once for each array element
• The callback function takes 3 arguments:
  - value
  - index
  - array itself

map

• It is used to map the array data
• It creates a new array and does not change the original array
• The returned array has the same length as the input array

filter

• Used to filters the array based on the given condition
• It also creates a new array and does not modify the original array.
• Return an empty array if array elements do not match with the given condition

find

• Behaves the same as a filter, but it only returns a single element
• It also has the condition
• It stops at the first element that “passes the condition” and returns that
• Returns undefined if the condition does not match with any element

findIndex

• Similar to find() but returns index instead of element
• Returns -1 If does not passes the test

reduce

• The reduce() method runs a function on each array element to produce (reduce it to) a single value
• For each iteration, the return value of the callback passed on as an accumulator argument of the next iteration
• Takes initial value as a second argument (Optional)

reduceRight

• Same as reduce, but reduceRight() works from right-to-left in the array

every

• Check if all array values pass a given condition
• Returns true or false

some

• Check if some array values pass a condition
• It returns true or false

indexOf

• Returns the index of an array element if passes the condition
• Returns -1 otherwise

lastIndexOf

• Same as indexOf(), but returns the index of the last occurrence of the specified element

includes

• Used to check if an element is present in an array
• Returns true or false based on the presence of element in the array

Array.from

• Create an Array from a String

I hope you understand all array methods.

You can add the missing methods if you wish to in the comments below :)

Thanks!

In this article, we will be creating a REST API using Deno’s framework OAK. If you are familiar with Node.js and Express/Koa then it will be easy for you to understand Deno + Oak.

I am presuming that you have basic/good knowledge of deno. As a result, I am only giving a short introduction. So, let’s first understand What is Deno and OAK.

What is Deno?

• Deno is a JavaScript/TypeScript runtime that uses V8 engine.
• It's built on V8, Rust, and Tokio.
• Supports TypeScript out of the box.
• Deno V1.0.0 was out officially on May 2020

What is OAK?

• Oak is a Middleware Framework for Deno’s HTTP server; inspired by Koa Framework.
• For those who are familiar with Node.js middleware frameworks like Express, Oak is similar to that in Deno

So much theory man, where is the code 👨‍💻 ?!?! Let’s start with the setup

Install Deno:

Using Shell (macOS and Linux):

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

Using Scoop (Windows):

$scoop install deno

Using Chocolatey (Windows):

$choco install deno

Using Homebrew (macOS):

$brew install deno

Using Cargo (Windows, macOS, Linux):

$cargo install deno

Below is the folder structure of our mini-project. server.js is our entry point file and all routes reside under routes folder.

Clone the example from Github

server.js

All third party modules are imported via URLs as Deno does not support npm. router.routes() method is used to configure routes. The application is listening on port3000.

import { Application } from 'https://deno.land/x/oak/mod.ts';

import router from './routes/router.js';

const app = new Application();

app.use(router.routes());

app.use(router.allowedMethods());

console.log('Server is listening on 3000');

await app.listen({ port: 3000 });

routes/users/router.js

Router is used to create routes.

import { Router } from 'https://deno.land/x/oak/mod.ts';

import { getAllUser, getUserById } from './users/users.js';

const router = new Router();

router.get('/', (context) => {

context.response.body = 'Server is listerning on 3000';

});

router.get('/user', getAllUser);

router.get('/user/:id', getUserById);

export default router;

routes/users/users.js

Below creates a dummy users array and performs an operation on it.

const users = [
{ id: 1, name: 'Json Holder' },
{ id: 1, name: 'Ram Singh' }
];

export const getAllUser = (context) => {

try {

// just returning an object with data

context.response.body = {

message: 'Success',

data: users,

};

context.response.status = 200; // optional... but good to have

} catch (error) {

contxt.response.body = { message: 'Failed', error: e };

contxt.response.status = 500;

}
};

export const getUserById = async (context) => {

try {

let params = await context.params;

const user = users.find((u) => u.id === parseInt(params.id));

context.response.body = {

message: 'Success',

 data: user,

};

context.response.status = 200;

} catch (e) {

contxt.response.body = { message: 'Failed', error: e };

contxt.response.status = 500;

}

};

Thanks. Get in touch on LinkedIn

REST API with Deno OAK server (Deno + OAK) was originally published in SixBerries Labs on Medium, where people are continuing the conversation by highlighting and responding to this story.