teleren/devto huggingface dataset:
VS Code Most Used Extensions : Part 2
Tags: vscode, extensions
Published: 2022-11-28 05:46:54

## IntelliCode

![img-1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ovhh4iszvsxl6mdnnzd.png)

Name: IntelliCode
Id: VisualStudioExptTeam.vscodeintellicode
Description: AI-assisted development
Version: 1.2.29
Publisher: Microsoft
VS Marketplace Link: [https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)

## Live Share

![img-2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i5vch32yqdnzkatj52k6.png)

Name: Live Share
Id: ms-vsliveshare.vsliveshare
Description: Real-time collaborative development from the comfort of your favorite tools.
Version: 1.0.5776
Publisher: Microsoft
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

## WakaTime

![img-3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qhyxa0g7v810wdozbdfw.png)

Name: WakaTime
Id: WakaTime.vscode-wakatime
Description: Metrics, insights, and time tracking automatically generated from your programming activity.
Version: 22.0.1
Publisher: WakaTime
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime

## Thunder Client

![img-4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/27nccrxll30k0uxf9zxr.png)

Name: Thunder Client
Id: rangav.vscode-thunder-client
Description: Lightweight Rest API Client for VS Code
Version: 2.0.2
Publisher: Ranga Vadhineni
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client

## Tailwind CSS IntelliSense

![img-5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vhiv41p3tdjsynqehj6x.png)

Name: Tailwind CSS IntelliSense
Id: bradlc.vscode-tailwindcss
Description: Intelligent Tailwind CSS tooling for VS Code
Version: 0.9.1
Publisher: Tailwind Labs
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

## More Coming Soon...
Big picture of adding autocomplete to a password field
Tags: webdev, programming, tutorial, beginners
Published: 2022-11-28 05:45:02

The HTML `autocomplete` attribute lets web developers specify what if any permission the [user agent](https://developer.mozilla.org/en-US/docs/Glossary/User_agent) has to provide automated assistance in filling out form field values, as well as guidance to the browser as to the type of information expected in the field.

It is available on `<input>` elements that take a text or numeric value as input, `<textarea>` elements, `<select>` elements, and `<form>` elements.

And also,the HTML `autocomplete` attribute provides a wide variety of options for `<input>` fields. One of these is the `new-password` value, which can be used when the user is asked to create a new password (e.g. register or reset password forms). This value ensures that the browser will not accidentally fill in an existing password, while it also allows the browser to suggest a secure password:

HTML
```html
<form action="register" method="post">
  <input type="text" autocomplete="username">
  <input type="password" autocomplete="new-password">
  <input type="submit" value="Register">
</form>
```

Additionally, `autocomplete="new-password"` should be used for both password fields if the form has a second password field that asks the user to retype the newly constructed password.


Connect me on [facebook](https://web.facebook.com/profile.php?id=100083195016286) and [LinkedIn](https://www.linkedin.com/in/christopherglikpo/)
Which Industry Needs Digital Marketing?
Tags: industry, webdev, javascript, beginners
Published: 2022-11-28 05:44:32

[Digital Marketing Companies](https://www.digitalmarketingcarrier.com/which-industry-needs-digital-marketing/11/2022/) must be open to embracing new trends and cutting-edge business solutions in order to combat the market’s natural evolution and maintain an advantage over rivals. All industries now rely on digital marketing, which has evolved into a crucial component of this transition. As with any global solutions, certain industries rely more heavily than others on the services of reputable digital marketing organisations. In this post, we examine the top industries that will profit from digital marketing in 2023 along with the reasons behind those benefits.

[Read More:](https://www.digitalmarketingcarrier.com/which-industry-needs-digital-marketing/11/2022/)
🤔 Structure of Blockchain
Tags: beginners, tutorial, web3, blockchain
Published: 2022-11-28 05:16:48

> "Mobile was Internet 2.0. It changed everything. Crypto is Internet 3.0."

Although the idea of blockchain is incredibly intriguing, it is actually very difficult and has very complicated security implementations. Ever wonder 🤔 what a block includes in its actual form or how blocks are arranged so that none of them may be changed?


This is [Web3 Trends](https://dev.to/envoy_/series/20519), a collection of brief but informative Web3 threads.

{% embed https://twitter.com/Envoy_1084/status/1597096767153393665?s=20&t=lxw1PBC0gyxqLclMno9fRQ %}

---

✨ What are Blocks

The blockchain block is the data storage component of the distributed ledger of the blockchain. Each block of the blockchain comprises a variety of transactions that contribute to the shared state of the blockchain network.

---

When explaining the structure of the blockchain, it is sometimes defined as a series of blocks connected together in a way that prevents them from being modified. However, only the block headers are truly linked together in this manner.

✨ Blockchain Header

Depending on the specifics of the blockchain implementation, the header of a block in a blockchain might have a variety of different fields. However, the five listed below are fairly common and each is important to the blockchain's operation.

---

✨ Timestamp

This specifies when a block was created roughly. Smart contracts that rely on timestamps utilize it to determine how closely the current average rate of block production matches the goal value.

---

✨ Transaction Root

The transaction root summarizes the contents of the block's body. It contributes to ensuring that the transactions contained within the block benefit from the same integrity safeguards as the block header.

---

✨ Nonce

A random value chosen by the block creator. It is used to modify the hash of the block header in the Proof of Work consensus algorithm. Only a block with a header value less than a specific threshold is considered valid in Proof of Work.

---

✨ Previous Block Address/ Hash

The hash is used to connect the i+1<sup>th</sup> block to the i<sup>th</sup> block. In a nutshell, it refers to the hash of the previous (parent) block in the chain.

---

For more exciting brief web3 threads, follow me.

{% embed https://dev.to/envoy_ %}
{% embed https://twitter.com/Envoy_1084/status/1584856929259913216 %}

---
Install Java in macOs (M1)
Published: 2022-11-28 05:13:34

1. First run the command 

```
java -version
```
for check the java version. If Java is not available in your local machine then it will return the below message.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4b108yf6xu91umfas8s5.png).

2. Go to - https://www.oracle.com/java/technologies/downloads/#jdk17-mac. and download Arm 64 DMG Installer.
Select your desire java version. as i select JAVA 17. then install "Arm 64 DMG Installer" for Mac (m1) and for other intel version install "x64 DMG Installer"

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hq4kfklum8bvnvedp9v8.png)
Install it and again run command 

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

Java successfully install your local machine. After that run 

```
echo $JAVA_HOME
```

```
/usr/libexec/java_home
```

```
touch ~/.zshrc
```

```
open ~/.zshenv
```
and write export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-17.0.5.jdk/Contents/Home
after that run cat command for reads data from the file and gives their content as output

```
cat ~/.zshrc
```

```
echo $JAVA_HOME   
```
Java home yet not save to save it Run
```
source ~/.zshrc
```
Run source command for reads and executes the file content in the current shell.
Again run 

```
 echo $JAVA_HOME
```
It return JAVA_HOME path.
Elon Musk 6 rules for productivity.
Tags: productivity, career, motivation
Published: 2022-11-28 05:03:22

**[Reportedly] Elon Musk sent an email to the staff at Tesla with his 6 rules for productivity. Unsurprisingly, it leaked.**

Here they are:

## 1) Avoid large meetings
**Large meetings waste valuable time and energy.**

- They discourage debate.
- People are more guarded than open.
- There’s not enough time for everyone to contribute.

_Don’t schedule large meetings unless you’re certain they provide value to everyone._

----

## 2) Leave a meeting if you’re not contributing
**If a meeting doesn’t require your:**

- Input.
- Value.
- Decisions.

_Your presence is useless.
It’s not rude to leave a meeting.
But it’s rude to waste people’s time._

----

## 3) Forget the chain of command

- Communicate with colleagues directly.
- Not through supervisors or managers.
- Fast communicators make fast decisions.
- Fast decisions = competitive advantage.

----

## 4) Be clear, not clever

- Avoid nonsense words and technical jargon.
- It slows down communication.

**Choose words that are:**
- Concise.
- To the point.
- Easy to understand.

_Don’t sound smart. Be efficient._

----

## 5) Ditch frequent meetings

**There’s no better way to waste everyone’s time.
Use meetings to:**

- Collaborate.
- Attack issues head-on.
- Solve urgent problems.

_But once you resolve the issue, frequent meetings are no longer necessary._

**You can resolve most issues without a meeting.
Instead of meetings:**

- Send a text.
- Send an email.
- Communicate on a discord or slack channel.

_Don’t interrupt your team’s workflow if it’s unnecessary._

----

## 6) Use common sense

**If a company rule doesn’t:**

- Make sense.
- Contribute to progress.
- Apply to your specific situation.

_Avoid following the rule with your eyes closed.
Don’t follow rules. Follow principles._

**CREDIT: [SALMAN LAKHANI](https://www.linkedin.com/in/salmanlakhani/)**
Vite multi-environment setup
Tags: webdev, javascript, beginners, tutorial
Published: 2022-11-28 04:56:08

[Demo Github Repo](https://github.com/jicking/vite-multi-env-demo)

Here's a quick personal public post on setting/reading env variables on Vite.
By default, Vite uses Development env mode when running on local then switches to Production on Build. For demonstration I will add a staging mode since I use it on most projects I'm working on.

- Create env files with vars corresponds to environment (I have staging here)

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

- Read variable

```
let envMode = import.meta.env.MODE
let envVariableValue = import.meta.env.VITE_GREETINGS

...

<div>
  Mode: {envMode} <br>
  Variable value: {envVariableValue} <br>
</div>
```

- Update script to run on specific environment mode (package.json)

```
  "scripts": {
    "start": "vite",
    "start:staging": "vite --mode staging",
    "start:production": "vite --mode production",
    "build": "vite build",
    "build:staging": "vite build --mode staging",
    "preview": "vite preview"
  },
```

Reference: https://vitejs.dev/guide/env-and-mode.html#modes
What make you confused on Crypto-Js package for Node.js
Tags: node, npm, javascript
Published: 2022-11-28 04:33:51

**Prerequisite:**
`1. KEY [ Private key ]`
`2. Secret Passphrase`

**<u>What is a Private Key?</u>**
_A Private Key is a string of random characters, representing a cryptocurrency wallet address, allowing you to access, receive, send your crypto funds. The Private Key is created from mixed letters and letters. Similar to a Password, it’s the key of your crypto account._ 

A Private Key is a string of numbers and letters with the following form: 

`0xb46e06d22ce739ce1961724c45acd57831a21eca12fcf691c25d0f0562b5b5f6`

Main features of Private key:
Private Key contains characters including uppercase letters, lowercase letters, numbers. 
The complexity of the Private Key is reflected in the random mixing of characters, without any rules, which makes it difficult for hackers to crack. 
The Private Key is generated from the Passphrase by encrypting it.
Each Private Key can generate an address that allows you to make transactions in your wallet.
 
**What is a Passphrase?**
A passphrase is a sequence of words used to control access, secure, and recover your wallet in case you cannot access your main wallet. The wallet service provider will issue you a PassPhrase as soon as you create the wallet. 
Passphrase is a sequence of words with the following form: race fog come flash position garbage glass rule dizzy behind use tape
Main features of Passphrase:
Passphrase is usually a sequence of readable English words, from 12 to 24 words, randomly generated. 
Passphrase is mainly used to create and restore crypto wallets.
Value of Certifications to Job Seekers
Tags: career
Published: 2022-11-28 04:14:45

In my previous role, I helped define certification prep for Kubernetes/Linux certifications and sell it to multiple market segments - from individuals to enterprise teams. In this post, I take a different direction and summarize the value of certifications with respect to entry-level/mid-senior-level roles for job seekers.

## 1) Certifications are 101 
You have one means you are serious about the role you apply to. Having certifications does not mean you are a master but it "signals" your intent to master certain skills. Some certifications are prerequisites for certain types of jobs.

## 2) They make for reasonable talking points 
Especially when you have fewer stories to tell during interviews. When you are changing job roles or have less number of working years, your journey toward certain certifications makes for a good interview discussion topic.

## 3) They help you get the "feel" of a role 
In many scrum-related certifications, you have the chance to actually take part in mock scrum meetings. Many certifications such as PMP / CISSP will ask you questions that mock up real-world scenarios. 

## 4) They are great career pivot opportunities
Certs can be used as instruments to turn your career in different directions. For example - if you are a developer who has always worked with asp dot net 2.0; and you want to have your next role in cloud technology, it helps to get a couple of Azure certs to familiarize yourself with the new playing ground.

## 5) One can get certified fairly quickly
Formal education takes time. Building a portfolio takes even longer. Certification prep and exams on the other hand are relatively quick to accomplish.

What Certifications are NOT:

## 1) Not Inherently valuable 
You should also be able to explain the value of your certification. Any certification will only carry as much value as you can attribute to it in your growth story.

## 2) Not Substitutes for real-world experience
 
Anyone who claims otherwise to you while selling you certification prep is lying.

## 3) Not a Guarantee of proficiency
You will not be able to execute your skills with the exact same results in a real-world setting.

## 4) Not One and done 
A certification should be a part of a larger learning strategy. Typically you will need multiple certifications in a single topic to explore it in depth. You will also need multiple combinations of various certifications.

## 5) Not Cheap 
All certifications cost time. Many well-known certifications cost significant money.
What is a Database Schema?
Published: 2022-11-28 03:59:31

A database management system (DBMS) consists of three main components:

- The database server
- The database data
- The database schema

The database server is a computation component and is stateless. The database data holds the state while the database schema holds the structure of the state (metadata). Database users often use SQL to instruct the database server to manipulate the underlying database data. SQL stands for _Structured Query Language_ which is based on the structure that the database schema provides.

## The Database Server

The database server is a process or a set of processes running inside a computation environment. The computation environment provides processing power. It could be a physical computer, a [virtual machine](https://en.wikipedia.org/wiki/Virtual_machine) or a lightweight [container](https://en.wikipedia.org/wiki/OS-level_virtualization).

## The Database Data
The database data records the business application information such as order information, customer profile, etc. The database data is stored on the physical disk. People always use a cylinder to represent a database because, in old days, database data is stored there. Oracle, the world’s largest database company, headquarters are a set of cylinder buildings.


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

## The Database Schema
The database schema describes the **logical structure** of the database data. It often resides together with the database data. A more general term is metadata, but in the database domain, it’s always referred to as database schema or just schema. Other synonyms include data dictionary, data catalog, etc.

In the formal definition, a database schema is a set of formulas called integrity constraints. These constraints are defined as various database objects such as tables, fields, relationships, views, indexes, stored procedures, triggers, etc.


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

Above is a database schema for a database storing the employee data. The database schema is the **most critical information** because it’s the blueprint of how the database data is organized. A DBMS can have a database schema with empty data, but not vice versa. The database data is meaningless without the database schema.

Database schema evolves as the business evolves. In the next post, we will explain the evolution process, the database schema change.
Cryptographic Hashes: Find A Favorite Color
Published: 2022-11-28 03:50:32

Alchemy University Ethereum Developer Bootcamp Week one course continued with a cryptographic hashes exercise to find a favorite color.

*Disclaimer: Most of the content below is a general summary and retelling of the information from the course.*

# Brute Force Hashing
"Cryptographic Hash Functions like SHA256 are one-way functions." This means it's easy to generate (or "find") the output from the input, but almost impossible to find the input from the output.

However, you can brute-force guess the output if you know the hashes of common inputs or create a "Rainbow Table" to determine what that input is.

**Note: For security purposes, it's important to remember to use a random salt which you can add to your input to make it unguessable via the methods mentioned above!**

# Exercise Goal: Find the Color
Given a SHA256 hash, find the color input that would generate that hash. You can assume that all the hashes be generated only from colors provided in the COLORS array.

1. To take the hash of a color, first use utf8ToBytes to translate the string to bytes. Then, use sha256 to hash it.
2. When you want to compare two hashes, first use toHex to turn each hash from a Uint8Array to a string of hexadecimal characters.

## My Solution:
```
const { sha256 } = require("ethereum-cryptography/sha256");
const { toHex, utf8ToBytes } = require("ethereum-cryptography/utils");

// the possible colors that the hash could represent
const COLORS = ['red', 'green', 'blue', 'yellow', 'pink', 'orange'];

// given a hash, return the color that created the hash
function findColor(hash) {
    for (let i=0; i < COLORS.length;i++){
        let color = COLORS[i];
        // translate string to bytes
        let colorBytes = utf8ToBytes(color);
        // hash string
        let colorHash = sha256(colorBytes);
        // compare hashes
        if (toHex(hash) === toHex(colorHash)){
            return color;
        }
    }
}

module.exports = findColor;
``` 
# Resource:
[Alchemy University](https://university.alchemy.com/): Ethereum Developer Bootcamp
Trying to monetize an app in Google Play Store? Earn $144 -$174 for 1 hour interview.
Tags: android
Published: 2022-11-28 03:36:49

Looking  for people who are in the process of trying to monetize an app in Google Play Store to participate in an upcoming study (STUDY DATES: 12/08/2022 - 12/16/2022). Your feedback will be used to determine the direction of product development!  The study consists of a 1 hour 1-on-1 video interview (must be on a computer equipped with a webcam - you CANNOT use smartphone or tablet for this study). The compensation if you are selected to participate and complete the study is $144 via your choice of dozens of digital gift cards (including Amazon, Target, Whole Foods, Starbucks, Uber, Southwest Airlines, StubHub, DoorDash, Airbnb, and many more!).  

You must currently be based in one of these countries — the United States, Australia, Canada, France, Germany, South Africa, or the United Kingdom - to participate.

You can apply to participate in this study by following the referral link below.  Please note that both you and I will receive a $30 Amazon gift card if you are new to UserInterviews.com and successfully complete the study. This $30 Amazon gift card is in addition to the $144 gift card compensation for the study, so earning potential is $174 for 1 hr work!

https://www.userinterviews.com/projects/daLNDkwnrw/apply?referral_code=d28zbTZZOWU4OVl3OGpEcUtvQTh6bjdUSzdMYk56Nm9VM3V4eVNUellTd3RUTTdqR29OZHRERWJRaDZoeU85RldSYTFqQnBqVjA4NTVUaTVabi9NNlE9PS0teWdDNHh1NHBKSnVNL0NJRHg1YmhhQT09--454d2eba04752ec4165b22efcfa048af5aa3d1a0