teleren/devto huggingface dataset:
Difference between == and === in JavaScript. Explained!
Tags: javascript, webdev, programming, computerscience
Published: 2022-01-10 05:56:31

**==**  and **===** operator has always been the topic of online discussion. Let's see how these two are different from each other.

Double equal(==) sign check for _loose equality_ while Triple equal (===) sign checks for _strict equality_. The difference is that (==)loose equality will attempt to resolve the datatype via **type coercion** before making it comparison while (===)strict equality will return false if the data types are different. Let me give you some examples to understand it better.

```javascript
/*Example 1*/
console.log(2== "2");//Output:true
console.log(2 === "2");//Output:false

/*Example 2*/
console.log(true == "1");//Output:true
console.log(true === "1");//Output:false

/*Example 3*/
console.log("I am a String" == new String("I am a String."));//Output:true
console.log("I am a String" === new String("I am a String."));//Output:false
```

## Example 1
In example 1 you can see that using two equal signs(==) returns true because the string **"2"** is converted to the number **2** before the comparison is made but with (===)three equal signs it sees that the types are different **2** is the number and **"2"** is a string and then it returns false.

## Example 2
In example 2 you can see that using two equal signs(==) returns true because in JavaScript _true _ is **1** and _false_ is 0.So it is converted to **1** before comparison in loose equality. However in (===)strict equality it is not converted and returns false

## Example 3
This is an interesting example. In (===) strict equality we can see that it returns false. It illustrates that _String Literals are different from String Object_. However in (==) loose equality it convert the object to literals before comparison and then returns true.

## Which one is better to use "==" or "==="?

It is better to use (===) strict equality in your code because it will increase the clarity of code and prevent any false positive.

## Wrap Up!!
I hope you enjoyed this article. Thank you for reading. Please share it with your network. Don’t forget to leave your comments below.
What is the Temporal dead zone?
Published: 2022-01-10 05:54:44



In case of let and const variables, Basically, Temporal Dead Zone is a zone "before your variable is declared",
i.e where you can not access the value of these variables, it will throw an error.

ex.

```
let sum = a + 5;        //---------
//some other code       //         | ------>  this is TDZ for variable a
                        //         |
console.log(sum)        //---------
let a = 5;
```
_above code gives an error_

the same code will not give an error when we use var for variable 'a',

ex.
```
var sum = a;                            
console.log(sum)     //prints undefined
var a = 5;
```

let and const have two broad differences from var:

1.They are block scoped.
2.Accessing a var before it is declared has the result undefined; accessing a let or const before it is declared throws ReferenceError:
```
console.log(aVar); // undefined
console.log(aLet); // Causes ReferenceError: Cannot access 'aLet' before initialization

var aVar = 1;
let aLet = 2;
```

It appears from these examples that let declarations (and const, which works the same way) may not be hoisted, since aLet does not appear to exist before it is assigned a value.

That is not the case, however—let and const are **hoisted (like var, class and function)**, but <u>there is a period between entering scope and being declared where they cannot be accessed. This period is the </u>**temporal dead zone (TDZ)**.

---


## To Summarize
Hoisting:
let,const,var are all get hoisted process.
(whats mean they go upper and declare in the top of the scope.)

hoisting process: var, let, const
Initialisation process: var

---



### Thanks, and see you next time!
Delete Logs Powershell
Tags: powershell, delete, logs, script
Published: 2022-01-10 05:32:37

## Powershell script for delete records older than the number of days established.


```scss
$Path = "c:\inetpub\logs\LogFiles"
$Daysback = "-60"
$CurrentDate = Get-Date
$DatetoDelete = $CurrentDate.AddDays($Daysback)
Get-ChildItem $Path -Recurse -Force | Where-Object { $_.LastWriteTime -lt $DatetoDelete } | Remove-Item

```
CRUD  Operations
Published: 2022-01-10 05:29:01

Create, Read, Update, and Delete (CRUD) is an acronym for Create, Read, Update, and Delete. These four processes are the most fundamental and are the foundation for interacting with any database. They can be performed with most traditional database systems. Let's get started with the fundamentals of CRUD operations.
The create operation is used to communicate or post data to the server. We need to keep different types of data on our website, such as text, image, address, date, and so on. To do so, we must use a database. The create operation is used to insert information into the database.
The read action is used to retrieve information from a database. Under the hood, when we visit a website, it sends a GET request to the server to complete this read action. That example, the Read operation is used to retrieve information from the database.
The update action is used to change an existing value in the database. This operation sends a PUT request to the database to update a specific value.
The delete action is used to remove a particular value from the database. Using the delete operation, we can erase any type of value.
Powershell Memory Process View
Tags: powershell, memory, script, windows
Published: 2022-01-10 05:28:18

This command is for check process with hight RAM memory.

## Get Computer Object

```scss
$CompObject =  Get-WmiObject -Class WIN32_OperatingSystem
$Memory = ((($CompObject.TotalVisibleMemorySize - $CompObject.FreePhysicalMemory)*100)/ $CompObject.TotalVisibleMemorySize)

Write-Host "Memory usage in Percentage:" $Memory

```

## Top 5 process Memory Usage (MB)

```scss       
 
 $processMemoryUsage = Get-WmiObject WIN32_PROCESS | Sort-Object -Property ws -Descending | Select-Object -first 5 processname, @{Name="Mem Usage(MB)";Expression={[math]::round($_.ws / 1mb)}}
 $processMemoryUsage
```
Check - Unistall updates Windows 10 installed
Tags: powershell, updates, windows10, uninstall
Published: 2022-01-10 05:17:10



**CMD**
```scss
wmic qfe list brief /format:table  # list installed updates 

wusa /uninstall /kb:5003637 # unistall NUMBER update
```
**Powershell**
```scss
get-wmiobject -class win32_quickfixengineering  #list installed

Install-Module PSWindowsUpdate

Get-WUHistory | Select-Object -First 20

Remove-WindowsUpdate -KBArticleID KB5003637
```
History of js
Published: 2022-01-10 05:16:50

Hello guys meeting you after a long time and i forgot to tell you that i got selected to neogcamp level 1 and now i am practicing the web dev there with some professionals so lets get into the topic.

Today we are going to talk about kingdom of js yeah i mean history of js so js means javascript now everybody will think of that it will be related to java but it is not they are totally different both of they uses and functionality are different and they are being used for their specific problems.

Now college professors will say it is a scripting language it is not programming language you have to learn only programming language but its a myth now javascript has became more powerful its a dynamic programming language so we can transpile it we will later discuss about what is transpilation and compilation.

so js was invented by **BRENDAN EICH ** in 1995 which as developed for netscape 2 and after it became ECMA SCRIPT where ECMA means European Computer Manufactures Association where later on this ECMA SCRIPT renamed as JAVASCRIPT  so every programming language has its own standard community where in js its TC 39 community where its checks all of its update and javascript its backwards compatible where its any version can work in browser so after the JS versions came where the major changes started from ES3 TO ES6 and ES6+ so this is all about the history 

until we meet next time by the way i got this blog idea from neogcamp so huge thanks for this.......
Lawwonders - We Keep You Understand The Wonders Of Law

Tags: legalconsultancy, trademarkregistration, companyregistration
Published: 2022-01-10 05:16:21

**Lawwonders** is a full-fledged leading legal and business consultancy service provider in Malappuram, Kollam, Thiruvananthapuram, and all over south India for company registration, firm registration, partnership registration trust registration, Society registration, GST Registration, Income tax registration, Annual return submission, ROC filing, Company audit assistance, IPR and a passionate team of lawyers appearing before any Indian courts for getting any kind of civil or criminal legal remedies.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mawmygwqdo4d1y728jiy.jpg)
For an overview, you can visit their website: [](https://www.lawwonders.com/)
New beginnings
Tags: javascript, bootcamp, flatiron, nontech
Published: 2022-01-10 05:15:35

<h2>Twilight on the start of the next chapter</h2>
It's 8:50pm on Sunday January 9th, 2022.  Tomorrow I am starting  the Flatiron full time 15-week Software Engineering intensive program.  I'm both excited and nervous - as one would expect. I'm genuinely excited to be diving in and learning some new languages.  I think what I'm most excited about is the chance to put some of the more academic logic that I've learned to work in a formal programming setting.  That is very very appealing to me.  Abstraction has always sort of been my thing any way...
<h2>Humble Beginnings</h2>
It's weird to think that I've literally been around computers for as long as I can remember.  Before it was normal to have a computer in your room, I had a huge hulking box humming away in the corner of my childhood bedroom.  We flirted with 386's and 486's as kiddos, and by the time I was in high school it was Pentium's and the sinking too much money into video cards. It feels like a shocking oversight that I haven't seriously tried to get into tech previously.
<h2>Honest Goals</h2>
Since I really don't know what to expect out of the coming weeks and months I can't really set any specific goals, but I do want to be true to my career thus far: to keep exploring storytelling through new media; to be professional and expect the best of your colleagues; and to create space in projects to hold up the unique experiences of my collaborators.  
<h2>Here we go</h2>
It's been a sort of wacky few years, with lots of false starts. I truly hope that this isn't another one.
List or Remove apps default windows 10
Tags: windows10, script, remove, apps
Published: 2022-01-10 05:13:06

**List apps installed**
```scss
Get-AppxPackage –AllUsers | Select Name, PackageFullName
#option2
Get-AppxPackage -PackageTypeFilter Main, Bundle, Resource | Where-Object {$_.PackageFullName -like "*NAME_SEARCH*"}  | Select Name, PackageFullName
#option3
Get-AppxPackage -AllUsers | Where-Object {$_.PackageFullName -like "*NAME_SEARCH*"}  | Select Name, PackageFullName
```

**Remove PACKAGE_NAME**
```scss
Get-AppxPackage PACKAGE_NAME | Remove-AppxPackage
#option2
Get-AppxPackage -PackageTypeFilter Main, Bundle, Resource | Where-Object {$_.PackageFullName -like "*NAME_SEARCH*"}  | Remove-AppxPackage -Allusers
```

**Remove apps list**
```scss
# 3D Builder
Get-AppxPackage *3dbuilder* | Remove-AppxPackage

# Get Office
Get-AppxPackage *officehub* | Remove-AppxPackage

# Groove Music
Get-AppxPackage *zunemusic* | Remove-AppxPackage

# Mail/Calendar
Get-AppxPackage *windowscommunicationapps* | Remove-AppxPackage

# Maps
Get-AppxPackage *windowsmaps* | Remove-AppxPackage

# Solitaire Collection
Get-AppxPackage *solitairecollection* | Remove-AppxPackage

# Movies & TV
Get-AppxPackage *zunevideo* | Remove-AppxPackage

# News
Get-AppxPackage *bingnews* | Remove-AppxPackage

# OneNote
Get-AppxPackage *onenote* | Remove-AppxPackage

# Skype
Get-AppxPackage *skypeapp* | Remove-AppxPackage

# Tips
Get-AppxPackage *getstarted* | Remove-AppxPackage

# Weather
Get-AppxPackage *bingweather* | Remove-AppxPackage

# Xbox
Get-AppxPackage *xboxapp* | Remove-AppxPackage
Easy Tic-Tac-Toe Game using HTML, CSS & JavaScript
Tags: coding, javascript, programming, 100daysofcode
Published: 2022-01-10 05:08:13


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

## Hello everyone,
Today I have build a simple tic tac toe game using HTML, CSS & JavaScript. I have shared the code in detailed and is available here: [CLick Here ](https://www.frontendeverything.in/2022/01/simple-tic-tac-toe-game-using.html)
Powershell % disk space
Tags: powershell
Published: 2022-01-10 05:02:48

You can use this command for see space of all disks.

```css
Write-Host "Host: $env:COMPUTERNAME ($(Get-Date -Format “MM/dd/yyyy”)) "  -foregroundcolor "green"
  Get-WMIObject  -Class Win32_LogicalDisk | Where-Object {$_.DriveType -eq 3}  `
    | Select-Object @{n="Unit";e={($_.Name)}}, 
                    @{n="Label";e={($_.VolumeName)}}, 
                    @{n='Size (GB)';e={"{0:n2}" -f ($_.size/1gb)}}, 
                    @{n='Free (GB)';e={"{0:n2}" -f ($_.freespace/1gb)}}, 
                    @{n='% Free';e={"{0:n2}" -f ($_.freespace/$_.size*100)}} `
```

Note: for remote host use `Enter-PSSession <ComputerName>` / `Exit-PSSession` and run script.

or for many hosts can use invoke command adding parameter COMPUTER_NAME .

```css
$machines = @(
    'COMPUTER_NAME_1',
    'COMPUTER_NAME_2'
)
foreach ($machine in $machines) {
    Invoke-Command -ComputerName $machine -ScriptBlock {
         
         Write-Host "Host: $env:COMPUTERNAME ($(Get-Date -Format “MM/dd/yyyy”)) "  -foregroundcolor "green"
         (Get-WMIObject  -Class Win32_LogicalDisk | Where-Object {$_.DriveType -eq 3}  `
         | Select-Object @{n="Unit";e={($_.Name)}}, 
                    @{n="Label";e={($_.VolumeName)}}, 
                    @{n='Size (GB)';e={"{0:n2}" -f ($_.size/1gb)}}, 
                    @{n='Free (GB)';e={"{0:n2}" -f ($_.freespace/1gb)}}, 
                    @{n='% Free';e={"{0:n2}" -f ($_.freespace/$_.size*100)}}
       )  
    }
}
```
Self-Taught Developer Journal, Day 35: TOP DOM Manipulations and Events
Tags: webdev, beginners, codenewbie, devjournal
Published: 2022-01-10 04:17:42

Today I learned....

## What is the DOM (or Document Object Model)?
*The DOM (or Document Object Model) is a tree-like representation of the contents of a webpage.* 

The tree is composed of nodes organized in a hierarchical or family tree like structure. For example: 

    <div id="container">
      <div class="image"></div>
      <div class="text"></div>
    </div>

The **div .image** and **div .text node** are children of the parent node **div #container**. Each child is its own branch.

![DOM Example Diagram](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f7hh6fzh89vom3oowffu.png)

JavaScript is used to manipulate the DOM.
 
## Node vs Element
So what is the difference between a node and a HTML element?
* A **node** is an object of the document.
* An **element** is a node (element node) that's written using a HTML tag.

A node is composed of different types like text, attribute, etc. An element node if one of them.

## Resources
[The Odin Project](https://www.theodinproject.com/paths/foundations/courses/foundations/)
https://dmitripavlutin.com/dom-node-element/
BUGS!!!!🐞 
Tags: javascript, bugs, programers, programming
Published: 2022-01-10 04:12:04

BUGSSSSSSS!!!!!!!!!!!!!!!!!!!!!

**THE MOST SCARIEST ANIMAL OF A PROGRAMER IS A BUG 🐞 **

AND OH THIS **ARTICLE*** WILL HELP YOU BECAUSE WE WILL HELP YOU KNOW WHAT ARE BUGS IN JUST THIS ARTICLE. and oh no 🤦‍♂️ 

THERE IS A BUG

CAN YOU DETECT THE BUG IN THE PARGRAPH

HMM.... hmm... 🤔 

After an half’n hour: 
Oh yes!!!! THE ARTICLE WORD IS IN BOLD 

YEAH!!!!

Ok so maybe you detected it fast can you do it spilt second here are some tips

- WHILE WRITING CODE REFRESH YOUR CONSOLE, WEBSITE OR WHAT EVER YOUR USING SO AS TO CHECK EVERYTHING IS RIGHT

- WHILE WRITING CSS NEVER EVER FORGET WRITE THESE FOUR LINES OF CODE ON THE TOP
```
*{
margin: 0px;
padding: 0px;
}
```
- LESSER THE LINES OF CODE SO THAT IT GOES SMOOTH... AND OF COURSE YOU CAN USE FRAMEWORKS TO DO THAT WORK AND I RECOMMEND VUE...

SO THESE ARE THE TIPS 

AND ONCE AGAIN WHAT ARE BUGS AFTER ALL

THERE ARE JUST A BUNCH CREPPY DISTURBING INSECT FOR A PROGRAMER AND PRETTY GOOD AND CUTE INSECTS FOR FARMER 👨‍🌾 


              🐞
Use Tin to quickly set up Grafana in minutes
Tags: programming, beginners, tutorial, productivity
Published: 2022-01-10 04:09:25

Tin is a product of TeamCode that can generate executable applications instantly without manual environment configuration. Users can click to run project directly in the cloud. 

**Login to Tin and clone the Grafana app**

1. Click the Tin URL of Grafana.
https://www.teamcode.com/tin/clone?applicationId=270273627750297600
Users who have not logged in should sign up first.

2. Log in to Tin with your email, Github account, or phone number.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/egxo4rhj3nw5tv10pr0s.png)

3. (Optional) After logging in, you can change the “Application Name” or “Tag”。

4. Click "Clone" button to clone the Tin app to your workspace.
Note: Tin will give new users a free trial for a certain length of time, which is determined by the instance size. After the free trial time, the Tin app will automatically stop working. You will not be charged for the whole process. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d2b0ev9o3l6ihlwofoap.png)

5. Click "RUN NOW" to initiate the application.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tti1r9k4wmqy6pc25g2g.png)

6. Click the "Endpoint List" button to go to the Endpoint list, with the entry points for all apps displayed. Click the URL of entry point.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nic64etcx9jt61f7p7b9.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d50nkfiixs72id67da1u.png)

**Now you can log in to Grafana to use it.**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/38dylzczzn0hz1monw6m.png)
You can also use the Tin to quickly set up other excellent open source projects, see the guide: https://www.teamcode.com/docs/en-US/tin/create-tin
The tutorial of using Tin to quickly set up Apache APISIX in minutes
Published: 2022-01-10 04:03:15

Tin is a product of TeamCode that can generate executable applications instantly without manual environment configuration. Users can click to run project directly in the cloud. 
**Login to Tin and clone the Apache APISIX**
1. Click the Tin URL of Apache APISIX.
https://www.teamcode.com/tin/clone?applicationId=254296249567039488
Users who have not logged in should sign up first.

2. Log in to Tin with your email, Github account, or phone number.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/shb7p7ocpqhrbhnsnqre.png)

3. (Optional) After logging in, you can change the “Application Name” or “Tag”.

4. Click "Clone" button to clone the Tin app to your workspace.
Note: Tin will give new users a free trial for a certain length of time, which is determined by the instance size. After the free trial time, the Tin app will automatically stop working. You will not be charged for the whole process. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lygha1i5vp9yvctu0721.png)

5. Click "RUN NOW" to initiate the application.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ekatrp12vxbbl7exicm7.png)

6. Click the "Endpoint List" button to go to the Endpoint list, with the entry points for all apps displayed. Click the URL of entry point.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qt85yajvb3ke4ku2d2mg.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pki7pulmohp8jx8i7glk.png)

Now you can log in to Apache APISIX to use it.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0epbx6s8dycyhq6ar62l.png)
You can also use the Tin to quickly set up other open source projects, see the guide: https://www.teamcode.com/docs/en-US/tin/create-tin
MAKING YOUR FIRST WEB APP
Tags: webdev, webapp, javascript, beginners
Published: 2022-01-10 03:55:53

**O**k what we are going to make today is absolutely simple but, it is not as simple as you think it is as hard as you make it so moving into today’s project is a one file project and let’s name the file _Car2go.html_ we are going to do all coding in this file so at first look how are file looks(without css). 
![It looks portrait because it is made in iPhone](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ifhox84a1f40z3zjobpp.jpeg)
Ok let me explain so a few names are only so with these name any of these names we can make a card or sell a car so, next we should enter the car name & then finally we can give a description of our car and then it gets displayed. Here’s how the card looks and when scrolled how it shows the description 

![THE CARD](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gem8n8mnbnwdp6p0ic5v.jpeg)


![SCROLL A LITTLE(CARD)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2uvqnxac2iqux12a6q4.jpeg)

**INTO CODING 👨🏻‍💻(IMPORTANT: I WILL ONLY SHOW THE NESSECRY YOU SHOULD ADD ALL CSS**

_CODING TIME TO GO !!!!!!!!!!_

So at first create a three simple inputs like this with a button 

```
 <input type="text" id="name" placeholder="name">
      <input type="text" id="car_name" placeholder="car name">
      <input type="text" id="description" placeholder="description">
      <button onclick="addn()">
        ADD
      </button>
```

And here goes the Tarzan css

```
Oh wait explaining this may take Time so,
```

```
TIME TO RELEASE ALL CODE
```

TARZAN OH! DUMBA DUMBA DOE! 

THE HTML

```
 <div id="add">
      <h2 id="h2">
        CA<span id="span">R2</span>GO
      </h2>
      <input type="text" id="name" placeholder="name">
      <input type="text" id="car_name" placeholder="car name">
      <input type="text" id="description" placeholder="description">
      <button onclick="addn()">
        ADD
      </button>
    </div>
    <div id="home">
    <div id="go">
      <h2 id="h2">
        CA<span id="span">R2</span>GO
      </h2>
    </div>
    <div id="main">
      <button onclick="add()">
        +
      </button>
      <p id="h2">
      <b>CA<span id="span">R2</span>GO</b> 
      </p>
    </div>
    <div id="cars">
       
    </div>
    </div>
```