teleren/devto huggingface dataset:
HTTP Methods You Must Know 👍 👨‍💻 A Thread 🧵
Tags: http, html, https, webdev
Published: 2022-07-14 09:54:33

🔷 GET : Requests Some Data From 
A Server 🔷

🔷 **PUT** : Update A Resources On The 
Server 🔷

🔷 **PATCH** : Update A Resource On The 
Server Partially 🔷

🔷 **CONNECT** : Establish A Tunnel
To The Server 🔷

🔷 **TRACE** : Performs A Message Loop-Back
Test To The Target 🎯 🔷

🔷 **OPTIONS** : Describe The Communication 
Options For The Largest Resources 🔷

🔷 **POST** : Submit A New Resource To A
Server 🔷

🔷 **DELETE**: Delete A Resources On 
The Server 🔷

🔷 **HEAD** : Same As GET, But Does Not 
Request For A Response Body 🔷


👨‍💻 Follow @devkshitij7👨‍💻
For More Amazing Posts...
5 Helpful Website For Developer's You Must Know 👨‍💻 A Thread 🧵
Tags: wesbsites, developers, javascript
Published: 2022-07-14 09:51:02


**🔷 CodeShare 🔷**

https://codeshare.io/

**🔷 Repl 🔷**

https://replit.com/

**🔷 OneLang 🔷**

https://ide.onelang.io/

**🔷 OverAPI 🔷**

https://overapi.com/

👨‍💻 Follow @devkshitij7   👨‍💻
For More Awesome Posts....
5 Helpful CSS Tools For Developer's You Must Know 👨‍💻 A Thread 🧵
Tags: develo, css, developer
Published: 2022-07-14 09:48:27



🔷 PurgeCSS 🔷

https://purgecss.com/

🔷 CSS Scan 🔷

https://chrome.google.com/webstore/detail/css-scan/gieabiemggnpnminflinemaickipbebg

🔷 Animista 🔷

https://animista.net/

🔷 Get Waves 🔷

https://getwaves.io/


👨‍💻 Follow @devkshitij7 👨‍💻
For More Awesome Posts...
Understanding Load Balancing A Thread 🧵
Tags: loadbalancing, beginners, webdev, programming
Published: 2022-07-14 09:44:47



Load balancing is a core networking solution used to distribute traffic across multiple servers in a server farm. Load balancers improve application availability and responsiveness and prevent server overload.

Load balancing was introduced for various reasons. 
One of them is to improve the speed and performance of each single device, and the other is to protect individual devices from hitting their limits by reducing their performance.

Each load balancer sits between client devices and backend servers, receiving and then distributing incoming requests to any available server capable of fulfilling them.

Cloud load balancing is defined as dividing workload and computing properties in cloud computing. It enables enterprises to manage workload demands or application demands by distributing resources among multiple computers, networks or servers.

Cloud load balancing involves managing the movement of workload traffic and demands over the Internet.


👨‍💻 Follow @devkshitij7
Types of Load Balancing A Thread 🧵
Tags: loadbalancing
Published: 2022-07-14 09:42:02



🔷Software-based load balancers  🔷

🔷Software-based load balancers run on standard hardware (desktop, PC) and standard operating systems. 🔷

🔷Hardware-based load balancers 🔷 

🔷Hardware-based load balancers are dedicated boxes that contain application-specific integrated circuits (ASICs) optimized for a particular use. 🔷

🔷ASICs allow network traffic to be promoted at high speeds and are often used for transport-level load balancing because hardware-based load balancing is faster than a software solution. 🔷

👨‍💻 Follow @devkshitij7  
For More Amazing Posts
🔷 Free Public APIs for Developers You Must Know 👨‍💻 A Thread 🧵
Tags: api, rapidapi
Published: 2022-07-14 09:39:17



**🔷 Alpha Vantage 🔷**

🔷 The Simplest & the most effective way 
to receive stocks,EFT, forex, & crypto 
currency data. Ranked as a Leading API 🔷

**🔷 RAWG Video Games Database 🔷**

🔷 The largest open video games 
database 🔷

**🔷 BraveNewCoin 🔷**

🔷 It Provides Latest & historic crypto
 currency market data  🔷

**🔷 Weatherapi.com 🔷**

🔷 WeatherAPI is a powerful fully managed free weather and geolocation API provider that provides extensive APIs that range from the weather forecast, historical weather, future weather, weather alerts. 🔷

**🔷 Google Translate 🔷**

🔷It Helps to Dynamically translate between languages 🔷

**🔷 The Cocktail DB 🔷**

🔷 API to get data on alcohol & cocktails.🔷
**
🔷 Web Search 🔷**

🔷Billions of webpages, images and news
 with a single API call. 🔷
**
🔷 Genius 🔷**

🔷 Provides Genius Song Lyrics API 🔷

**🔷 Shazam 🔷**

🔷 Identify any song. Discover, artists, lyrics, videos & playlists to create a song detector site/application such as shazam 🔷

**🔷 Instagram 🔷**

🔷 Get Every Possible Information
 From Instagram . 🔷
**
🔷 TheRundown 🔷**

🔷 The fastest and most accurate real-time odds, scores, schedules, and stats from major sportsbooks. NFL, NBA, WNBA, MLB, NHL, NCAA Football, & NCAA Basketball with more sports soon. 🔷
**
👨‍💻 Follow @devkshitij7  
For More Awesome Posts...**
Top Data Science Books For Beginners 📚 A Thread 🧵
Tags: datascience, database, science
Published: 2022-07-14 09:34:40



**📔 Python Data Analysis 📕**

https://www.amazon.in/Python-Data-Analysis-Wes-Mckinney/dp/1491957662

**📔 Data Science From Scratch 📕**

https://www.amazon.in/Data-Science-Scratch-Joel-Grus/dp/1492041130

**📔 Hands-On Machine Learning with
 Scikit-Learn, Keras, and TensorFlow 📕**

https://www.amazon.in/Hands-Machine-Learning-Scikit-Learn-TensorFlow/dp/9355421982

👨‍💻 Follow @devkshitij7  

For More Awesome Posts...
Javascript best practices🔥
Tags: javascript, webdev, programming, beginners
Published: 2022-07-14 08:22:21

1. Declare and Initialize Arrays in javascript
2. Find out the sum, minimum and maximum value in javascript
3. Sorting Array of String, Numbers or Objects in javascript 
4. Remove Duplicates array values in javascript
5. Create a Counter Object or Map in javascript
6. Ternary Operator in javascript
7. Arrow Functions in javascript
8. Shuffle an Array in javascript
9. Rest & Spread operators in javascript 
10. Convert Decimal to Binary or Hexa in javascript

### 1. Declare and Initialize Arrays in javascript 
We can initialize array of particular size with default values like "", null or 0. You might have used these for the 1-D array but how about initializing 2-D array/matrix?

```
const array = Array(5).fill(''); 
// Output 
(5) ["", "", "", "", ""]

const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); 
// Output
(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
length: 5
``` 
### 2. Find out the sum, minimum and maximum value in javascript

``` 
const array  = [5,4,7,8,9,2]; 
Sum in array javascript
array.reduce((a,b) => a+b);

// Output: 35
MAX in array javascript
array.reduce((a,b) => a>b?a:b);
// Output: 9

MIN in array javascript
array.reduce((a,b) => a<b?a:b);
// Output: 2
```

### 3. Sorting Array of String, Numbers or Objects in javascript 
```
const stringArr = ["Joe", "Kapil", "Steve", "Musk"]
stringArr.sort();
// Output
(4) ["Joe", "Kapil", "Musk", "Steve"]

stringArr.reverse();
// Output
(4) ["Steve", "Musk", "Kapil", "Joe"]

### Sort Number Array in javascript
const array  = [40, 100, 1, 5, 25, 10];
array.sort((a,b) => a-b);
// Output
(6) [1, 5, 10, 25, 40, 100]

array.sort((a,b) => b-a);
// Output
(6) [100, 40, 25, 10, 5, 1]
```

### 4. Remove Duplicates array values in javascript
```
const array  = [5,4,7,8,9,2,7,5];
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
// or
const nonUnique = [...new Set(array)];
// Output: [5, 4, 7, 8, 9, 2]
```
### 5. Create a Counter Object or Map in javascript
```
let string = 'kapilalipak';
const table={}; 
for(let char of string) {
  table[char]=table[char]+1 || 1;
}
// Output
{k: 2, a: 3, p: 2, i: 2, l: 2}
```

### 6. Ternary Operator in javascript
```
function Fever(temp) {
    return temp > 97 ? 'Visit Doctor!'
      : temp < 97 ? 'Go Out and Play!!'
      : temp === 97 ? 'Take Some Rest!';
}

// Output
Fever(97): "Take Some Rest!" 
Fever(100): "Visit Doctor!"
```

Find Out More Tips on main source of an article.
🔷 Top 10 GitHub Repositories for Data Science 👨‍💻 A Thread 🧵
Tags: github, git, datascience
Published: 2022-07-14 09:32:28



🔖 /donnemartin
data-science-ipython-notebooks 🔖

🔖 /josephmisiti/awesome-machine-learning 🔖

🔖 /datasciencemasters/go 🔖

🔖 /trekhleb/homemade-machine-learning

🔖/rushter/data-science-blogs 🔖

🔖/jonathan-bower/DataScienceResources 🔖

🔖 /academic/awesome-datascience 🔖

🔖 /MrMimic/data-scientist-roadmap 🔖

🔖 /children/stanford-tensorflow-tutorials 🔖


Follow @devkshitij7 
For More Awesome Posts...
5 Programming Principles You Must Know 👨‍💻 A Thread 🧵
Tags: programming, webdev
Published: 2022-07-14 09:30:24



1️⃣ KISS => Keep it Simple, Stupid 

2️⃣ YAGNI => You Aren't Gonna Need It 

3️⃣ DRY => Don't Repeat Yourself

4️⃣ DTIIW => Don't Touch If It Works 

5️⃣ SOC => Separation of Concerns

Follow @devkshitij7  
For More Amazing Posts...
NoSQL databases You Must Know 👨‍💻 A Thread 🧵 #nosql
Tags: mongodb, sql, nosql
Published: 2022-07-14 09:26:12



🔷 MongoDB 🔷

https://www.mongodb.com/

🔷 Cassandra 🔷

https://cassandra.apache.org/_/index.html

🔷 CouchDB 🔷

https://couchdb.apache.org/

🔷 RavenDB 🔷

https://ravendb.net/

🔷 HBase 🔷

https://hbase.apache.org/

Follow @devkshitij7  
For More Awesome Posts....
Screen recorder, screenshot tool for Linux [Ubuntu]
Tags: linux, ubuntu, kazam, videorecorder
Published: 2022-07-14 09:20:56

Install Kazam- Video recorder 

```
sudo apt-add-repository ppa:sylvain-pineau/kazam

sudo apt update

sudo apt install kazam

sudo apt upgrade

```


To remove Kazam 

```
sudo add-apt-repository --remove ppa:sylvain-pineau/kazam

sudo apt update

sudo apt upgrade

```
We can perform all task in above-mentioned steps from a command line as well using Shortcut Keys.
• Use below keys to Start the Recording SUPER-CTRL-R
• Use below keys to Finish the recording SUPER-CTRL-F
• Use below keys to Pause the recording SUPER-CTRL-P
• Use below Keys to Quit the recording SUPER-CTRL-Q


Note: SUPER key refers to the windows key which is available in most of the computers.
Most Used Git Commands.. You Must Know 👨‍💻 A Thread 🧵 #github
Tags: github, opensource
Published: 2022-07-14 09:20:46

🔷 git init 🔷
   
To initialize new repo 

🔷 git add 🔷
   
To inform Git for updates

🔷 git commit 🔷
 
To save the changes

🔷git status 🔷

 To Know status of working directory

🔷 git push 🔷 

To push changes local->remote repo 

🔷 git pull 🔷

To download updates from remote repo


✅ Follow @devkshitij7 👨‍💻
For More Awesome Posts....
Free Sites To Download Icons You Must Know 👨‍💻 A Thread 🧵 #icons
Published: 2022-07-14 09:17:46

🔷 flaticon 🔷

https://www.flaticon.com/ 

🔷  css .gg 🔷

https://css.gg/

🔷  icones.js 🔷

https://icones.js.org

🔷 fontello 🔷

https://fontello.com/

🔷 heroicons 🔷

https://heroicons.com/


🔷 feathericons 🔷

https://feathericons.com/

🔷 icons.getbootstrap 🔷

https://icons.getbootstrap.com/

🔷 ionicons 🔷

https://ionic.io/ionicons

🔷 simpleicons 🔷

https://simpleicons.org/

Follow @devkshitij7   
For More Amazing Posts....
About team happiness
Published: 2022-07-14 09:10:46

I took the best aspect of more than 6 teams I worked with:
Here I have listed what have made working in those teams Great!

**No one own the truth, The team is a place to discuss opinion and improve all together,**
Not everybody's has the same experience and not everybody has the same competences and not anybody is always right. We learn the most when we are wrong.


**You notice that all the team speaks and moves in the same way.**
The goal of the team is share the team culture. When we have this everybody move as one single body, it's amazing to see! 

**Clear competences and responsibility internally but externally everybody seem to know everything.**
This is magic. Internally the team know who is the reference for X but externally everybody can in a minute get you the answer or pointing to the right teammate. Everything is clear and simple as it.

**Challenge to do the best,**
The team member keep challenging each other to improve, talking about solutions together and keep the “we are making something amazing” flag up in the sky..

**Make experiments, change perspectives,**
The team is usually a busy space when everybody in hangry to do, learn. Make  experiments can move the team on bleeding edge of technology very fast. 
A tech doubt can could bring up an exiting new approach. 


Clear and transparent when sh$t happens, 
Nobody is perfect. Errors happens.
No blame, be transparent, improve 

**Do you want the team to grow from this error?**
Play the blame game will create fear and toxic environment, worst of all it creates trust issue.
Have a clear understanding about when/why/how we made a mistake is the difference from learn or just mitigate the problem for a while 


**Follow the lead,**
Discussions are important. Moving all together as team is more important:
Since we care, we can be very emotional about our idea and this is good, but loosing a fight for the collective good is ok. 
Respect other prospectives and team decisions

**Respect family time,**
A clear mindset is the most important aspect of our work. Family in a good spot meaning our mind in a good spot -  “Don't worry about work : Family first” mean : I know you love your work but calibrate the family time in order to be there where you are needed will make every aspect of your life better.

**Business change fast, team adapt!**
Yesterday the team completed a very challenging feature only to discover that requirements has changed overnight. 
Embrace it, the mutable state of the product is what make our work challenging, be ok with change code, approach when needed. Be ready for it!
Tell a Story about You & RT-Thread.
Published: 2022-07-14 08:53:46

[Open Source RT-Thread IoT OS Project](https://github.com/RT-Thread/rt-thread) has hit 12000 followers on social media platforms.
THANK YOU ALL FOR THE SUPPORT!

So we’re launching this Campaign: Tell a Story About You & RT-Thread!

We want to invite you to share your journeys and experiences with RT-Thread, eg, how did you get to know about RT-Thread? What features of RT-Thread IoT OS impressed you the most? What you’ve done with RT-Thread? Project Showcase? What do you expect to be featured on RT-Thread IoT OS next? Just anything you want to share.

A post or a paragraph of code, or a picture or an article, all works! Remember to mention RT-Thread IoT OS on social media platforms or send us a message to inform us.

Let’s make it more detailed:

To Enter:

1. Follow RT-Thread IoT OS on [Twitter](https://twitter.com/rt_thread), F[acebook](https://www.facebook.com/RT-Thread-IoT-OS-110395723808463), or [Linkedin](https://www.linkedin.com/company/73004322), to keep updated with this campaign.

2. Share a post, a paragraph of code, a picture, or an article that can tell your stories with RT-Thread on [RT-Thread Club](https://club.rt-thread.io/) or anywhere you like! If you’re sharing on social media platforms don’t forget to mention RT-Thread IoT OS.

Winners: We’ll send out 10 RISC-V Instruction full picture Desk Mat to 10 participants!


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


Winners Announcement: August 15

Let’s Party! We are very much looking forward to receiving anything!
Build a Chat service using GoLang and WebAssembly (part 1)
Tags: webassembly, go, chat
Published: 2022-07-14 08:23:51

![concept 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5vpkf644hmqts18jvsz.png)

###At the first I want to explain what is Webassembly?

in short, compile and run languages such as java-c#-python,.... into the browser we called Webassembly.

JavaScript has been the only programming language that the browser understands. JavaScript has stood the test of time and it has been able to deliver the performance needed by most web applications. But when it comes to 3D games, VR, AR, and image editing apps, JavaScript is not quite up to the mark since it is interpreted. Although JavaScript engines such as Gecko and V8 have Just in Time compilation capabilities, JavaScript is not able to provide the high performance required by modern web applications.

WebAssembly(also known as wasm) is meant to solve this problem. WebAssembly is a virtual assembly language for the browser. When we say virtual, it means that it cannot be run natively on the underlying hardware. Since the browser can be running on any architecture, it is not possible for the browser to run WebAssembly directly on the underlying hardware. But this highly optimized virtual assembly format can be processed much quicker than vanilla JavaScript by modern browsers since it is compiled and is more close to the hardware architecture than JavaScript. The following figure shows where WebAssembly stands in the stack when compared to Javascript. It is closer to the Hardware than JavaScript.

![WebAssembly](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/050mq3rhuufci6ql1y5h.png)
The existing JavaScript engines have support to run WebAssembly's Virtual Assembly Code.

WebAssembly is not meant to replace JavaScript. It is meant to operate hand in hand with JavaScript to take care of performance critical components of a web application. It is possible to make calls from JavaScript to WebAssembly and vice versa.

WebAssembly is not generally coded by hand, but rather, it is cross compiled from other high level programming languages. For example, it is possible to cross compile Go, C, C++, and Rust code to WebAssembly. Thus the module which has already been coded in some other programming language can be cross compiled to WebAssembly and used in the browser directly.

**Application of WebAssembly (WASM)**

Where was WebAssembly supposed to be used at first? First of all, in tasks for processing heavy-duty tasks directly in the browser.

* Game development
* Video editing/streaming
* Encryption
* Image recognition

![Concept 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7hehiij7wl3b9bwr4sel.png)
 

---

**In part 2 we are going to write our first WebAssembly code with golang 😉**
Difference between coding and programming??
Tags: programming, coding, webdev, beginners
Published: 2022-07-14 08:21:06

Technology has grown much faster than everything else. All the technology is developed because of coding and programming.

So what's the difference between coding and programming. 

### Coding

Because computers do not understand human languages. Coding allows humans to communicate with the computer. Code instructs the computer which tasks to be performed and what things to do. Learning code also helps develop applications, websites AI tools and even Internet of Things(IOT) among others.

### How code works
Coding is a process of establishing a successful communication between a software program and the computer hardware. The compilers translate the program into assembly language. The coding process converts the assembly language to Binary Coded Signals.

### Programming
Programming is an act of designing and developing a logical software solution to the problem statement. It involves designing and developing the algorithms, flowcharts, and implementing the solution using a programming language.

### How Programming Works?
Programming is a complex task. Unlike coding, programming is carried out in Stages. Following are the stages of programming a software application.

- Problem Statement
- Designing Algorithms and Flowcharts
- Software Development
- Software Documentation
- Software Maintenance 

### Tools Used in Coding
Coding uses traditional code/program editing tools like notepad, notepad++, Eclipse, and so on.

### Tools Used in Programming
Programming tools are not confined to only editing a program. It involves interoperability between different software applications via data connectors. A software web application might have to store and manipulate data in a database and many more.

### Conclusion
If you have any questions about on "Coding Vs Programming", mention them in the comment section below.

If this was helpful give me a like 👍 or share this article 😊

Also check out my blogs https://melbite.com/
User Office Hours: Using the Snyk CLI for Static Code Analysis
Tags: snyk, security, officehours
Published: 2022-07-14 07:48:58

Have you made the Snyk Code CLI part of the CI/CD process yet?

Using the Snyk CLI, you can easily run Snyk Code tests locally, or incorporate them with your CI/CD pipeline to scan your source code for security vulnerabilities.

In this technical office hour session we'll show you practical ways to use the CLI with Snyk Code.

We'll cover:

- Installing the CLI
- Testing repository code using the snyk code test command
- Reviewing Snyk Code CLI results and how to filter them
- Scenarios for outputting, exporting, and displaying results

{% embed https://www.youtube.com/watch?v=ThChmuRoKls %}
How to addEventListener to a list of html Elements in JavaScript
Tags: tutorial, javascript, webdev, beginners
Published: 2022-07-14 07:48:13

Have you ever tried to add an event listener to a group of html elements all at once? if you had, you may had probably done something like this:


```javascript
const buttons = document.getElementsByTagName("button");

buttons.forEach((item) => {
  item.addEventListener("click", function () {
    console.log("click");
  });
});
``` 
The problem with the above code is that, when you finally check your browser console, you are going to encounter an error. Why?

This is because we are treating our list of buttons as an array while it is not.

It may look like an array, but it is actually either an htmlCollection or a nodeList. Whenever you make use of methods that fetch multiple elements/nodes from the DOM, that method either returns an [htmlCollection](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection) or a [nodeList.](https://developer.mozilla.org/en-US/docs/Web/API/NodeList)

**Methods that returns an htmlCollection include:** *document.getElementsByClassName()*, *document.getElementsByTagName()*
 
**Methods that returns a nodeList include:** *document.querySelectorAll()*, *document.getElementsByName()*
 
## How to fix this Problem?
In order to fix this problem, all you need to do is convert the htmlCollection/nodeList into an array. This way you can make use of array methods on it, and also add your event listener.

You can use any method you prefer in order to convert the htmlCollection/nodeList into an array, but my favorite way of converting them into an array, is by making use of the [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax).

## Rewriting the above code using the spread operator will be:


```javascript
const buttons = document.getElementsByTagName("button");
const buttonsArray = [...buttons];

buttonsArray.forEach((item) => {
  item.addEventListener("click", function () {
    console.log("click");
  });
});

``` 
Now when you go to your browser console, everything will work as it is supposed to.
Metacryp new cryptocurrency for trust
Tags: cryptocurrency, blockchain, metacryp
Published: 2022-07-14 07:25:00

Metacryp is a cryptocurrency designed primarily for smart contracts. It is centralized but you can change your wallet code after each transaction so that you don't leave a trace on the network. By changing your wallet code frequently, you can maintain your anonymity.
#### What is a smart contract?
![Smart contract page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mhcg4mt9fflmzi5h3xzk.png) 
A smart contract is an excellent strategic program to combat fraud. For example, you sign an agreement with Tom, you will create a site for him, and in return he will pay you 50 MCR. But Tom turned out to be unscrupulous and did not pay for your work. You can't do anything. But now there is a solution, you make a smart deal with Tom. When a smart contract is created, 50 MCR will be credited to the smart contract account. When he clicks the Smart Contract execution button at the bottom of the Smart Contract using the Secret key, 50 MCR from the Smart Contract will be transferred to your account. Great no scams.
#### How to make money with metacryp (MCR)?
In the stock market, you buy when it's cheap and sell it when it's expensive.
Thank you for your attention!!!