teleren/devto huggingface dataset:
Web2 vs Web3: A brief difference between these technologies
Tags: web3, blockchain, blockgames, zuri
Published: 2022-03-10 10:43:13

The internet has evolved in different phases over the years since the time it was created. In the first phase, we had Web 1.0 which included static web pages which served content from the file system of servers. Web 1.0 allowed internet users to access data from almost any corner of the world. However, Web 1.0 did not offer any functionalities for interaction with the content. As a result, web 2.0 started to gain prominence and the subsequent identification of setbacks in web 2.0 led to the development of web 3.0. Let us learn about Web 2.0 and Web 3.0 to understand the differences effectively. 

**Web2**
Web2.0 is the internet as we know it today. The system behind it aims to actively engage users, and the content itself is more user-generated. The way we share and deliver information has been transformed with Web2 components like blogs, wikis and social media platforms. The second-generation web does not focus on modifying any technical specifications. On the contrary, it emphasizes changing the design of web pages and the ways of using them. Web 2.0 encouraged collaboration and interaction among users in P2P transactions, thereby setting the stage for e-commerce and social media platforms.

**Web3**
While web 2.0 might look like an advanced approach to the internet, it still harbors many setbacks. What about the security of your personal data? Trusted institutions take control over the data of users in Web 2.0, especially due to the need for trusted intermediaries. If two parties want to complete a transaction and they don’t know or trust each other, then they would have to rely on trusted intermediaries. However, the intermediary has control over the data storage and management thereby strengthening their grip over users. In addition, centralized power has never gone well in times of crisis thereby calling for decentralization.
Web 3.0 takes away the need for centralized intermediaries and introduced the universality of information.

**Conclusion**
Web3 presents a promising infrastructure required for the interaction between humans and machines. Most important of all, web 3.0 comes with better security, trust, and privacy. Many people also consider web 3.0 as the decentralized web, which will be largely based on decentralized protocols. On the other hand, web 2.0 is still the common foundation for many web applications we use today. Could web 3.0 revolutionize the popular applications you are using today?

_This article was written for the [Blockgames](https://blockgames.gg/) program, a partnership between The [Zuri Team](https://zuri.team/) and [Nestcoin](https://nestcoin.com/)._
Azure Service Principle
Tags: azure, automation, identity
Published: 2022-03-10 10:39:28

An Azure service principal is an identity created for use with applications, hosted services, and automated tools to access Azure resources. This access is restricted by the roles assigned to the service principal, giving you control over which resources can be accessed and at which level.

With password-based authentication, a random password is created for you. If you do not specify a --name parameter value, a name containing a time stamp will be created for you. The difference between a managed identity and a service principal is that a managed identity manages the creation and automatic renewal of a service principal on your behalf.

`--CREATE SERVICE PRINCIPLE
az ad sp create-for-rbac --role="Contributor" --scopes="/subscriptions/id"`
`--QUERY SERVICE PRINCIPLE
az ad sp list --display-name <DisplayName>`
React, Vue and Svelte: Comparing Dynamic Attributes
Tags: javascript, react, vue, svelte
Published: 2022-03-10 10:17:54


## Dynamic attributes in...
To declare an attribute, React uses one hook :
`useState` where you have declare the variable and the set state method.
The syntax of Vue and Svelte is quite similar except Vue uses his `ref` method to handle reactivity.

To read them, React and Svelte have the same syntax. Vue, in other hand, goes full mustache syntax with 2 curly braces.

Check it out 🚀

### React
[Link](https://stackblitz.com/edit/vitejs-vite-6mfqcc?file=src/app/App.tsx)

```jsx
import { useState } from 'react';

const Component = () => {
  // state
  const [message, setMessage] = useState('Hello');

  return <div>{ message }</div>
}
```

### Vue
[Link](https://stackblitz.com/edit/vitejs-vite-zn4jq3?file=src/App.vue)

```jsx
<script setup lang="ts">
  import { ref } from 'vue'; 
  // state
  const message = ref('hello');
</script>

<template>
 <div>{{ message }}</div>
</template>
```

### Svelte
[Link](https://stackblitz.com/edit/vitejs-vite-t5m1wc?file=src/App.svelte)

```jsx
<script lang="ts">
// state
let message = '';
<script>

<div>{ message }</div>
```
Activate the frame counter in Steams (FPS)
Tags: steam
Published: 2022-03-10 10:13:45

Steams is the most widely used video game platform in the world. This is not only due to the large number of video games on offer, but also to the tools offered and sometimes unknown within Steam, such as the FPS frame counter that will tell you in real time how fast the video image is running. your video game


How to activate steam frame per second counter
It is very common among gamers to check how many frames per second the video games they play on their computers run. There are numerous programs capable of counting in real time the frames per second of the video game you are playing on your computer.

In general, these tools for counting frames per second are usually quite light so as not to consume resources from your computer that, in the end, can affect the final performance of the video game. However, if you're a Steam user, you should know that the platform's program incorporates a frame counter tool by default.

This is precisely what we show you below, so if you want to know how to activate and use the Steam frame counter for your video games, continue reading:

How to activate and use the Steams frame counter. (FPS)
Open the Steam Launcher program

Once in the interface, click on the Steam menu

When it is displayed, click on: Parameters.

This will open a window in which you will have to go to the section: In the game .

Multiple functions will be displayed in the main part of the window.

Locate the one that says: FPS counter in the game

Click on the dropdown menu and select one of the 4 available options:

Up to the left
Up to the right
Down left
Bottom right.

Once you have indicated the position where you want the frame counter to be placed, you can also check the option: High contrast color.

Finally, you only have to click OK to save the changes of the new configuration.

From this moment when we play a Steam video game, it will show the number of frames per second in the indicated place on the screen.

Note : The High Contrast Color feature allows the frame counter to be easily visible regardless of the background color of the game .
How to use SCSS in React?
Tags: scss, webdev, react, reactnative
Published: 2022-03-10 10:09:22

SCSS stands for Sassy Cascading Style Sheets or Sassy CSS. It is a superset of the CSS language. It is also used as a file extension for SASS(syntactically awesome style sheets). SCSS Code are executed on the server and sends CSS to the browser. In SCSS, we can create dynamic css using the variable, conditions, looping etc. In this tutorial we will learn how to use SCSS in react.

## Install SASS in React
```ssh
npm i sass
```

## Create a Sass file
Sass files have the file extension .scss. And Now import your .scss file in your react component.

## Using the variables in SCSS
```scss
.circle {
  $size: 100px;
  width: $size;
  height: $size;
  border-radius: $size * 0.5;
}
```
The above code will compile to

**.circle {
width: 100px;
height: 100px;
border-radius: 50px;
}**

## Applying Conditions in SCSS
```scss
$width:auto;
p{
	@mixin clearfix($width) {

	   @if $width == 'auto' {

	    // if width is not passed, or empty do this

	   } @else {
	        display: inline-block;
	        width: $width;
	   }
	}
}
```
The above code will apply css if width is auto else it will apply css of else condition.

## Dynamic Class in SCSS
```scss
$columns: 5;

@for $i from 1 through $columns {
    .columns-#{$i} {
        width: (100% / $i);
    }
}
```
The above code will compile to

.columns-1 {
width: 100%;
}

.columns-2 {
width: 50%;
}

.columns-3 {
width: 33.33333%;
}

.columns-4 {
width: 25%;
}

.columns-5 {
width: 20%;
}

## Each loop in SCSS
The code below will loop through key value pair in $icons.

```scss
$icons: ("eye": "\f112", "start": "\f12e", "stop": "\f12f");

@each $name, $glyph in $icons {
  .icon-#{$name}:before {
    display: inline-block;
    font-family: "Icon Font";
    content: $glyph;
  }
}
```
The code below will loop through the lists $icons
```scss
$icons:
  "eye" "\f112" 12px,
  "start" "\f12e" 16px,
  "stop" "\f12f" 10px;

@each $name, $glyph, $size in $icons {
  .icon-#{$name}:before {
    display: inline-block;
    font-family: "Icon Font";
    content: $glyph;
    font-size: $size;
  }
}
```
More about [SASS and SCSS syntax you can read here](https://sass-lang.com/documentation/variables).

---

Please like share and give positive feedback to motivate me to write more.

For more tutorials [visit my website](https://www.w3courses.org/tutorials/).

Thanks:)
Happy Coding:)
Solution to payment error CSC_7200053
Tags: payment
Published: 2022-03-10 10:03:36

In this tutorial we will focus on how to fix payment error on AliExpress: We have to cancel this order due to security issues.

It may be that during the process of buying on AliExpress everything goes smoothly, however, when making the payment, we are shown the error with the code: CSC_7200053. In general, this error is related to the discount coupons that AliExpress and its sellers/stores offer to their users.


AliExpress
AliExpress sellers can usually offer discount coupons in addition to accepting or not accepting these discount coupons. For example, AliExpress has a policy of giving discount coupons to new registered users, however, not all stores accept these coupons.

Precisely the fact of using a discount coupon in a store that does not accept these coupons, can be the cause of the error indicated above. Therefore, the solution is quite simple and you can avoid this error from the basket and purchase details of the product.

Having said that, here we show you in detail how to solve the payment error on AliExpress: CSC_7200053

How to fix payment error on AliExpress:
We have to cancel this order due to security issues. Error code: CSC_7200053
1. Go to your basket and select the desired products to buy.

Important Note: If you have products from different stores/sellers, we recommend that you make purchases from each store separately.

After selecting the seller's products you will have to click on the button: Buy from this seller or Buy

This will take you to a screen where you have to provide Shipping Information, Payment Methods. In addition, you will also see the details of the order.

On the right side of the screen locate the box: Summary of the order.

Here you have to locate the sections: Selection Coupon and AliExpress Coupon

Surely in the AliExpress Coupon section you will see a discount applied.

Click on said discount to display a small menu in which you have to select the option: Do not use coupons now.

Now that you have removed the coupon discount, continue with the purchase by clicking on: Place order.

You will see how now, the payment will be made correctly and your products will be waiting to be sent by the store or seller.
What is web 3.0 and it's Importance and Benefits in Future
Tags: web3, websitedevelopment, webdesign, web30
Published: 2022-03-10 09:58:17


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

Internet is changing the world rapidly. Blockchain technologies like cryptocurrencies and NFTs are booming the world. Web 3.0 is expected to be the least comprehensive and accessible than it's previous versions.

**Importance of web 3.0**

Web 3.0 will revolutionise the world with specific user-centric improvements to the current framework. 

**Edge Computing**: Web 3.0 allows users to deep dive into Ai, ML, AR, NFTs, and much more.

**Low Code Apps**: Web 3.0 has changed the game with the lowest coding or zero coding platforms. 

**Decentralised Network**: This allows different parties to sell or exchange data while maintaining ownership with ensured privacy.

**Benefits of web 3.0**

**Privacy**: Blockchain has evolved greatly in terms of security. therefore it is hard to breach data.

**Semantic Web**: All the data is stored in a decentralised manner by systems. Content is generated and deciphered through search and analysis to make them more understandable. 
 
**P2P Network**: Web 3.0 uses the peer-to-peer features of file sharing. In that, your computer works as a node that enables file sharing within the group. In the absence of the main network to store information, each computer acts as a server.
 
**Artificial Intelligence**: Web 3.0 uses AI and ML to show personalised content to each user. This will help users to get faster and more accurate information.
 
**3D Graphics Integration**: Web 3.0 allows 3D graphics integration in the website. 
 
**Ubiquity**: Many apps can access the content because every device is connected to the internet. For that reason, anyone can use the services from any place.

**Final Words**
 
[Web 3.0 will Revolutionise the Internet](https://www.worldwebtechnology.com/blog/web-3-0-the-next-internet-revolution-and-all-you-need-to-know/) offers many benefits like complete transparency, personalised search results, simpler, faster, and highly engaging websites.
How to add DKIM Records For Emails
Tags: email, webdev, dns, dkim
Published: 2022-03-10 09:52:35

Basically to prevent spamming, phishing or hacking our emails system we needs some TXT Records in Our DNS like SPF, DMARC, DKIM. DKIM is one of these which refers to DomainKeys Identified Mail. It is a technical standard that helps protect email senders and recipients from spamming, spoofing, and phishing. It is a form of email authentication that allows an organization to claim responsibility for a message in a way that can be validated by the recipient. Here we are adding DKIM Records For Emails to prevent emails bouncing, spamming or phishing.

Adding DKIM Records For Emails
1. [Generate DKIM Public Key and Private Key](https://www.sparkpost.com/resources/tools/dkim-wizard/) and add the key or DomainKey Selector(this can be any random alphabets or numbers)

2. Add TXT Record in DNS as:

Name: {key}._domainkey.YourDomain.com.
Value: v=DKIM1\; k=rsa\; p=[YourPublicKey]
TTL: 1800

3. Add Private Key at Email Service Provider, generated at step 1

4. After adding you can [check TXT DNS here](https://dnschecker.org/)

---

Please like share and give positive feedback to motivate me to write more.

For more tutorials [visit my website](https://www.w3courses.org/tutorials/).

Thanks:)
Happy Coding:)
ReadOnly properties with PHP 8.1 🐘
Tags: php, oop, php8, programming
Published: 2022-03-10 09:46:23

{% youtube D3whN83g_-U %}

Today, let's learn how you can efficiently use the new keyword `readonly` introduced by [PHP 8.1](https://www.php.net/manual/en/language.oop5.properties.php#language.oop5.properties.readonly-properties) 🐘

By declaring class properties “readonly”, the properties will only be allowed to be initialized once. Any further attempts to give another value will throw an error as it won’t be allowed.


To go further, my Udemy course teaches how to build a complete PHP 8 application from scratch. Available at https://www.udemy.com/course/create-real-world-php-webapp-from-scratch/
Mac Developer Survey 2022 (with giveaway)
Tags: programming, ios, swift, webdev
Published: 2022-03-10 09:44:16

**Get the chance to win some of the best Mac apps and developer tools by participating in the annual Mac Developer Survey! 🙌**

Help us learn more about the Mac community, the most popular tools among developers, their preferred programming languages, and - most importantly - what kind of music they listen to while coding. 

👉 [Take the Mac Developer Survey](https://www.git-tower.com/blog/mac-dev-survey-2022/) 👈

We teamed up with some of the most popular apps and tools for developers and raffle over 100 prizes among all participants. **Get a chance to win free licenses** for [Fantastical](https://www.flexibits.com), [Things](https://culturedcode.com/), [Pixelmator](https://www.pixelmator.com/), [Tower](https://www.git-tower.com/), [ScraperAPI](https://www.scraperapi.com/), [Ulysses](http://www.ulyssesapp.com/), [Nova](https://nova.app/), [Dash](https://www.kapeli.com/), [TextExpander](https://smilesoftware.com/textexpander), [Paw](https://paw.cloud/), [MarsEdit](https://www.redsweater.com/), [CleanShot X](https://cleanshot.com/), [Agenda](https://www.agenda.com/), [Alfred](https://www.alfredapp.com/), [DeployBot] (https://www.deploybot.com/), [Prerender] (https://www.prerender.io/), and many more. 

The results of the survey will be published. If you are curious, you can check out last year's results and learn [what apps and tools developers on the Mac prefer](https://www.git-tower.com/blog/mac-dev-survey-2021-results/). 

_Who's behind the survey?_
The survey is conducted by Tower - the team behind [the best Git client](https://www.git-tower.com) for Mac and Windows. Learn more about how Tower enables you to easily [undo mistakes in Git](https://www.git-tower.com/features/undo/mac).
Get yourself a free Cloud Account
Tags: story, aws, beginners
Published: 2022-03-10 09:37:29

Two days ago i was really in trouble when i was sending email from my professionnal account it was straight into spams i asked myself why is this happenning? then i headed to my cpanel account and saw that  mail.mydomain.com among some of domains didnt have ssl up i was shocked.
Because few days ago i installed free ssls by let's encrypt (thanks to them ) for all my websites and thought i was good at least for three months but truth was i didnt enabled ssl for some of my subdomains and the term that guided me to the solution was Wildcard domain named *.mydomain.com it means basically ssl for everything that end with .mydomain.com eg
- mydomain.com
- subdomain1.myomain.com
- subdomain2.mydomain.com

So i needed something called Certbot to do a task and since i am using windows os to install it there would be time consuming you would tell me Docker but nah with long cli commands no Thanks...
so a linux machine up and running  was what i was looking for.

Thats's why I headed to my long time partner AWS and hoped that my free tier didnt end, with a matter of minutes i was running my ubuntu machine and i had installed my tools and did my stuff.
This is why you should have a cloud account no more virtualization nor dual boot in your machine just use one os of your  cloud provider and shut it down when you finish to avoid unexpected expense in the future.
🇫🇷 Productivité en tant que dev
Tags: french, productivité, développeur, temps
Published: 2022-03-10 09:17:27

{% youtube JTBIlEsmQ20 %}


La productivité en tant que développeur 💪


**Les ressources mentionnées dans la vidéo :**
✔️ App Bear : https://bear.app

✔️  BeFocused: https://apps.apple.com/au/app/be-focused-pomodoro-timer/id973130201

✔️ App Forest : https://www.forestapp.cc/

✔️ App Flora : https://flora.appfinca.com/


---

### Pour aller plus loin 👇

👉  Le livre : https://www.amazon.fr/succès-nest-pas-loin-meilleur-ebook/dp/B08FYSGNM4/


🏁 Mon cours Udemy sur la création d'une application en PHP 8.1 depuis zéro. On fait tout cela sans framework pour bien maîtriser les bases du langage PHP 👉  https://www.udemy.com/course/create-real-world-php-webapp-from-scratch/
Send Phone OTP In NODEJS
Tags: security, otp, node
Published: 2022-11-01 06:35:04

---
title: Send Phone OTP In NODEJS
published: true
date: 2022-03-10 09:11:23 UTC
tags: Security, OTP, NodeJs
canonical_url: https://mojoauth.com/blog/send-phone-otp-in-nodejs/
---

If you are comfortable with programming in Node.js, you can send text messages with Twilio! Just follow these simple steps, and in the next minutes, you will have sent yourself an SMS using Node.js. Step 1: Creating a Twilio Account Go to Twilio’s new account page, sign up for an account, and provide your details. Verify your email address Verify a phone number. Getting a Phone Number for Twilio Buy a Number page in Console.

<a href="https://mojoauth.com/blog/send-phone-otp-in-nodejs/">Read On</a>
Why Should You Use a Ghostwriter?
Tags: book, writer, publisher, author
Published: 2022-03-10 09:07:57

Ghostwriters are writers who are recruited to write various pieces of content and tales for which they are compensated without revealing their source of income. The benefit of hiring a ghostwriter is that you will receive high-quality work in a short period of time. For any individual task, ghostwriters cover the following points.
Saving Time: Hiring a ghostwriter frees up a lot of room by allowing you to save time. If you run a different business, such as e-commerce or digital marketing, and you need to write something for a foreign client in quantity, a ghostwriter can help you because they can cover the target quickly and expertly.
Competence: We all have varying levels of expertise in different areas, just as different writers do. We all want the best, so ghostwriters are chosen based on their experience of writing various types of material.
Coming Up with the Audience: Because ghostwriters have writing expertise, they are aware of audience behavior and choices. They toy with the audience's thoughts and capture their wants. They are third-party writers who are familiar with the market and the needs of readers in terms of what they want and where they will continue to be interested.
Personal Work: When a person hires a ghostwriter to help them complete a task, It allows him to concentrate on his business and work while the ghostwriter does his assignment and the right owner gets on with his work.
**

## Also see: How to Choose the Best EBook Topic.
**
Search Engine Optimization (SEO) Ghostwriters are experts in search engine optimization (SEO). It is not easy for everyone to communicate in a way that is appealing to the audience. Professional writers never have to worry about SEO. The author requires someone who can quickly cover the required points, which is provided by a professional writer.
When an author publishes a tale or a magazine, he hopes to gain notoriety for it. Grabbing the hearts of the public on any issue, employing a third-party writer for a specific task is a simple way for any author to get recognition. Creditor fame is never a motivation for a ghostwriter. The person who owns a public piece or tale enjoys the fun of their credit.
Plagiarism: A ghostwriter with experience in writing never makes the mistake of plagiarizing his work, which is the best feature of any writer, and the market desperately needs these types of authors.
Market Competition: There is competition between parties in every field of life. Ghostwriters understand the market and can easily beat the competition. However, a solitary author will never be able to achieve the same level of success as a ghostwriter.
Using Tools: Proofreading is required for every piece of writing. The number of words assigned to a writer must be completed, which is sometimes accomplished using various approaches. Ghostwriters are constantly working to learn where, when, and how to use these tools. visit our website for further details " [Book Publishing company](https://phantom-writing.com/) ".