teleren/devto huggingface dataset:
Visual Studio Code Course
Tags: vscode, productivity, tools
Published: 2020-05-28 11:06:08

---
title: Visual Studio Code Course
published: true
description: A Visual Studio Code Course playlist
tags: vscode, productivity, tools
---

Hello! 👋

I started a my first tutorial and it's a [Visual Studio Code Course](https://www.youtube.com/playlist?list=PLmn7fc5XVG8_Y_6a0xViotTmev2W-QH7b) on Youtube!

It will cover everything you know to get started but also giving you tips that I use on my professionnal workplace.

What video would you like to see or topic covered?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/b4q69mrtlgi4qgcplkeq.gif)
How do you organise your files in your computer?
Tags: watercooler, discuss
Published: 2020-05-28 11:01:26

---
title: How do you organise your files in your computer?
published: true
description: 
tags: #watercooler, #discuss
---

Is there any pattern that you follow or do you just dump everything in the desktop?

![cluttered desktop](https://dev-to-uploads.s3.amazonaws.com/i/elo1sjojjbjn9axsouln.jpg)
🚀 Nullish Coalescing Operator | ES2020
Tags: javascript, webdev, tutorial, programming
Published: 2020-05-28 10:55:13

---
title: 🚀 Nullish Coalescing Operator | ES2020 
published: true
description: In this episode learn how to use Nullish Coalescing to clean up your codebase. A nice new feature that I've been abusing a lot! 
tags: javascript, webdev, tutorial, programming
cover_image: https://imgur.com/UaXcODT.png
---

The ES2020 was just approved by the TC39 committee, and in the proposal, Nullish Coalescing is a thing. What is "Optional chaining"? 

Well, it's another way to assign fallback values other than using the OR operators we might normally use.

This video goes over an example to hopefully make more sense of it. 🤓
In this example, we will provide default values but keep values other than null or undefined. If you want more information, scroll down. 👇

{% youtube wPDWezEQiKk %}

The Nullish Coalescing Operator returns the results of the right-hand-side expression if the left-hand-side expression is either [null](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null) or [undefined](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined).

If that sounds confusing, don't worry it's actually really simple.

There is often use cases where falsy values could be a wanted default like the number zero or an empty string. Using the Nullish Coalescing Operator makes it easy to check only for `null` and `undefined` before falling through the OR evaluation. I think the example below will make it a little less complicated sounding. 

Using the nullish coalescing operator versus OR operator.

 ### Using the OR Operator. 

```js
// example based on MDN docs.
const nullValue = null;
const emptyText = ""; // falsy
const someNumber = 42;

const valA = nullValue || "default for A";
const valB = emptyText || "default for B";
const valC = someNumber || 0;

console.log(valA); // "default for A"
console.log(valB); // "default for B" (as the empty string is falsy)
console.log(valC); // 42
```
### Using the Nullish Coalescing Operator

```js
// example from MDN
const nullValue = null;
const emptyText = ""; // falsy
const someNumber = 42;

const valA = nullValue ?? "default for A";
const valB = emptyText ?? "default for B";
const valC = someNumber ?? 0;

console.log(valA); // "default for A"
console.log(valB); // "" (as the empty string is not null or undefined)
console.log(valC); // 42
```
So as you can see, nothing too crazy. Just another tool to add to your JavaScript belt. 

---

[Follow me on Twitter](https://twitter.com/nialljoemaher)

Subscribe on [Codú Community](https://www.youtube.com/c/Cod%C3%BACommunity)
3 Worth Ice Security Metrics and 2 That’s don’t Matter
Tags: security
Published: 2020-05-28 10:51:36


Every area of business has specific performance metrics that should be monitored. 

These metrics are key performance indicators that display a measurable value that shows the progress of a company's business goals. Security is supposed to be automatic, but actually it requires the act to push the button.

Too much technical jargon is being presented to the chief executive and the board. Indeed, security leaders and their organizations have used a myriad of metrics over the years. But still, many executives and board members have complained that those measures failed to provide them with adequate insight. 

As security gains greater visibility in boardrooms, security professionals are increasingly asked to provide metrics to track the current state of a company's defenses. But which numbers really matter and which don’t?

3 Valuable Metrics 

Business goals are rising, just as having a true business outcome. However, security management advisors say they still see value in many metrics historically used by the security team. What’s more important is measuring the effectiveness of your systems to protect against those and to protect against their impact on the business. Here are 3 valuable metrics that you can use to provide that much-needed context.

Time to Detect

Using metrics like mean time to detect – the measure of how long it took from the time of a successful attack to the time of detection, because that, too, indicates how well a security program works and can be tracked to show improvement. 

Penetration testing 

Like simulated phishing attacks, metrics around penetration testing indicate how well an organization can resist such events and can track improvements over time. 

Time To Recover 

How quickly the security team resolved the issue, and whether that time meets, exceeds or falls short of targeted times based on the organization’s established appetite for risk.

2 Metrics To Abandon (Patches completed and Vulnerabilities identified)

While these measures might make sense as an internal measurement of work done or be required to confirm an organization is compliant with certain regulations, they have little to no value in and of themselves. One can be lull into a false sense of security.
How to add TypeScript Declaration Files without TypeScript
Tags: javascript, typescript, webpack
Published: 2020-05-28 10:46:10

No code completion for your JavaScript library? No type-checking?

Declaration files are files that describe the form of an existing JavaScript codebase to [TypeScript](https://www.typescriptlang.org/).

By using declaration files (`.d.ts`) you get among other things a code completion in your editor and simplify the use of the library.

But how can I create declaration files for my JavaScript library? I'll give you a short instruction.

## Library function
 
*File:* `src/unit/index.js`

```js
/**
  * Converts celsius (C) to fahrenheit (F)
  *
  * @param   {number} value Temperature in celsius
  * @returns {number}       Temperature in fahrenheit
  */
export const cToF = (value) => (value * 9 / 5) + 32
```

## Declaration file

*File:* `src/unit/index.d.ts`

```js
export function cToF(value: number): number
```

In the declaration file you describe only the parameters and the return type.

## webpack configuration

The declaration files must be delivered with the library. For this I use the webpack plugin [`copy-webpack-plugin`](https://github.com/webpack-contrib/copy-webpack-plugin).

*File:* `config/webpack/webpack.config.js`

```js
const CopyPlugin = require('copy-webpack-plugin')

module.exports = {
  ...
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.join(__dirname, '..', '..', 'src/**/*.d.ts'),
          to: path.join(__dirname, '..', '..', 'dist', '[folder].d.ts'),
          flatten: true
        }
      ]
    })
  ]
  ...
}
```

## Ready

With tools like [dtslint](https://github.com/microsoft/dtslint) you can tests declaration files for style and correctness.

The [TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html) provides detailed documentation on declaration files.
The big comeback of Dungeons and Dragons
Tags: discuss, books
Published: 2020-05-28 10:12:57

Born in the 70s, the role-playing game Dungeons and Dragons (D&D) is currently experiencing its comeback in popular culture. The company behind the game, Wizard of the Coast, has more than tripled its sales worldwide since 2015, and Quebec is no exception <a rel="noreferrer noopener" href="https://www.5efeats.com/spells/vicious-mockery/" target="_blank"><strong>Vicious Mockery</strong></a>.  

Comedian Normand D'Amour notes this phenomenon as co-owner of Le Randolph bar, an establishment where you can play board games with friends. "It really exploded," he says. At Randolph, we sell Dungeons and Dragons products and we really notice the attraction people have for this game. Whether it's rule books, stories, or accessories, it attracts the world. ”     

Dungeons and Dragons is a game in which players embody fantastic characters who evolve in a story told by a "master of the game". A game can stretch over several sessions, each lasting several hours.
(Another) TypeScript starter for Chrome extensions
Tags: typescript, react, vue, webdev
Published: 2020-05-28 10:08:12

Hi, everyone! I've recently built [the small Chrome extension for LinkedIn](https://chrome.google.com/webstore/detail/jphfcmjmlcoecehbanbbfgonpapcnjdi) (it's open-sourced and [available on GitHub](https://github.com/yurist38/linkedin-video-downloader)). When I just decided to make it, I took a look at available starters. I found some but they didn't fit my needs, so I configured the project from scratch. And after that, I thought that it might be useful to make a standalone starter, so I (or you) can quickly bootstrap a new Chrome extension next time. I even recorded the video with a quick overview for people who are completely new to the stack.

{% youtube 01vp9cYbQus %}

## Here is the starter itself

{% github room-js/chrome-extension-ts-starter %}

---

Also, I wanted to share with you some nice stuff that I've found just yesterday. [These guys at Bumble](https://github.com/bumble-org) are doing a great job around Chrome extensions. Take a look at the packages they have published. You might also find them useful for building extensions.

---

Thanks for reading/viewing! Feel free to star the repo and follow [JavaScript Room blog on Instagram](https://www.instagram.com/room_js).
Have a great time and stay safe!
How to Fix QuickBooks error code 12152?

Tags: quickbooksdesktopservices, quickbookspointofsale, quickbooksenterprise
Published: 2020-05-28 09:55:13


The error code 12152 of the accounting software QuickBooks is related to the update of the software. When a user will try to update the accounting software to the latest edition then he may suffer from this error code. The common causes of the error code 12152 on the accounting software QuickBooks Enterprise mainly include issues in the process of registration and errors in the API keys of the accounting software. When the error code will occur on the accounting software the screen will be displayed with it. The active windows program might get crashed preventing the user from working on QuickBooks point of sale. Furthermore, the user’s device will become sluggish giving a slow response to the user’s input. Hence it is necessary for the user to eliminate the error code from the device quickly. The method to resolve the error code 12152 from the device is to rectify the date and time of the device. Incorrect date and time can lead to the error code 12152 on the screen of the device. Hence correcting the date and time can resolve the error code from the screen of the user. QuickBooks desktop service can also be connected to resolve the error code from the screen.

Cadda Rim is a creative person who has been writing blogs and articles about QuickBooks Products and Services. He writes about the latest updates regarding Quickbooks point of sale,Quickbooks desktop service and how it can improve the work experience of users. His articles have been published in many popular e-magazines, blogs, and websites.

Visit us:- https://quick-booksupport.com/how-to-fix-quickbooks-error-code-12152/
GraphQL at global scale: Facebook
Tags: graphql, architecture, javascript, react
Published: 2020-05-28 09:53:58



## From the news:

A few weeks ago Facebook rolled out its new desktop design. 

One of the many improvements they are experimenting with is `lazy loading` where they prefetch both the `code` and the `data` needed by a view.

What draw my attention is the introduction of `entry points`: 

> "files that wrap a code-split point and transform inputs into queries.
> These files are very small and are downloaded in advance for any
> reachable code-split point."

The so-called `entry points` unify the fetching of `code` and `data` a view needs in one single GraphQL query:

> "This has the added benefit of creating a single JavaScript function
> that contains all the data-fetching needs for any given point in the
> app, which can be used for the server preloading discussed earlier."

The new approach leverages GraphQL's ability to unity request and minimizes network usage in a way I have never seen before. 



## This literally blew my mind. :rocket:



I cannot wait for further releases of their performance improvements and will try to use this in my future projects.


**What do you think?**

**Have you ever seen code and data fetching done simultaneously?**



More on Facebook's engineering blog [here](https://engineering.fb.com/web/facebook-redesign/).
Anyone free to review my project?
Tags: javascript, webdev
Published: 2020-05-28 09:52:39

Hey guys, recently we released GlueCodes Framework. Main goals:

It should allow to develop fast loading websites.
It should let us build reactive UIs.
It should be minimalistic and simplistic.
It should let us build apps that scale.
It should let us build a boilerplate that can be easily generated with common tools.

I'll be happy with any kind of feedback :D

https://github.com/gluecodes/gluecodes-framework
List of common types of software testing
Tags: typesofsoftwaretesting
Published: 2020-05-28 09:39:10

In this section, we will describe the different types of software testing. Various types of software testing are performed to achieve different objectives when testing a software application. You can also read about different software testing techniques that can be associated with various <a href="https://www.testingxperts.com/blog/types-of-software-testing">types of software testing</a>.


Ad-hoc testing
This sort of programming testing is casual and unstructured and can be performed by any partner with no reference to any experiment or test configuration archives. 

The individual performing Ad-hoc testing has a decent comprehension of the area and work processes of the application to attempt to discover imperfections and break the product. Specially appointed testing is proposed to discover absconds that were not found by existing experiments. 

Acceptance Testing 
Acceptance testing is a conventional kind of programming testing that is performed by the end-client when the highlights have been conveyed by engineers. The point of this testing is to check if the product affirms to their business needs and to the prerequisites given before. Acceptance tests are typically archived toward the start of the run (in light-footed) and are a method for analyzers and designers to progress in the direction of a typical understanding and shared business area information. 

Accessibility Testing 
While doing Accessibility testing, the point of the testing is to decide whether the substance of the site can be handily gotten to by debilitated individuals. Different checks, for example, shading and difference (for partially blind individuals), text dimension for outwardly impeded, clear and brief content that is anything but difficult to peruse and comprehend. 

Agile Testing 
Agile Testing is a sort of programming testing that suits dexterous programming advancement approach and practices. In an Agile improvement environment,testing is a basic piece of programming advancement and is done alongside coding. Deft testing permits gradual and iterative coding and testing. 

API Testing 
API  testing is a kind of testing that is like unit testing. Every one of the Software APIs are tried according to API determination. Programming interface testing is for the most part done by a testing group except if APIs to be tried or complex and necessitates broad coding. Programming interface testing requires understanding the two API usefulness and having great coding aptitudes. 

Automated testing 
This is a trying methodology that utilizes testing instruments as well as programming to run the experiments utilizing programming or uniquely created test utilities. The vast majority of the robotized apparatuses gave catch and playback office, in any case, there are devices that require composing broad scripting or programming to computerize experiments.
How to build an object with 'Class Constructors' in Javascript
Tags: javascript, webdev, codenewbie
Published: 2020-05-28 09:35:23

Whilst I was creating a weather app with Javascript, I was confused about what a class constructor does.

Therefore, I decided to research about it and help others to understand how to work with them.

A class constructor is nothing more than a way to create an object in ES6 so is a new way but incredibly useful to create and build applications. 

For example, you can create a 'user search application' using an API, a Weather app or any application that requires the use of APIs.  


1. You need to create a class with a name: follow the UpperCaseCamel rule, which means that every word starts with a capital letter.
 
 class Cat {}

2. Create the constructor: the constructor is simply a way to create our object and the syntax is:

class Cat {
   constructor() {

}
}

3. Create the constructor

The keyword this is very important because it points out 'which' object we want to create. 
Don't forget to give it an intuitive name everyone will be able to recognize (developer team, clients)

class Cat {
   constructor() {
    this.treat = 'catnip'
}
}

4. Call or invoke the object 

class Cat {
   constructor() {
    this.treat = 'catnip'
}
}

const catnip = new Cat('catnip')
console.log(catnip.treat) //'catnip' 


I created an easy step by step infographic that you can download here:
https://karemortiz.nl/class-constructor-javascript/
How to remove IIS server information from the response header?
Tags: howto, iis, remove, header
Published: 2020-05-28 09:35:12

# How to remove IIS server information from the response header?
*(Tested on IIS 10.0, ASP.NET MVC 5)*

### Add/Edit three lines of code in _**web.config**_ as below
*Line 1*
``` xml
<httpRuntime targetFramework="4.7.2" enableVersionHeader="false" />
```
*Line 2*
``` xml
<remove name="X-Powered-By" />
```
*Line 3*
``` xml
<requestFiltering removeServerHeader="true" />
```

### Overview
``` xml
...
<system.web>
    <compilation debug="true" targetFramework="4.7.2" />
    <httpRuntime targetFramework="4.7.2" enableVersionHeader="false" />
</system.web>
<system.webServer>
    <httpProtocol>
        <customHeaders>
            <remove name="X-Powered-By" />
        </customHeaders>
    </httpProtocol>
    <security>
        <requestFiltering removeServerHeader="true" />
    </security>
</system.webServer>
...
```
Deploying My First Django Website
Tags: django, python, beginners, deploying
Published: 2020-05-28 09:31:26

I recently completed the Django website I've been working on (at least to a point where I can show it to the world) and the next stage now is obviously deployment. This is my first time and  I've heard of many hosting services like Heroku , Python  Anywhere and Digital Ocean but I've got no clue which one to choose nor why. Any advice or help?
What is the best technology stack to use for building a marketplace website?

Tags: html, css
Published: 2020-05-28 09:20:56

Choosing the right technology stack is the first step towards developing a marketplace website. However, if you don’t have a sound knowledge of the specificities of a <a href="https://www.csschopper.com/custom-web-development.shtml"> custom web development company</a>, then the decision will be difficult. This is because there are a variety of options available that makes the selection process even more complex.

If you want to build a successful marketplace website, then the following tech stack will be deployed in the development process. Let’s have a look at them:

<b>Technology Stack</b>

Technology stack will comprise two parts: the server-side (back-end technology) and the client-side (front-end technology).

<b>Client-side Technology</b>

As the name clearly indicates, it is associated with the visual part of the website where the users will interact. It will consist of:

HyperText Markup Language (HTML) and Cascading Style Sheet (CSS) is responsible for how the content will be displayed on the website.

JavaScript helps in the user interaction within a website.

<b>Server-side Technology</b>

Server-side is that part of a website that is not visible to the users. It includes:

The programming language is used for developing the basic logic of the websites.

A database where all the essential information on the website will be stored.

A server will handle the request of the users’ devices.

Points to Consider While Choosing a Technology Stack for Building a Marketplace

<b>Size of the Project</b>

If you want to build a basic website, then it will be great to opt for simple technologies such as WordPress. But, if you want to develop a huge marketplace then you to utilize various web technologies.

<b>Cost</b>

Website development and maintenance will demand a good amount of financial resources. The type of technology that you choose will have a direct impact on the overall pricing of the project.

So, if you are thinking of building a website, then it is recommended to deploy the above-mentioned technology stack. You can look for a <a href="https://www.csschopper.com/">trusted web development company</a> that will help in selecting the right technology stack as per your project’s requirement and building a high-performance website.