teleren/devto huggingface dataset:
Wazirx referral code 87b3yj3z
Published: 2021-06-30 17:51:00

<p>Wazirx Referral Scheme is the best option if you want to earn a lifetime income. It will help you make money over the long term as it is applicable for life.</p>
<table width="503">
<tbody>
<tr>
<td><span style="background-color: #ffcc00;">Wazirx</span></td>
<td><span style="background-color: #ffcc00;">Crypto exchange</span></td>
</tr>
<tr>
<td>Wazirx referral code</td>
<td><strong>ujeq4pg4</strong></td>
</tr>
<tr>
<td>Refer &amp; Earn</td>
<td>&nbsp;Register here</td>
</tr>
<tr>
<td>Commission</td>
<td>50% trading fee</td>
</tr>
</tbody>
</table>
<p>Refer people to earn money. Refer to WazirX for a referral code. Use the following referral code to join WazirX. Use a mobile or desktop browser to sign up.</p>
<p>&nbsp;</p>
<p><span style="color: #008000;"><strong>Wazirx Referral code " ujeq4pg4"</strong></span></p>
<p>&nbsp;</p>
<p>Wazirx Referral code required to make money</p>
<p>Valid Email Address to verify email and accept withdrawal requests.</p>
<p>You will need a valid phone number. Your mobile number can be used to verify your identity and also act as 2-factor authentication.</p>
<p>To verify your identity, you will need a valid ID card in order to trade, buy, or sell.</p>
<p>You will need an active Bank account in order to deposit and receive funds from that account.</p>
<p>Refer a friend to get 50% cashback when you sign up at Wazirx</p>
<p>&nbsp;</p>
<p>![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y0dakahufuktvousizak.png)</p>
<p>Get the Wazirx App, or sign up on your browser</p>
<p>Register using your email address and password. Make sure you remember it.</p>
<p>To deposit INR into your wallet, you must complete KYC and verify with the bank.</p>
<p>Wazirx is the most trusted and safest app for trading.</p>
<p>Wazirx p2p program to buy and sell coins</p>
<p>Wazirx's p2p program makes it easy to deposit and withdraw money with p2p.</p>
<p>&nbsp;</p>
<p>If you create a request to buy or sell coins, Wazirx will match it with another party.</p>
<p>Wazirx displays the details and amount of the person to which we want to send money or buy coins.</p>
<p>Once they verify that they have received the money, wazirx will hold any other party coins. Wazirx will release those coins to your account.</p>
<p>It is absolutely free!</p>
<p>Earn as much as you can with the Wazirx Referral Program</p>
<p>Wazirx has made <a href="https://www.techbuy.in/wazirx-referral-code/">Wazirx referral code</a> a great platform. There are no restrictions on referrals. You can invite as many people as you like and earn decent money by referring your friends.</p>
<p>&nbsp;</p>
<p>Wazirx will reward you for referring friends to Wazirx and helping them trade with Wazirx.</p>
<p>&nbsp;</p>
<p>Conclusion</p>
<p>Refer a friend to join.</p>
How to become a good developper
Tags: webdev, devops, database
Published: 2021-06-30 19:48:44

A lot of people think like programming needs a much knowledge of maths, what's an ironic idea, yes maths are basics but to become a good developper we need to practice
1. We need to know basics of algorithm (variables, structures,lists, trees, etc)

2.We need to think logically.
3.When starting to learn a new language, try to understand basics of each language(variables, instructions, functions, conditions, arrays, tuples, lists, file system).Make sure you understand the basics before.
4. Practice , when learning a course about programming practice is the good way to preview and see the result of each code, but when practing try to use your own variables and don't try to copy and paste, just practice!!!

5. After learning basics try to go to advanced and make projects, yes real projects of course

6.After all good teacher, good programmer, try to help, teach, train others, that's the way you will get more confortable.

"Sorry for my bad english, i speak french basically, and english is my third language, next time i will try my best"
Plans for the 2022 Hackathon Season.
Published: 2021-06-30 19:41:05

The plan is starting the day and waiting for the MLH to start and CheckIn.
As The Trimmings doesn't match its always the night owl and sleeping in the morning.
Then coming on the challenges always ready to look for the new challenges every day and allocating the timings when to complete which task.
And it all ended with making walk up all the night and doing projects hanging out on server
What is the DOM?
Tags: html, htmldom, dom, webdev
Published: 2021-06-30 19:40:38

The Document Object Model (DOM) is a programming interface for HTML and XML documents.

It represents the page in a tree structure so that program can read, access, and change the document structure, style, and content.

The DOM is an object oriented representation of the web page, which can be modified with a scripting language such as javascript.

Every web browser uses some document object model to make web pages accessible via javascript.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ntchedspb3hrwyw14h54.gif)

image references : w3schools
100 Days of Node
Tags: node, 100daysofcode
Published: 2021-06-30 19:32:37

# 100 Days of Node

Today I begin my 100daysofcode adventure. My goals are pretty clear.

* Commit to One Hour per day to learn NodeJS
* Finish Udemy NodeJS Course
* Build API Project using Node as the back end, React as the front and Tailwind for styling.
* Document my journey, which should help me and hopefully other gain a better understanding of NodeJS.

Pretty clear and straight forward. Wish me luck.
Feature Flags Are Necessary [RE#1]
Tags: productivity, architecture, javascript, python
Published: 2021-06-30 19:27:44

Simply put, *Feature Flag* (FF) is a parameter that enables/disables specific features in your application. As a real-world example, a service could have a feature to cache some data to avoid making unnecessary database calls. Here, a feature flag, in its simplest form, can be a static configuration parameter, say `cache.isEnabled`, of boolean type. You can learn more about FF and types of it on Martin Fowler's invaluable [blog post][fowler-ff].


What I want to put a stress on is that FF is not a fancy thing or something you would hold up like a future plan. As soon as you deploy a new feature on your production environment, you'll need to have them ready. This gets even more crucial when you've deployed several features over time and all of a sudden, during an emergency or as a business call, you'd want to disable one of them; that cannot be neatly done by just reverting some deployment and not losing other features.


[fowler-ff]: https://martinfowler.com/articles/feature-toggles.html

---

***About Regular Encounters***
*I've decided to record my daily encounters with professional issues on a somewhat regular basis. Not all of them are equally important/unique/intricate, but are indeed practical, real, and of course,* ***textually minimal.***
I got Linux Foundation Scholarship,2021  :)
Tags: devops, watercooler, linux, opensource
Published: 2021-06-30 19:04:58

Hello  friends,

I am delighted to inform all of my friends here that I was nominated and finally got selected for this year Linux Foundation Scholarship (under Cloud Category). They announced winners on 30 june 2021.

I am happy because it is an accomplishment for me with no formal experience and professional degree in computer science. 

###Background:
I earned my Bachelor's Degree in Chemical Engineering 15 years ago and  MBA from a prestigious university counted as IIT.

For Many years, I worked as a government banker, ministry nodal officer, etc to ensure rollouts of biometric and technology-based financial inclusion in four Indian states. It was a difficult job in 2010-2015, because we were living in the era of GPRS and 2G connectivity. Later,with launch of 3G things got streamed line. 

I quit my  job to pursue my passion. But by this point, I had a 15-year gap . I started brushing up my C language skills, but the  world has gotten much faster with new languages and js libraries.

Its was a difficult period of my career transition from one area where 'you have experience of 13 years'  to another where 'you only have passion' and never ending path to learn for developing new  skill sets to acceptable levels.

 Well, at the age of 37+, I'm learning technologies to use in my business.

After work, I spend most of my time reading posts on DEV.to. It's a fantastic community where we can read and be encouraged to write new articles on  variety of topics. 
You can find People here 'exploring and experimenting with technologies' in order to publish an article on dev.to.

I always think you should have more faith in your weapon than you do in yourself. You can read few of my experiments in my profile.

(1) I like my docker image with complete desktop. This was
possible because of a custom ubuntu image. This image is pulled 50K+ times at docker hub. 

(2) Running  an IAAS (opennebula) inside container(LXC).

(3)Cloud Brothers Story- Creating your own cloud like digital ocean.

(4) Xp.css ( xtra power css) : A project to ensure always remain responsive irrespective of device size.

(5) Xp.Backened ( Code Generator) : I created a code generator that takes care of security and generates codes for sql and nosql databases . Codes are generated for PHP, Python and C++. I use it as my tool . 

(6) I am also among people who are having OpenAI GPT-3 API access. 

##Thankyou Dev.to ...
##Big Thankyou to my followers....
##Thankyou Friends here.....
##My staff members to whom I am confused guy.....

[ Click here for joining my team ]
(https://forms.gle/pSCALuEWHus3pg9F6).
Use a pseudo-element from CSS instead of toUpperCase method from JS
Tags: css, pseudoelements
Published: 2021-06-30 18:56:35

---
title: Use a pseudo-element from CSS instead of toUpperCase method from JS
published: true
description: 
tags: css, pseudoelements
cover_image: https://images.unsplash.com/photo-1468404166635-56e2d75ee491?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80
---

It's common to find a `toUpperCase()` method inside a JS file to transform a text into uppercase, sometimes this method is used to uppercase only the first letter from a sentence.

Does it work? Yes. Does is it the ideal? I believe it doesn't. In these cases, we are using JS to control some parts of our layout, and with this in mind, we should prioritize the use of CSS.

And, not by chance, only with CSS we can set the first letter to uppercase.
To solve this we need to use the `::first-letter` pseud-element.

Let's use this HTML as example:

```html
<p class="message">evellyn, your address was updated.</p>
```

We have a paragraph with the class `message` with the text "evellyn, your address was updated.", the ideal is my name appears with the first letter as uppercase. Using CSS we can make it this way:

```css
.message::first-letter {
  text-transform: uppercase;
}
```

With it, we change the style only to the first letter from the selector `message`, now our sentence will appear as it should: "Evellyn, your address was updated."

---

JS allows us to make a lot of things, but sometimes it is not the right choice. It's always important to search how we can make that UI change using only CSS. 

--- 

- You can read more about this pseud-element in the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter).


- [See original article](https://evellynlima.com.br/primeira-letra-em-maiusculo-com-css/)

- [Photo by Diomari Madulara](https://unsplash.com/@diomari)
Undoing Changes in git
Tags: github, devops
Published: 2021-06-30 18:46:26


## Undoing a Commit

 Similar to unstaging, we occasionally may want to undo an entire commit. To clarify, when we say "undo a commit", we mean remove that commit from our history, and revert to the point at which the files were staged (with the changes captured in the commit).
	The command used to undo a commit is:

```
git reset --soft HEAD^
```

To break this down, `HEAD` refers to the current branch, and `HEAD^` means one commit back, aka the "parent commit". The `--soft` here specifies that we should reset the branch (to point at that parent commit), but otherwise leave the files in the working directory and the index untouched.

This has the effect of undoing the commit, taking us back to just before we made it. Note that it leaves our changes staged in the index.



While useful, this is a complex command to remember, so once again we can create an alias, mapping this operation to the intuitive "uncommit" alias name.

```
git config --global alias.uncommit 'reset --soft HEAD^'
```

<br/><br/>&nbsp;

## Unstaging Files

Occasionally we'll find that after making a round of changes, we realize that some of the changes are entirely unrelated to others. 
Perhaps we've run `git add .`, but we then realize that we only want to commit two of the three files that are now staged.
Once again, we can use a simple Git command to undo this.

```
git reset filename
```

<br/><br/>&nbsp;


## Checkout to Undo Changes

To remove a particular file changes from working directory 

```
git checkout filename
```



To remove all the changes from working directory

```
git checkout .
```



**NOTE** This is one of the few dangerous operations in Git. If you run `checkout` without staging or committing your changes, Git will destroy your work and you will not be able to get it back. Be sure to use caution with `git checkout .`!
Custom Hooks in React
Tags: react
Published: 2021-06-30 18:45:19

During my final project at flatiron school, I found myself writing most if not all my react components as functional components. As we know, with functional components we have to use hooks to be able to access things like state and life cycle methods. When I started to use hooks, I found that using hooks in functional components made everything so much easier. With that I wanted to figure out how to write my own hooks. For example lets create a custom hook that is similar to useState but also synchronizes to local storage.

First lets define our hook, like so...
```React
const useLocalStorage = () => {
}
```

Something to notice is that to follow react hook conventions we want to put use in front of our hook name. In this case we are creating a hook to save some data to out local storage. The next thing we want to do is use reacts useState hook. We would add it like so.

```React
const useLocalStorage = () => {
  const [name, setName] = useState(localStorage.getItem('name') || '');
}
```
What we are essentially doing is giving the hook its own state which will return a name saved in local storage if it exists. Next we want to add a way to set the local storage name. Wee would use the useEffect hook that react gives us.

```React
const useLocalStorage = () => {
  const [name, setName] = useState(localStorage.getItem('name') || '');

React.useEffect(() => {
 localStorage.setItem('name', name);
}, [name]);

 return [name, setName]
}
```
What this is now doing is that when we set the name in the state it will trigger the useEffect and set the name stored in state to the localStorage variable 'name'. With that we now have our hook! We can call it like we do with useState. 
```React
const [name, setName] = useLocalStorage()
```
Ta da! You know created and called your own hook!
Day 11 of #100DaysOfCode!

Tags: javascript, beginners, 100daysofcode, codenewbie
Published: 2021-06-30 18:44:32

<h2>Today's progress</h2>
I learned about `every()` and `some()` methods.

<h2>What I learned</h2>

####every() method
The `every()` method tests whether every element in the array passes the test implemented by the provided function and returns a `Boolean value`.

```javascript
let numbers = [1, 2, 3, 4, 5]

const greaterThanZero = numbers.every(function(number){
    return number > 0;
})

console.log(greaterThanZero)
//output: true
```

The above code example checks whether `every` element in the array is greater than zero (number > 0). If so, it returns the **boolean value** `true`.

####some() method
The `some()` method tests whether at least **one** element in the array passes the test implemented by the provided function and returns `true`. Otherwise it returns `false`. The original array is not modified.

```javascript
let numbers = [100, 0, 2, 4, 10]

const isAnElementNegative = numbers.some(function(number){
    return number < 0;
})

console.log(isAnElementNegative)
//output: false
```

The above code example outputs false because no element in the array is less than zero.

However, if we have an array with at least **one** negative element.

```javascript
let numbers = [-5, 0, 2, 4, 10]

const isAnElementNegative = numbers.some(function(number){
    return number < 0;
})

console.log(isAnElementNegative)
//output: true
```

Then the output will return true because at least *one* element is negative. 

<h2>Filling in the gaps</h2>

Both `every()` and `some()` methods uses a `callback function` on every element and returns a *boolean value* `true` or `false`.

The complete syntax for both methods is as follows:
`every()`
```javascript
every(function(element, index, array))
```

`some()`
```javascript
some(function(element, index, array))
```

For both methods the parameters `index` and `array` are optional.

<h2>Simply put</h2>
Both `every()` and `some()` methods are great tools when you want to derive a **single** boolean value from an array of elements. 

Because they are standard JavaScript methods they can be much simple to read and use as compared to a `forEach()` or `reduce()` methods.

In other words, when solving a problem with arrays. Be sure to consider these tools in your toolkit as they can be powerful to help you find a solution.
Youtube Channel For Cracking Coding Interview
Tags: tutorial, career, beginners, programming
Published: 2021-06-30 18:36:32

Following Video count includes for DSA Videos


[**CS Dojo**](https://www.youtube.com/channel/UCxX9wt5FWQUAAz4UrysqK9A) (Total: 31) (Inactive)

[**Inside Code** ]
(https://www.youtube.com/c/Insidecode/featured)(Total Video: 36) (Ongoing)
Great Explanation and Animation generated using manim engine, Same engine is used by 1blue3 brown.

[**BacktoBackSWE**](https://www.youtube.com/channel/UCmJz2DV1a3yfgrR7GqRtUUA)(Total Video: 71) (Inactive)
Again Quality video with great explanation.


[**IDeserve**](https://www.youtube.com/c/IDeserve/videos)(Total Video:97) (Inactive)
This channel is highly underrated.


[**Tushar Roy**](https://www.youtube.com/user/tusharroy2525/featured) (Total Videos: 103) (Inactive)
Trust me, you got to study Dynamic Programming from this Guy


[**Mycodeschool**](https://www.youtube.com/user/mycodeschool) all time best.(Total: 110) (Inactive)

[**Aditya Verma**](https://www.youtube.com/channel/UC5WO7o71wvxMxEtLRkPhiQQ) (Total Videos: 134) (Ongoing)
4 Words to describe this guy.
Think Twice, Code Once. 


**Abdul Bari** (Total: 163)
[DSA](https://www.youtube.com/watch?v=0IAPZzGSbME&list=PLAXnLdrLnQpRcveZTtD644gM9uzYqJCwr)

[**Take u forward**](https://www.youtube.com/c/takeUforward/featured)(Ongoing) (Total: 169)


[**ApnaCollege**](https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ)(Total Videos: 251) (Ongoing)
Hats off to Aman Dhatterwal for producing this type of quality video and that too free.
The animation in the video will really help you to visualize the problem.


[**Nick White**](https://www.youtube.com/c/NickWhite/playlists) (Ongoing) (Total Videos: 261)
On a leetcode streak? So is this guy

[**Algo Made Easy**](https://youtube.com/c/AlgorithmsMadeEasy) (Ongoing) (Total Videos: 396)
Leetcode? Visualisation? Explanation? Code ? You got it

[**TechDose**](https://www.youtube.com/c/TECHDOSE4u/videos)  (Total Videos: 451) (Ongoing)
Mad Respect. 451 videos??



[**Geeksforgeeks**] (Total Videos: 627) (Ongoing)
[Data Structure](https://www.youtube.com/c/GeeksforGeeksVideos/playlists?view=50&sort=dd&shelf_id=5)(Total: 427)
[Programming Question](https://www.youtube.com/c/GeeksforGeeksVideos/playlists?view=50&sort=dd&shelf_id=6)
(200 videos)


To sum up, The above channel account for 2495 videos. 
Start Now, you will definitely land that job.
Welcome Thread - v131
Tags: welcome
Published: 2021-06-30 18:34:53

---
title: Welcome Thread - v131
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![crocodile saying hello](https://media.giphy.com/media/TObsuiUoDsYmI/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Why VDOM vs. DOM comparison is biased and unfair
Tags: javascript, frontend, virtualdom
Published: 2021-06-30 18:13:55

The most commonly used argument to justify the use of Virtual DOM is how fast it is compared to direct DOM manipulation.

Let's say you have to create a table with a hundred rows. If you create each element using vanilla javascript, it will be slower than creating them all in memory (vdom) and then dumping it to the real dom in a single iteration.

Well, **obviously**.

Making a change to the dom includes re-rendering of the page, it is much more computation than just changing values in-memory.

But you tell me: who on earth creates a hundred rows table by writing code for each element and then dumping element by element to the dom? Everybody knows this is not performant, and also this is just bad coding.

What you would want to do in order to develop a Single Page Application (SPA) is basically the same you would do while developing a server-side rendering application: you would want to use a **template engine**!

Template engines are pieces of software capable of processing a preset (template) against data in order to create dinamically generated content depending on the data. If you are creating a SPA (client-side rendering), this template processing has to happen in the client (browser), with data originating from a REST backend.

Let's take a look on how this would work while using [Handlebars](https://handlebarsjs.com/), a very popular template engine:

1. At first, you will create your html template in its own *.hbs file;
2. You will **precompile** the templates to javascript functions at build time;
3. The functions will be executed against data in runtime (browser memory) and they will return a string;
4. This string, which represents a portion of HTML, will be dumped to the dom **in a single iteration**.

This means you can put the hundred rows table in a template and, in the end, the template itself will have just a few rows and the data will define how big the table will be.

The same principle of the VDOM applies: change everything you need to change in-memory, and only dump these changes to the dom when you're finished, using as less dom manipulation as necessary.

Of course VDOM has other advantages like data-binding, but bragging about "blazing-fast speed" while making a biased comparison against bad code seems just wrong to me. We have to be critical and learn to understand when you apple is being compared to another apple or to an orange.

If you wish to learn more about Handlebars, in this other post I talk about [properly precompiling Handlebars templates](https://dev.to/honatas/properly-precompile-handlebars-templates-and-partials-with-gulp-4g91). Happy coding!