teleren/devto huggingface dataset:
MAJOR DIFFERENCE BETWEEN WEB 2.0 AND WEB 3.0
Tags: blockchain, web3
Published: 2022-03-08 01:48:30

Web 2.0 and Web 3.0 refer to successive iterations of the web, compared with the original Web 1.0 of the 1990s and early 2000s. Web 2.0 is the current version of the Internet (a term often used interchangeably with web) with which we are all familiar, while Web 3.0 represents its next phase. The World Wide Web (WWWW), the Internet's primary information retrieval mechanism, is referred to as the Web. The www synonym used to (and often still does) preface a web address and was one of the first characters typed into a web browser when searching for a specific resource online. The term "World Wide Web" was used by Internet pioneer Tim Berners-Lee to refer to the global web of information and services connected by hypertext links.
The term "Web 2.0" refers to a paradigm change in how people use the Internet. Web 2.0's interactivity, social connectivity, and user-generated content have entirely supplanted Web 1.0's sterile web pages over the last 15 to 20 years. User-generated material may now be watched by millions of people across the world in an instant thanks to Web 2.0; this unprecedented reach has resulted in an explosion of this type of content in recent years.
Web 3.0 is the next iteration or phase in the evolution of the web/Internet, and it has the potential to be as disruptive and paradigm-shifting as Web 2.0. The core concepts of Web 3.0 are decentralization, openness, and increased user utility.
With the above points made there is no doubt that there is a big difference between web 3.0 and web 2.0. In Web 2.0, computers search for information using HTTP in the form of unique web addresses, which is stored in a fixed location, usually on a single server. Because Web 3.0 allows information to be found based on its content, it can be stored in multiple locations at the same time, making it decentralized. This would deconstruct the vast databases currently owned by Internet behemoths like Facebook (now Meta) and Google, giving people more power.
With Web 3.0, users will be able to sell data generated by a variety of increasingly powerful computing resources, such as mobile phones, desktops, appliances, vehicles, and sensors, through decentralized data networks, ensuring that users retain ownership rights.
Data Analytics Progression
Tags: datascience, machinelearning, ai, programming
Published: 2022-03-08 01:42:32

Today I am going to break some myths like cognitive learning, prescriptive learning, etc.

A picture paints a thousand word. I have taken this from the web.

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

The whole life cycle is as follows:
**Data Collection/Foundation -> Descriptive -> Predictive -> Prescriptive -> Cognitive**

Most people have no problem with Data Collection/Foundation and Descriptive. In fact most organization have tonnes of dormant data lying around in digital or non digital forms. Digital data can be stored in databases, excels, logs, etc. 

Descriptive is simply having dashboards like kibana, Tableu or even Frontend UI dashboard (mchart, d3js)

Predictive is like machine learning from data collected. For example in programming learn it is a ability to program a model using Python-based **Scikit Learn**. A simple linear progression program, u can give it 3 points it will project/predict the next few points. So Predictive is a program taking in parameters and output a result according to the ML equation. So people's ML could be using rule-based if-else as discussed in my previous post.

Prescriptive is deploy the predictive model to the right environment. An analogy is doctor giving the correct treatment to patients after all the blood test.

Cognitive is the ultimate. The model is apply with feedback loops back to the model. It will react and learn. This is what Tesla is doing in the humanoid development. Another example is the [Chappie ](https://www.youtube.com/watch?v=l6bmTNadhJE)movies by Hugh Jackman. Scary right?

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

[Tesla's humanoid news](https://seekingalpha.com/news/3732567-tesla-pulls-a-humanoid-robot-out-of-its-hat-at-ai-event?external=true&gclid=Cj0KCQiA95aRBhCsARIsAC2xvfzv2t2EpK6yukovWOCJDH78N6ALNh0YLf_0gxhtz4TAcanpmZ5ql3MaAnwaEALw_wcB&utm_campaign=14823831578&utm_medium=cpc&utm_source=google&utm_term=132781298110%5Eaud-1171660966205%3Adsa-1455881688143%5E%5E555764444362%5E%5E%5Eg)
React Project: Flatiron School Phase 5
Tags: react, beginners
Published: 2022-03-08 01:21:49

I have just finished my final project at Flatiron School. This 5th and final module focuses on React and Redux. 

This project rates and reviews different BBQ restaurants. As a new Texan, I am attempting to try as many BBQ restaurants as possible from [The Top 50 Texas BBQ Joints: 2021 Edition from Texas Monthly](https://www.texasmonthly.com/interactive/top-50-bbq-2021/).

Similarly to the Phase 4 JavaScript project, this project was created with 2 repos ([frontend](https://github.com/victoriaehrbar/bbq-frontend); [backend](https://github.com/victoriaehrbar/bbq-backend)). The backend is a Ruby on Rails API and the frontend was created with the create-react-app command. I decided to keep this project very simple in an MVP format, as I will have the option to enhance this project, as well as my 4 other projects, after graduation as a way of keeping my coding skills up to date.

The backend was fairly simple to set up. I used the Rails scaffold generator to create the BBQ model and some seed data.

Then I moved on to the frontend. The create-react-app command adds boilerplate code to get started. I then used npm to add Redux, Thunk, and React Router. As stated before, I decided to leave this in an MVP format so I can enhance this project after I graduate, so I did not add bootstrap or any styling.

Then I had to set up the App component, the Index component, the redux store, and my reducer.

I then set up my BBQ components (index, form, listitem). ListItem displays the restaurants nicely on the index, and the form allows the user to add a new BBQ restaurant review.

The addition of a navbar allows the user to go to the home page, add a BBQ restaurant, or view all of them. 

Overall, this was a tough project and I learned a lot about React and Redux. I look forward to building more features on this project in the future.
AI/ML/Deep Learning in nutshell
Tags: python, ai, machinelearning, datascience
Published: 2022-03-08 01:20:35

Nowadays, its a norm for every vendors to claim that their application services are AI/ML. In fact, you hardly find any one out of this arena. Upon drilling further, their so call "AI/ML" happen to be nothing but some rule-based filtering using **if-else** conditions. 

Let see what is AL/ML and Deep Learning. There is really nothing deep about all these big bombartics terms. Let's break the myths behind all these veils.

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

**Deep Learning** - Basically it is trying mimics what the human being would **see, think, react and learn** if he was put in the situation. Then program these actions into the machine.

**Machine Learning** - One step higher to learn from data that is observed and collected. Mid-term memory kind of intelligence. For example after you have being chase by a dog in a street previously, you will try to avoid the street next time.

**Artificial Intelligence** - This is the big box that incorporates deep learning & machine Learning. It is the ability to imitate human in the environment it has learnt.

People tend to complicate these (to confuse the audience and impress). AI/ML is always asking what will a human do when place in an environment. Ultimate goal is to replace human.

To side track, our eyes send electrical pulses to the our brain. In fact, 1 millions of them per seconds. Pretty what the AL/ML/Deep Learning realm trying to achieve. You can read more about how the eye works with the brain [here](https://www.physio-pedia.com/Optic_Nerve).
Cool Git aliases
Published: 2022-03-08 01:12:46

HIST
```
git config --global alias.hist "log --pretty=format:'%C(blue)%ad%C(reset) %C(green)%h%C(reset) %C(reset)%s %C(bold green)<%an>%C(reset) %C(yellow)%d%C(reset)' --graph --date=format:'%Y-%m-%d %H:%M'"
```
LGTMify - An LGTM generator (Chrome Extension)
Tags: typescript, lgtm, chrome, extension
Published: 2022-03-08 00:50:41

---
title: LGTMify - An LGTM generator (Chrome Extension)
published: true
description: LGTMify is a chrome extension which generates "Looks Good To Me" images with any selection area!
tags: TypeScript,LGTM,chrome,extension
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sn94gmd6932gtw15lgnk.png
---

![LGTMify Chrome Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ne992hi5a35884j0vdq.gif)

---

**Available at: [Chrome Web Store](https://chrome.google.com/webstore/detail/lgtmify/kegndinodlhikllejhldkgkdilngmamp)**

---

## Motivation

It is already available on [LGTMoon](https://lgtmoon.herokuapp.com/), [LGTMeow](https://lgtmeow.com/) and so on, but sometimes we must care about the contents of the images such as human faces.

"LGTMify" generates "Looks Good To Me" images without uploading them!

## How to Use

Off　course, as explained above (GIF), there are only two features:

- Select the target area (drag and resize)
- "LGTMify" the target

Then it automatically opens a new tab with the base64 image!

## GitHub repository

[saltyshiomix/LGTMify-extension](https://github.com/saltyshiomix/LGTMify-extension)

If you like, please stargaze the repository and [install LGTMify on Chrome Web Store](https://chrome.google.com/webstore/detail/lgtmify/kegndinodlhikllejhldkgkdilngmamp) :pray:

Thanks,
MAJOR DIFFERENCE BETWEEN WEB2 AND WEB3
Tags: bloggamesgg, nestcoin, zuriteam
Published: 2022-03-08 00:47:16

First of I will like to briefly explain what Web2 and Web3 are:

Web2 can be explained as the version of the internet that most of us know today that is dominated by companies that provide services in exchange for your personal data

Web3 can be explained as a decentralized apps that run on blockchain in the context of Ethereum. These are apps that allow anyone to participate without monetizing their personal data.
 
Firstly, Web2 has a low network diameter (all participants are connected to a central authority); information propagates quickly, as propagation is handled by a central authority with lots of computational resources while in web3 the furthest participants on the network may potentially be many edges away from each other. Information broadcast from one side of the network may take a long time to reach the other side. 

Also, in Web2 coordination among network participants is much easier, and is handled by a central authority. Central authority can compel network participants to adopt upgrades, protocol updates, etc., with very little friction. But in web3 Coordination is often difficult, as no single agent has the final say in network-level decisions, protocol upgrades, etc. In the worst case, network is prone to fracturing when there are disagreements about protocol changes


In addition, in web2 participation in the network is controlled by the central authority. For example, payment service may decide to not allow payments for certain types of work whereas in web3 anyone can participate in the network; there are no “gatekeepers.” Ideally, the cost of participation is very low. Web3 payment apps require no personal data and can't prevent payments


Furthermore, in web2 you can be blocked or denied from accessing the services. Central authority can censor data, potentially cutting off parts of the network from interacting with the rest of the network. But in web3 no one can block or deny you access to the services because anyone who is on the network has permission to use the service or in other words permission is not required and censorship is much harder, as information has many ways to propagate across the network.


Also, in web2 servers for gig-economy apps could go down and affect worker income, payment service may decide to not allow payments for certain types of work whereas in web3 servers can't go down because they use Ethereum, a decentralized network of 1000s of computers as their backend and payment apps require no personal date and can’t prevent payments.
Still Coding in 2022
Tags: wecoded
Published: 2022-03-08 00:34:10


---
title: Still Coding in 2022
published: true
tags: shecoded
---

I've had a tough go of working as a software developer, but I'm still here. After a year of searching, I got my first job in March 2020. In April 2020 I was diagnosed with breast cancer and was in treatment from June 2020 - May 2021. Then in September, 2021 I was laid off from my job. (I have a new one).

There have been a lot of challenges in this very short time, but I have worked too hard to give up on my passion. I can't wait to see what I do in the future, now that I am healthy and stronger than ever.

![A smiling white woman with glasses and short, curly purple hair](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjo476uziwsnus2go1ww.jpg)
Use Neovim as your man pager
Tags: neovim
Published: 2022-03-08 02:12:22

---
title: Use Neovim as your man pager
published: true
date: 2022-03-08 00:30:46 UTC
tags: neovim
canonical_url: https://www.chrisdeluca.me/article/use-neovim-as-your-man-pager/
---

_This post originally appeared on [Chris DeLuca's blog](https://www.chrisdeluca.me/article/use-neovim-as-your-man-pager/)_

You may know that you can open man pages in a Neovim buffer with `:Man`. However, you can also configure your shell to open manual pages in a Neovim buffer when called from the command line.

First, if you’re unfamiliar, Neovim ships with the great [`:Man`](https://neovim.io/doc/user/filetype.html#:Man)command, which opens man pages in a nicely formatted buffer. These buffers are normal Vim buffers, so come equipped with syntax highlighting, can be easily searched, and links to other manual pages can be followed with <kbd>C-]</kbd>.

```vim
" Open the git manual page.
:Man git
```

You can also open man pages invoked inside Neovim’s terminal emulator using this same man buffer with a little configuration.

```bash
# This opens a man buffer?
man git
```

The `man` command can be configured to render pages with any program, controlled by the `$MANPAGER` environment variable.

We could set `$MANPAGER` to `nvim`, but that would cause nesting Neovim instances if called from inside a Neovim `:terminal`.

To work around this, we’ll need help from the [neovim-remote](https://github.com/mhinz/neovim-remote)project (at least until Neovim core [adds `--remote`back](https://github.com/neovim/neovim/issues/1750)). With that installed, we can call `nvr` inside a Neovim terminal buffer to open the given file in the same Neovim instance.

I personally would rather not launch a whole Neovim instance just to render a man page if I’m not already inside Neovim, so for this tip we’ll add some detection code to only set the `$MANPAGER`value inside Neovim. We can do this by checking the value of the`$NVIM_LISTEN_ADDRESS` environment variable, which will only be set inside an instance of Neovim.

We’ll use the `-o` flag to open the man page in a new split, to help retain the context of what you’re working on.

In your bash/zsh config file:

```bash
if [-n "${NVIM_LISTEN_ADDRESS+x}"]; then
 export MANPAGER="/usr/local/bin/nvr -c 'Man!' -o -"
fi
```

Or for the fish shell:

```fish
if test -n "$NVIM_LISTEN_ADDRESS"
 set -x MANPAGER "/usr/local/bin/nvr -c 'Man!' -o -"
end
```

And that’s it. Happy RTFM!
Kubernetes the basic concepts and elements
Tags: devops, kubernetes
Published: 2022-03-08 00:21:31



Kubernetes is a great option in a project when we want high resilience, availability, and scalability.

Therefore, before starting to use it, it's important to know the main components that make up this technology and their responsibilities.

A Kubernetes cluster consists of a set of machines and each machine on the cluster can take on two roles, the **control plane** or the **worker node**.

## Control plane
The control plane - it’s the orchestra conductor and it consists of:

- API server
    - generate the endpoint communication
    - it is through it that we communicate with the cluster
    - ex: kubectl command
- Etcd
    - key-value database
    - store all data about the kubernetes cluster like data of the deploy, pod, node, service
    - just the API server can access the etcd
- Kube scheduler
    - receive the information of the container and determine in which worker node it will run on
- Kube controller manager
    - all in Kubernetes works based in controllers and the controller manager is responsible for dealing with the different types of controllers like *node controller, replica set, authorization controller, etc*

## Worker node
The worker node - executes the process and it consists of:

- Kubelet
    - manage, supervise and ensure the execution of containers on the cluster
    - communicate the API server about the states and health of the containers
    - inside it has the **container runtime** which is responsible for executing the containers
    - container runtime examples are docker and containerd
- Kube proxy
    - network communication on cluster

## Deployment, replica set and pods
The basic elements to execute the containers are **deployment**, **replica set,** and **pods**

- Deployment
    - manage the actualizations of the versions
    - create a new replica set to manage the new version, remove the deprecated pods and keep the old replica set for eventual rollback
- Replica set
    - manage pods
    - controller replica of the pods, if a pod die other is initialized and executed
    - turn the application more resilient
- Pods
    - the smallest object in the kubernetes cluster
    - where the containers are executed
    - one container in one pod is good cause we want scale parts of the application and only the container that needs to be scaled
    - many containers in one pod are bad cause we do not want to scale all applications at once
    - side car pattern - one main container and other with non-functional requirements like collect logs
How to test HTML in Real Time?
Tags: html, css, beginners
Published: 2022-03-06 02:51:50

## What is HTML?

HTML is the core of all web work. Though developers have tried to make it into a more content-specific language, HTML is still a very difficult language to learn and use.

That is why the Real time HTML Editor was created. This editor will take care of all your coding, and can save you hours of frustration when creating content for you website or blog post.

—

## Real Time HTML Editor 

The Real Time HTML Editor is a web developer's best friend. It is a web-based platform that allows developers to preview and edit various types of markup tags, like HTML, CSS and JavaScript.

Nowadays, there are many different platforms that provide the same functionality of the real time HTML editor but they are not built as robustly as this one. The wonders of this tool lie in its ability to provide developers with instant feedback on their code syntax.

Here is [Real Time HTML Editor](https://codebeautify.org/real-time-html-editor) or [HTML Viewer](https://codebeautify.org/htmlviewer)..
![Real Time HTML Editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6c8x4oney5u5nvpncs5e.png)

## How to use this tool.
Step 1: Go to https://codebeautify.org/real-time-html-editor
Step 2: Paste your HTML or Strat writing HTML code.
Step 3: This tool has live preview. It helps developer to see the progress in live and to rectify the mistake.
Day 544 : The Process
Tags: hiphop, code, coding, lifelong
Published: 2022-03-08 00:07:13

_liner notes_:
- Saturday : This week marked the radio show's return to the air waves! Felt good to be back even though we were still doing the show online. Forgot how much extra stuff we have to do on air. haha The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of the Marshmello Fortnite character posing with their arm curled making a muscle with the words March 5th 2022 Guess Who's Bought?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rukppiv4kmmw747i1j9m.jpg)

- Sunday : Did the https://untilit.works cyphers and got some stuff done. I also started working on a new design. It is a lot harder than I first thought. Added audio chat functionality to my side project so now a person can request to speak and I can add them, mute them and kick them out in necessary. I still need to add Speech to Text, but it's basically done. Finished the night watching the new episode of "Attack on Titan".

- Professional : Pretty much got everything working on this demo application I've been working on. There were some features I wasn't aware of that is available in the other applications, so I added them, but had to figure out how to include them in the User Interface. Learned a bunch of new stuff in the process of making it.

- Personal : This upcoming trip is getting realer and realer. I'm hearing back from some folks so it's coming together. I just need to hear back from others sooner. haha. Some stuff I ordered are coming in. I'm looking to start packing soon.

![Look into the Grand Canyon, United States with all the colorfully striped plateaus stretching off into the distance.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rqxwrkxva41p2gkdd8ob.jpg)

Going to see if I can get the speech to text stuff working tonight. My idea is to have it show up on the live stream as like a chat with the avatars and everything. So I have a chat already, so I'm probably going to do something similar. We'll see how that goes.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube dq2jy-4lyF8 %}
Leave Management System🐱‍💻
Tags: azuretrialhack
Published: 2022-03-08 00:06:09

### Overview of My Submission

This is a leave management apllication created using powerapps with share point with CRUD operations.

In this application employee can submit their leave according to the reason. After submitting the request employee can navigate into the home screen.There is a button in the home screen called "View my application", by clicking this button, employee can go to the list of leave requests page. In this screen employee can see weather their leave request approved or declined. Furthermore in this screen there is a button called, "Edit". By clicking this button employee can edit their leave request. These are the main functions of this application.

First I created a sharepoint site.Then added lists in there.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gtwlw2o3tjywaumxvr5.PNG)

Then opened a blank app in the power app and started to create the application.


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


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


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

### Submission Category: 

Low-Code Legends

### Link to Code on GitHub

{% embed https://github.com/kithminiii/LeaveManagement %}

Link to Application:

https://apps.powerapps.com/play/c37590ba-e006-454f-b8ec-0d5d49d60fed?tenantId=44e3cf94-19c9-4e32-96c3-14f5bf01391a

Demo Video for the application:

https://drive.google.com/file/d/1go2yAm93avNnvuQ7q_3iMa9T72XeSDwo/view?usp=sharing

### Additional Resources / Info


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


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


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


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