teleren/devto huggingface dataset:
Undeclared, undefined and null in Javascript
Tags: javascript, beginners, programming, webdev
Published: 2022-08-06 16:47:00

## What is an undeclared variable?

- An undeclared variable is created when you assign a value to an identifier which has not been previously created using `var`, `let` or `const`.
- Are defined globally outside of the current scope.
- Can only occur outside of strict mode. If enabled, strict mode will throw a `ReferenceError` instead.
```
// undeclared variable
// assigned global scope
x = 1;

console.log(x) // 1
```

```
'use strict'

// Throws ReferenceError: x is not defined
x = 1;
```


## What is an undefined variable?

- An `undefined` variable in Javascript is a variable which has been declared but has no value assigned to it.
- It has the type `undefined`.
```
var x;

console.log(x) // undefined
```


## What is the difference between null and undefined?

- `undefined` is the value of a variable which has not been assigned a value.
- `null` has to be assigned to a variable.
- `null` has the type `Object`
```
var x; // x is undefined
var y = null; // y is null

console.log(x == y); // true
console.log(x === y); // false
```

- Using the abstract equality operator `==`, `null` and `undefined` will be equal.
- Using the strict equality operator, `===`, `null` and `undefined` are not equal as x is of type `undefined` and y is of type `Object`.
Everything You Need to Know about No-Code Development Platforms in 2022
Tags: nocode, beginners, gui, devjournal
Published: 2022-08-06 16:45:43

Are you curious to know about no-code development platforms? This article provides a guide to no-code development platforms. So, let’s read on!

## What is a No-Code Development Platform?
A No-Code Development Platform, in short NCDP, lets you build an application software using GUIs (graphical user interfaces) and configuration and you don’t need any computer programming. NCDP, like the low-code platforms, speeds up the development process. In NCDP, you create applications leveraging the prebuilt templates. NCDPs can serve you well when you have a mobile workforce and a shortage of software developers.

## Advantages of No-Code Development PLatforms
Some of the advantages of using No Code Development Platforms include:

1. Access
More than 50% of business-to-employee mobile apps are developed using no-code tools. As a result, there is an increasing growth in app creators.

From the coders to anyone having an internet connection and functional business acumen.

2. Agility
No code platforms offer templated user interface along with the user experience functionality that fulfills standard requirements, such as workflows, forms, and data display.

3. Richness
At some point, NCDPs were considered only during the creation of basic application functions. However, today, they provide feature-richness and integrations. Now, no-code developers can design, develop, and deploy software apps to meet their business-specific needs.

4. Security
Security features provided by NCDPs are secure API endpoints, secure code with plugins, platform access control, security audits, compliance, single sign-on, authentication, application access control, etc.

## Concerns Regarding No-Code Development Platforms
You might face challenges if you are building a no-code app that stores consumer data. Proponents of NCDP claim custom code bears higher security risk than platform code which is validated by its continuous usage over various applications. No-code solutions let you mask up all that is happening behind the scenes. Hence, users are free to change or modify a field when fixing certain security-related errors.
Super Coding Soundtrack
Tags: beginners, devjournal, community, music
Published: 2022-08-06 16:42:00

<h1><em>Hello World!</em></h1>

I'm a new student to coding-- excited to make some cool new things happen!

Today I'm making a [soundtrack to code to on Spotify](https://open.spotify.com/playlist/5CH0poCU2hGM2IbBXWLTR3?si=e1c3f304a1c34fec) which I'm sure will be the first of many! This one is frenetic, expansive, and lush with lots of ear candy.

![Coding Soundtrack Screenshot from TT.FM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bq72xgg0yju9s0uec1ne.jpeg)

The inspiration for this playlist is an old chatroom on turntable.fm which was one of the earlier "listen together" platforms and had cute avatars you can see above. There was a room called Coding Soundtrack that I would hang out in long before I got into programming. I think TT.FM, now defunct, is still unmatched for group listening. "DJs", limited to five at a time, would first hang out for a while as listeners and after working their way through the queue would get the chance to be on stage. It was so fun!

<img src="https://i1.sndcdn.com/avatars-aqoDy4Vid3lojZlc-k2qQ2A-t500x500.jpg" alt="Big Sister Logo"/>

I'm coming from being primarily focused on my electronic music project called [Big Sister](https://soundcloud.com/bigsistermusic)! If you like what you hear I'd love to point you towards my A/V sets which are less bite-sized immersive audio visual music pieces [right here](https://linktr.ee/__bigsister_) as well as my other links and creations. I'll also be doing more [Twitch streams](https://www.twitch.tv/biigsiister) soon as I've recently started incorporating DJ sets into my performances where in the past I've always played all-original sets-- it's been a lot of fun so I'm excited to do it more!

<h2>Twitter + Socials</h2>

I made a new [Twitter account](https://twitter.com/ElliotMangini) to use for non-music stuff and I'd like to connect with you all there.

<h3>Check Out bcrypt!</h3>

[One twitter account I recommend](https://twitter.com/bcrypt) is Yan "bcrypt" who I became aware of through the dance music scene. She posts lots of interesting stuff about privacy and security and new tech, she was an early dev for Brave iirc, and she posts other fun stuff that's hard to categorize [like this drawing of the US she did from memory](https://twitter.com/bcrypt/status/1324456269080481792).

<img src="https://pbs.twimg.com/media/EmFp9I0VoAEUQjl?format=jpg&name=large" alt="bcrypt drawing of the US from memory"/>

I'd also like to specifically mention my [Discord Server](https://discord.gg/c2ZkxWnRmc) because it's one of my favorite platforms for connecting. It's primarily music-focused but it'll be good to have some new friends in the mix!

Thanks for having me, DEV community!
-Elliot/Big Sis
How I automated git workflow!
Tags: bash, git, github, npm
Published: 2022-08-06 16:36:00

everyday we use git, and we do a lot of `git add -A` and a lot of commits also pushing and pulling, so I was thinking to make this easy for me, and I said why not for all developers!

so I come up with **CLI** for doing that!

# What this CLI do?
let's describe your flow when you want to start a project
- make a dir
- init git
- make a remote
so with gite you can make this with just `gite repo`

what if you want to push?
- add -A to the stage
- commit with signed or not signed commit, I will mention it later
- then push, but whooo, there's stuff to fetch! 
with `gite push` you just have to write where you want to push and which branch you want to push it and the **biggest thing here** we handle fetching error, with automated one

# So how can I install this CLI?

you just want to have 
- NPM
- nodejs
- GPG (optional for signed commit)

this CLI tested on Linux ecosystem, and it will be available for windows later, it will work for macOS

# installation guide
- open your terminal 
`sudo npm i -g cli-gite`

after download it install it
`sudo ~/../../usr/local/lib/node_modules/cli-gite/install.sh`

if you want to use gpg key settings, you have to know more about it 
so read my  [documentation](https://github.com/Mahmoudgalalz/CLI-gite)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n7v4aaa2vtla8jklykv5.png)

# commands 
- gite repo
- gite push
- gite -v
- gite
- gite update

# what is GPG Key
This key used to make a verified commit in GitHub, it's important for people who work on company to make sure the make the push authorized commit 

you can setup it and make your on signature

# contribution 
feel free to contribute with anything you want 
[repo](https://github.com/Mahmoudgalalz/CLI-gite)
FREE Linkedln Learning Access for Students
Tags: learning, career
Published: 2022-08-06 16:24:00

## Steps

1. Login with your linkedin Account
2. Open site: [spl.org](https://www.spl.org/using-the-library/get-started/en-get-started/en-get-started-with-a-library-card/en-library-card-application)
3. Enter Details with fake US address site: [US Fake address](https://usaddressgenerator.com/)
4. Remember your 4-digit PIN which you are enterning.
5. You will get you free library card. Copy your library card number
6. Open this [link](https://www.linkedin.com/learning-login/go/seattlepl) to activate free learning.
7. Enter library card number and pin.
8. Congrat🎉. You got free access to linkedln learning. 
Enjoy 

Reference Video: [link](https://www.youtube.com/watch?v=9wzmBwUkwDI)
Use PostgreSQL the Right Way!
Tags: database, postgres, tutorial, programming
Published: 2022-08-06 16:07:49

Best practices and Tips on how to use and configure PostgreSQL in the best way.

This post on Medium summarizes some situations and configurations I’ve had to adapt to work with the PostgreSQL database; let’s get to the tips.

To learn more:

https://jlgjosue.medium.com/use-postgresql-the-right-way-7d200aa7999f

Thanks for reading, share this post! :)
Enable Together Mode in Microsoft Teams
Tags: productivity, tutorial, webdev, tooling
Published: 2022-08-06 16:06:21

Microsoft has launched a new feature for their teams application. Together mode is one of the feature of new meeting experience in Teams app. The together mode uses AI segmentation technology to digitally place participants in a shared background. This makes you feel like you’re sitting in the same room with everyone else in the meeting or class as shown in image above. Below is the difference between the normal meeting experience and together mode meeting experience.



Who Can Use Together Mode in Teams?
The Together Mode feature is available to all users. As of now, it is available for the desktop version only but will be extended to the Android/iOS Teams application soon mentioned by Microsoft Teams. As seen in the picture above, the Together Mode feature will be launched with an auditorium view. This view provides a semblance to people gathered in an auditorium, while you watch the audience as a speaker. More views are expected to be launched as the feature evolves.



How do you get team mode together?
Open Microsoft Teams, Click on profile icon > About > Version – Now you can see the current version of MS-Teams make sure you are updated to latest version.

Now Click on profile icon > Settings > Put a check mark in “Turn on New Meeting Experience” 

Then In Teams Go-to your calendar, Click on Meet Now > if the new meeting experience is enabled, user find the meeting controls at top of the window.

Microsoft ensures that the Teams app will now segment the faces using Artificial Intelligense (AI) and bring everyone together. This feature requires at least need 4 participants from same tenant to enable Together Mode in Microsoft Teams. Together mode stays greyed out until the 4th participant joins the call. Microsoft states that the gallery view can fit up to 49 users max at present.

In addition - Dynamic View, Large gallery view, Live reactions, video filters are also features of new meeting experience 

Advantages of Together Mode
The primary benefit of Together Mode in Microsoft Teams is being able to see all the members of the meeting together as if they are one room or class and sitting together. It can discard the old classic video call feature where you can see one people at a time with a boxed view which nullifies to see just a restricted number of people at a time is eased. When you make a normal Teams video conference, the person who is talking frequently appears on the meeting screen with the boxed view. The rest of the persons in the meeting are in the background and are virtually ignored until they start talking in the meeting. This new feature ‘Together Mode’ acknowledges this issue. You can easily view all the people present on the call as well as read their body language and reactions during the meeting, just like we do can in physically with ease of our homes. Also this advantage is otherwise very difficult in their home environments or different backgrounds.

Read Complete Article Here:- [Enable Together Mode in Microsoft Teams](https://stacksjar.com/post/enable-together-mode-in-microsoft-teams)
✨Useful Css Shorthand Properties
Tags: css, uiweekly, tutorial, design
Published: 2022-08-06 16:05:39

In this post we are going to check the most useful and commonly used Css Shorthand Properties which will help us in our productivity.

Shorthand properties are CSS properties that let you set the values of multiple other CSS properties simultaneously. Using a shorthand property, you can write more concise (and often more readable) style sheets, saving time and energy.

The CSS specification defines shorthand properties to group the definition of common properties acting on the same theme. For instance, the CSS background property is a shorthand property that's able to define the values of background-color, background-image, background-repeat, and background-position. Similarly, the most common font-related properties can be defined using the shorthand font, and the different margins around a box can be defined using the margin shorthand.

These are Top 5 Useful CSS Shorthand Properties

## Shorthand Property for FONTS

Before:

```
 font-style: italic;
 font-weight: bold;
 font-size: 18px;
 font-family: 'Bree Serif', serif;
```

After:
```
 font: italic bold 18px Bree Serif, sans-serif;
```

## Shorthand Property for BACKGROUND

Before:
```
 background-color: white;
 background-image: url(images/background.jpg);
 background-repeat: no-repeat;
 background-position: top right;
```

After:

```
 background: white url(images/background.jpg) no-repeat top right;
```

## Shorthand Property for MARGIN

Before:

```
 margin-top: 10px;
 margin-right: 4px
 margin-bottom: 10px;
 margin-left: 4px;
```

After:

 ```margin: 10px 4px 10px 4px;```


## Shorthand Property for LIST

Before:

```
 list-style-type: circle;
 list-style-position: inside;
 list-style-image: url(pointer.jpg);
```

After:

```
list-style: circle inside url(pointer.jpg);

```

## Shorthand Property for BORDER

Before:
```
  border-width: 1px;
  border-style: solid;
  border-color: gray;
```

After:

```
border: 1px solid gray;
```


Hope you find this post Useful.

Read Complete Article Here: [Useful Css Shorthand Properties](https://stacksjar.com/post/useful-css-shorthand-properties)
Array print()
Tags: javascript, typescript, array, webdev
Published: 2022-08-06 16:03:00

> How troublesome every time console.log to each array chain method result for debugging? 

Let's see following code
```javascript
const fruits = [🍌, 🍎, 🍎, 🍍, 🍌, 🥝, 🥝, 🥝]
const result = fruits
                     .filter(emoji => [🥝, 🍌].includes(emoji))
                     .map(emoji => emoji === 🍌 ? 🍋 : emoji)
                     
console.log(result) // [🍋, 🍋, 🥝, 🥝, 🥝]
```
Nothing wrong with the code, just when the result is not what you expect, often you will need to trace back and print out each chain method result to find out which part doing wrong.

You probably do this during debug
```typescript
const fruits = [🍌, 🍎, 🍎, 🍍, 🍌, 🥝, 🥝, 🥝]
const getKiwiNBanana = fruits.filter(emoji => [🥝, 🍌].includes(emoji))                    
console.log(getKiwiNBanana) // [🍌, 🍌, 🥝, 🥝, 🥝]
const result = getKiwiNBanana.map(emoji => emoji === 🍌 ? 🍋 : emoji)
console.log(result) // [🍋, 🍋, 🥝, 🥝, 🥝]
```
Ok~ you did but you write more code and it is not that elegant.

### Array.print()
{% embed https://gist.github.com/edwinwong90/9a6a1601ef331c98b7ef54d3aff7733e.js %} Add this code in your app root and global level. With this minor extend functionality of Array that allow you to print the result effortless and elegant. You might cautious about eslint error `no-extend-native`, but don't be so worry if you are not extend existing built-in method and you shouldn't do it!

### Typescript
To support Typescript, add this following code in your root level.
```typescript
declare global {
  interface Array<T> {
    print(): T[]
  }
}
```

Now you can easily print each chain method result.
```typescript
const fruits = [🍌, 🍎, 🍎, 🍍, 🍌, 🥝, 🥝, 🥝]
const result = fruits
                     .filter(emoji => [🥝, 🍌].includes(emoji))
                     .print() // [🍌, 🍌, 🥝, 🥝, 🥝]
                     .map(emoji => emoji === 🍌 ? 🍋 : emoji)
                     .print() // [🍋, 🍋, 🥝, 🥝, 🥝]
```
Looks clean and neat!
![statisfied-face](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o6pqb8dnoi3xpnb0m4or.png)

There are many thing you can do in the print function like prefix string so that easy for you to search and debug. Or maybe you want disable print in production mode. I will leave it to you to handle this. 

Do :heart: it if it's help! Hope your enjoy.
What is a promise in JavaScript ?
Tags: javascript, webdev, programming
Published: 2022-08-06 15:44:02

Promises are used to handle asynchronous tasks in JavaScript. Managing them is easier when dealing with multiple asynchronous operations, where we’ll get stuck in callback hell, created by callbacks which ultimately leads to unmanageable code. A Promise is a proxy for a value not necessarily known when the promise is created. It allows you to associate handlers with an asynchronous action's eventual success value or failure reason. A promise is always in one of these states:

● Pending
● Resolved
● Rejected
Creating Promises
We can create a promise using the promise constructor:

```js
const promise = new Promise((resolve,reject) => {
resolve(1)
})

```

Promise constructor takes a function as a single argument, which takes two arguments, resolve and reject. We will call resolve if everything inside the function goes well, else we call reject. A pending promise can be resolved by providing a value or rejected by providing a reason (error). If any of these options occur, we must take the appropriate steps. The methods promise.then() and promise.catch() are used to take any further action with a promise that becomes settled.

**then():**
When a promise is resolved or rejected, then() is called. Two functions are passed to the then() method. If the promise is resolved and a result is received, the first function is called. If the promise is rejected and an error is returned, the second function is called. (It's optional as the catch() method is comparatively a better way to handle errors.)

Example:

```js
promise.then((data) => {
// On Resolved
}, (error) => {
// On Rejected
})

```
**catch():**
catch() is called to handle the errors, i.e., when a promise is rejected or when some error has occurred during the execution. catch() method takes one function as an argument, which is used to handle errors.
Example:

```js
promise.catch((error) => {
// Handle Error on Rejected or caught Error
})

```
We added a few new job categories
Tags: admin, jobsearch, devsecops, security
Published: 2022-08-07 11:02:03

---
title: We added a few new job categories
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gqfyo1weybv3zim7ckmz.jpg
published: true
date: 2022-08-06 15:25:30 UTC
tags: Admin,Jobsearch,DevSecOps,Security
canonical_url: https://insights.infosec-jobs.com/we-added-a-few-new-job-categories/
---

We’ve added three new job categories to our site by which jobs can be filtered now from the top of the search form. We provide these categories to allow a quick entry to the most popular categories when looking for jobs in the InfoSec/Cybersecurity space on our platform.

Here are the new categories we introduced:

## Admin

A shortcut for jobs like “IT security administrator” and anything related to tech-related administrative tasks which require a strong security background.

See new open roles in the [InfoSec Admin category here](https://infosec-jobs.com/admin-jobs/).

## Compliance

This category contains all jobs that deal with governance, risk and compliance topics as often defined by regulatory and legal frameworks.

See new open roles in the [InfoSec Compliance category here](https://infosec-jobs.com/compliance-jobs/).

## DevSecOps

Similar to the admin jobs this one is related to DevOps roles with a focus on Security within the DevOps scope (and sometimes beyond).

See new open roles in the [DevSecOps category here](https://infosec-jobs.com/devsecops-jobs/).

![Mobile view of search form with new categories.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pv2f00dmzyv7xz5jf5d6.png)

We hope this helps you getting quicker access to the roles in your domain of expertise and that you’re looking for. Happy job hunting!
What is Markdown?
Tags: markdown, beginners, codenewbie, learning
Published: 2022-08-06 15:20:00

## Introduction

Markdown is simply put what is called a [markup language](https://en.wikipedia.org/wiki/Lightweight_markup_language), and is used for creating formatted text using a plain-text editor like TextEdit or Notepad.

One of its appealing features is that it's easy for humans to read and write and that it's powerful enough for computers to turn ("parse") the Markdown text into other formats like [`HTML`](https://en.wikipedia.org/wiki/HTML) (which browsers can display).

## Where is it used?

Markdown is widely used in blogging, instant messaging, online forums, collaborative software, documentation pages, and software readme files. It's so popular that you may have written Markdown without realizing it. For example, the popular chat app Discord uses Markdown to format chat messages.

Even more, this very blog post is written in Markdown. You can see the source code for this post [here on GitHub](https://github.com/hydephp/hydephp.com/blob/master/_posts/what-is-markdown.md).


## How do I use it?

You can write Markdown in any text editor, even in the notes app on your phone! You can also use apps like [Stackedit](https://stackedit.io/app) which give you a simple and familiar visual writing experience you may be used to from Microsoft Word and Google Docs.

## Where can I learn it?

To learn more about Markdown, I recommend The Markdown Guide, at [www.markdownguide.org](https://www.markdownguide.org/). They also have a blog post which is much better than mine, [www.markdownguide.org/getting-started](https://www.markdownguide.org/getting-started/).


## What does it look like?

Here are some examples of the syntax, and what they look like in a browser:

```markdown
Inline text styles _italic_, **bold**, `monospace`.
```
> Inline text styles _italic_, **bold**, `monospace`.

```markdown
Bullet lists nested within a numbered list:

  1. fruits
     * apple
     * banana
  2. vegetables
     - carrot
     - broccoli
```
> Bullet lists nested within a numbered list:
> 
>   1. fruits
>      * apple
>      * banana
>   2. vegetables
>      - carrot
>      - broccoli

```markdown
A [link](https://hydephp.com).
![Image](Icon-pictures.png "icon")
```

> A [link](https://hydephp.com).
> ![Image](https://hydephp.com/media/logo-masked16-min.png "icon")

## Conclusion

Markdown is a very powerful format for writing text. It's easy to use, and it's easy to read. It's also easy to write. I hope you learned something from this post. 

*This blog post is written for [HydePHP.com](https://hydephp.com/) and is based on [this Wikipedia article](https://en.wikipedia.org/wiki/Markdown) which falls under the [CC BY-SA 3.0 license](https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License), same as this post.*