teleren/devto huggingface dataset:
Pet Project Done - Kindle Clipping Converter
Published: 2022-03-02 12:21:42

After **10 years** of using a Kindle Reader and not knowing what to do with several bookmarks, notes and highlights, I decided to make a my own [Kindle Clipping Converter](https://github.com/klimcio/KindleClippingConverter).

This idea had many versions.

At first, I wanted to fill a database. But it was a bit discouraging. I would have to pay for the database hosting, and so on. I prefer to spend less money than I need ;-)

Then I wanted to convert it into into a **JSON** file for some sort of Kindle Management App I’ll build some day. But I realised I was keeping some notes somewhere, not in one place.

But then I started using Obsidian, which led me to the current iteration of the idea - creating one markdown file per highlight. Well, basically, because it has a somewhat primitive way of merging highlights with corresponding notes.

It was also my first project which I tried to do in a **functional programming** approach.

It’s also my first pet project listed on my roadmap which is actually done. I might return to it, to make it more usable. But it definitely is more functional!
Difference between web 2.0 and web 3.0
Tags: blockchain, web3, web2, cryptocurrency
Published: 2022-03-02 12:17:54

DIFFERENCES BETWEEN WEB 2.0 AND WEB 3.0
Before discussing the differences between web 2.0 and web 3.0, let’s look at the origin of the world wide web. The WWW started as web 1.0 and was dominant during the year 1991 to the year 2004, in web 1.0 the users are just consumers while the developers build only static pages. Then came web 2.0 which refers to the present state of the internet (2004-present), Web 2.0 refers to second-generation internet content alongside interoperability and usability for end-users. Web 2.0 is based on a server-client structure, meaning centralized private corporations control and own the data. The result is that these corporations have enormous monopoly power and create barriers to entry for potential competitors. All Web 2.0 applications are controlled by centralized corporations, including the entire banking and financial system.  examples of web 2.0 include Wikipedia, Facebook, Twitter, and various blogs. Web 3.0 is the third generation of internet services for websites and applications that will focus on using a machine-based understanding of data to provide a data-driven and semantic web, web 3.0 is aimed at decentralization of the web services in whereby no permission is needed from a central authority to post anything on the web.

The most significant difference between web 2.0 and web 3.0 is their mode of operation, where web 2.0 is centralized and users are the creators of contents and web 3.0 is decentralized, users are owners of the owners of their content. Web 2.0 focus is on community development and the network owns the data unlike web 3.0 that focus on the empowerment of individual users and also entities that have ownership of their data. In terms of technology, web 2.0 is built using AJAX, html5, css3, and JavaScript while web 3.0 is based on Artificial intelligence, Machine learning, and decentralized protocol.  

The Web3 has set out to break up the market power of these centralized players by replacing the centralized server-client infrastructure with distributed ledgers,
the most common type being the blockchain
So instead of all data being stored on a centralized server, it will be scattered across a decentralized computer network. Centralized entities, which previously acted as intermediaries, will thus become obsolete.
Benefits of web 3.0 over web 2.0
1. Anti-monopoly and Pro-privacy.
2. Secure Network.
3. Data ownership.
4. Interoperability.
5. No interruption in service.

https://blockgames.gg/ , https://nestcoin.com/, https://zuri.team/
Why "It doesn't work" should be a banned sentence.
Tags: programming, beginners, productivity
Published: 2022-03-02 12:04:23

## The problem

**Every day**, I heard someone on some Discord, Slack, StackOverflow or even on some Jira tickets saying:

> "I'm trying to do `X` and it doesn't work".

And if you recognize yourself in this sentence, you need to stop saying that. Even if you're not an IT person.


![AngryITPerson](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0l18ji4lhkfn9ay4ok1u.jpg)


## Why ?

Firstly, because this message is pointless ! You didn't give any context on your problem. We have no idea of what doesn't work:

In my mind, I have at least a few more questions on your issue:

What did you tried ?
Did you get an error ?
What is the result you expected ?
Do you have documentation ?
Did you google the error ?
If yes, what did you tried then ?


Secondly, it can also be seen that you're lazy because you're not providing any useful information on your problem.
A lot of people will not help you because they need to start sending you messages asking you for more details to try to understand the situation and it's time-consuming, even if you reply quickly.
It's still a lot of time wasted for both you and the people that are trying to help you.
You can also refer to [https://dontasktoask.com/](https://dontasktoask.com/) to describe correctly your first message.

Finally, if you're not providing enough information, you will maybe face the [X/Y problem](https://xyproblem.info/): to describe it shortly it's when you ask how to do something (X), and somebody tells you to do something else (Y), but your original problem hasn't been solved.

## The solution

In summary, you should stop saying:

> "I'm trying to do X and it doesn't work".

But say:

> "I'm trying to do X, I got this error, I tried Y, but I can't find a solution to my problem"

By doing so, you have a higher chance of reply, a higher chance of find help, and a higher chance to fix your problem.
Web 2.0 Vs Web 3.0: How Different Are They?
Tags: nestcoin, blockgames, zuriteam, blockchain
Published: 2022-03-02 12:04:21

Firstly, while Web 2.0 is about creating tools for effective communication to grow relationships with one another; Web 3.0, on the other hand is all about giving intelligence to these tools and making the information been shared much more precise and effective.

Secondly, while Web 2.0 is all about creating contents for the web with the aid of the read-write web standard that allows for web applications, sharing of information and so on; Web 3.0, on the other hand, is more about optimizing user history and traits for a more effective interaction. 

Finally, while Web 2.0 is about relationships and how we communicate between ourselves, Web 3.0 in a nutshell, just adds intelligence to these communications.









https://blockgames.gg/

 https://nestcoin.com/

 https://zuri.team/
Material Design Color Palette Generator
Tags: webdev, css, html, color
Published: 2022-03-02 12:03:53

Creating beautiful, consistent color palettes is hard. You have to find the right colors and make sure they all look good together. It can be tough to create a cohesive color palette that looks great on your website or app. If you don't get it just right, your design will look like a hot mess.


![Material Design Color Palette Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/egi1r2t49mqh89y9zh3z.png)

**[Material Design Color Palette Generator](https://hexcolor.co/material-palette)** makes it easy to create beautiful, consistent color palettes using Google's Material Design guidelines. With our simple tool, you can choose from dozens of different shades and create the perfect color palette for your project.

##What is Material Design?
Material Design is a design language developed by Google in 2014. It uses shadows and lighting to create a three-dimensional effect, and it's meant to give apps and websites a more unified, consistent look. Since its release, Material Design has been widely adopted by both app developers and web designers. Many popular apps and websites, including YouTube, Gmail, and Google Drive, are now based on Material Design principles.

**[https://hexcolor.co/material-palette](https://hexcolor.co/material-palette)**
Getting Geospatial Data on The Web 🌎
Tags: webdev, geospatial, openapi, wecoded
Published: 2022-03-02 11:53:38

As a result of cheap location devices, user generated content and IoT — among other things — an increasing amount of geospatial data is generated everyday.

In this talk at [SkillsMatter](https://skillsmatter.com/skillscasts/17293-getting-geospatial-data-on-the-web), I discussed how we can serve or consume these data over the Internet, _without reinventing the wheel_.

{% youtube Kz_xIMMb8gk %}

You can find the slides here: https://res.cloudinary.com/skillsmatter/image/upload/v1644585677/kkcchrim4gbwcqddqq36.pdf
Relative Path and Absolute Path
Tags: javascript, webdev, path
Published: 2022-03-02 11:39:27

  
 Alternatively known as the pathname, the current path or path is the complete location or name of where a computer, file, device, or web page is located.
An absolute path is a path that describes the location of a file or folder regardless of the current working directory; in fact, it is relative to the root directory. It contains the complete location of a file or directory.
Absolute paths contain all the relevant information to find the resources indicated by an absolute URL. An absolute path must be used to refer to websites that are on a domain other than your home domain.
A relative path is a path that describes the location of a file or folder in relative to the current working directory. It can be best used to refer to websites that are located on the same domain, ideally on certain sections of websites in which the documents never change relationships to each other.
Unlike absolute paths, relative paths contain information that is only relative to the current document within the same website which avoids the need to provide a full absolute path. In simple words, relative path refers to a path relative to the location of the current webpage.
Automated image optimization
Tags: javascript, webdev, performance, react
Published: 2022-03-02 11:38:47

Manual tools like photoshop or online websites provide some level of compression. But to fully optimize images for web performance, you need to run them a dedicated tool to this purpose.

There are many tools, that we're going to check 3 of most used of them. 

### [imagemin](https://www.npmjs.com/package/imagemin)
It's a good choice, you can use the CLI to optimize all images in a specified folder. or add automated using grunt or webpack or whatever you are using.


```js
import imagemin from 'imagemin';
import imageminJpegtran from 'imagemin-jpegtran';
import imageminPngquant from 'imagemin-pngquant';

const files = await imagemin(['images/*.{jpg,png}'], {
	destination: 'build/images',
	plugins: [
		imageminJpegtran(),
		imageminPngquant({
			quality: [0.6, 0.8]
		})
	]
});

console.log(files);
//=> [{data: <Buffer 89 50 4e …>, destinationPath: 'build/images/foo.jpg'}

```
if you run the above code and then check the destination path, you will see the different file sizes and compression rates.


### [Squoosh](https://squoosh.app/)

It makes images smaller using best-in-class codecs, right in the browser. besides it provides a [CLI](https://github.com/GoogleChromeLabs/squoosh/tree/dev/cli)  that can be used stright from the command line withouth installing using `npx`: 
```cli
$ npx @squoosh/cli <options...>
```

Of course, you can also install the Squoosh CLI:
```cli
$ npm i -g @squoosh/cli
$ squoosh-cli <options...>
```

it's slower than `imagemin` but it provides better compression.


### [sharp](https://www.npmjs.com/package/sharp)
It's a high speed module to convert large images in common formats to different dimensions.

As well as image resizing, operations such as rotation, extraction, compositing and gamma correction are available.

it's also easy to use as you can see in below example:
```cli
npm install sharp
```
and how to use it : 
````js
sharp('input.jpg')
  .rotate()
  .resize(200)
  .jpeg({ mozjpeg: true })
  .toBuffer()
  .then( data => { ... })
  .catch( err => { ... });
```

with sharp we can produce different dimensions and then we can use `imagemin` to compress them. that would be a good approach then you can create [responsive images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images) easily with using `srcset` attribute to use those images in your web development. 
example: 

```html
<img srcset="elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
     sizes="(max-width: 600px) 480px,
            800px"
     src="elva-fairy-800w.jpg"
     alt="Elva dressed as a fairy">
```
The Major Differences     Between Web 2.0 and Web 3.0

Published: 2022-03-02 11:32:37

According to Investopedia, Web 2.0 is the current state of the internet, which has more user-generated content and usability for end-users compared to its earlier incarnation; while Web 3.0 is the third generation of internet services for websites and applications that will focus on using a machine-based understanding of data to provide a data-driven and Semantic Web.

Web 2.0 is the current version of the web with which we are all familiar, while Web 3.0 represents its next phase that will be decentralized, open, and of greater utility. 

In general, web2 websites are static and have limited functionality and flexibility; and web3 is a semantic web directing attention to the future. 

Web 2.0 website allows users to interact and collaborate with each other through social media dialogue as creators of user-generated content in a virtual community.
On the other hand, Web3 is a collection of JS libraries that lets you interact with an Ethereum node remotely or locally; by simply providing users with an API to use and easily work with the blockchain. Web3 works as a wrapper for JSON RPC to connect to a remote or local Ethereum node with either a HTTP or IPC connection.

Examples of Web 2.0 sites include Wikipedia, Facebook, Twitter, Instagram, WhatsApp, and various blogs. These sites have transformed the way the same information is shared and delivered previously. Innovations such as smartphones, mobile Internet access, and social networks have driven its exponential growth. While some good examples of Web 3.0 applications are Bitcoin, Steemit, etc.

Web 2.0 uses languages such as Perl, PHP, Python, Ruby, Enterprise Java (J2EE), and Microsoft.NET framework. While Web 3.0 uses Solidity. 

Solidity is a contract-oriented, high-level language for implementing smart contracts. It was influenced by C++, Python and JavaScript and is designed to target the Ethereum Virtual Machine (EVM). Solidity is statically typed, supports inheritance, libraries and complex user-defined types among other features.

https://blockgames.gg/, https://nestcoin.com/,  https://zuri.team/.

Thank you for reading.
WEB 3 vs WEB 2
Published: 2022-03-02 11:23:19

[](url)Evolution exists not only in biology but also in technology. In this context- the web. Web 1 brought about web 2 and with special features, the web 3 emanated. 
    Web 2 is the state of the internet where people without the knowledge of coding/programming can interact with the internet by using interfaces (website/website applications). These interfaces are provided by companies/organizations like Amazon, Facebook, LinkedIn amongst others, these organizations compel users to provide personal information and users have no autonomy in the management of these accounts, in the sense that it is centralized.
    Web 3 have a distinction. Web 3 is decentralized; users do not only have access but are in total control. Unlike web 2 where management is done by the providers of the interfaces, in web 3, the users although are not the creators of the interfaces, they have full autonomy.

To learn more about web 3 and it's applications- Blockchain development check the [Blockgames] (https://blockgames.gg/) a programme in conjunction with the [Zuri team](https://zuri.team/).
Sponsored by  [Nestcoin](https://nestcoin.com/).
Web 2.0 and Web 3.0, How are they Different? A Summary
Tags: web3, web2, blockchain
Published: 2022-03-02 11:11:58

From the evolution of the Static Web 1.0 to the interactive Web 2.0 and now we are witnessing that of Web 2.0 to Web 3.0. But wait! How is Web 3.0 any different from Web 2.0 and why is everyone so excited about it?

**Web 2.0**
Web 2 is interesting and we can already do so much with it, yeah! But Web 1 was also seen as interesting and very helpful before the evolution of Web 2 and the same thing is about to happen again. Everyone enjoys the fact that they can do so much with web 2 from collaboration, interaction with web content, eCommerce, content creation to social media and so much more, but this comes at the expense of giving up control of personal data to centralized institutions like Google and Facebook. This is exactly what Web 3 with blockchain is here to put in check.

**Web 3.0**
Web 3 is majorly about decentralization, which is enjoying all these features of web 2 and even more without entrusting personal data to anyone. Web 3 focuses on the semantic web whose goal is to make internet data machine-readable.

**Major Differences Between Web 2 and Web 3**

- 
Web 2 gives users the ability to interact with internet content while Web 3 allows users to become active contributors to the contents on the internet, thereby allowing them to immerse themselves in it.

- 
Data is owned by the network in Web 2. Web 3, on the other hand, implies an entity's ownership of data as well as the ability to share data across the network.

- 
Web 2 brings about improved interactivity while also introducing a diverse set of web apps. Furthermore, it is reliant on interactive advertising. Web 3, on the other hand, is built on behavioural marketing and includes intelligent web-based features and applications.

There is so much to Web 3, more to be discovered about it and this is just a glimpse of all there is to Web 3. The concept is relatively new and will keep growing.

To learn more about Web 3, the blockchain in general or how you can contribute to the next generation of the internet by becoming a blockchain developer [Blockgames](https://blockgames.gg/) in collaboration with the [Zuri](https://zuri.team/) team, sponsored by [Nestcoin](https://nestcoin.com/) is a great place to start. You can as well check the reference to read more on the Difference Between Web 2.0 And Web 3.0.

# Reference
[Difference Between Web 2.0 And Web 3.0](https://101blockchains.com/web-2-0-and-web-3-0/)
C++ Foundation
Tags: cpp, beginners, dasturlash, uzbek
Published: 2022-03-02 11:08:14

#1
##2
###3
####4
#####5
######6
Oddiy tekst

- Tekst ichida **jirniy** va *italik* yozsa ham bo'ladi.
  - bu ichkarida
- buyam bullet point

`Markdown` ichida `code` yozsa ham bo'ladi.

```
int a = 5;
x = a + b;

```

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

{% embed https://www.youtube.com/watch?v=RlYBensjfRY %}
How to Build Java Applications Today #61
Tags: java, bpf
Published: 2022-03-02 11:03:20

## TL;DR

Kotlin & Flutter gain popularity, Groovy 4.0, Java garbage collection deep dive, major releases for Gradle, Quarkus & VS Code, and meet me at four conferences.

***

## README

Welcome to my newsletter “How To Build Java Applications Today”! If you like it, then [subscribe to it on Substack](https://bpfnl.substack.com)! Or read it on [dev.to](https://dev.to/ksilz/series/11995) or [Medium](https://ksilz.medium.com). Even better: Share it with people who may be interested.

***

## Next Issue: Wednesday, April 6, 2022

My newsletter is published on the first Wednesday of every month.

***

## Stand-Up
Job ads and students at Udemy now show trend lines, popularity trends are summarized, I'll speak at three conferences and help organize a fourth one.

**[Read Stand-Up](https://betterprojectsfaster.com/guide/java-full-stack-report-2022-03/stand-up)**

***

## New & Noteworthy

Groovy 4.0.0 introduces switch expressions and sealed types, Azul launches external JIT compiler, Java garbage collection deep dive (part 1), and Multiversion Concurrency Control in Postgres.

**[Read New & Noteworthy](https://betterprojectsfaster.com/guide/java-full-stack-report-2022-03/new-noteworthy)**

***

## Technology Index 

Popularity trends: Kotlin gains on Java, NoSQL databases lose slightly, Spring Boot still dominates, React grows over Angular again, and Flutter gains on React Native. Also see my recommendations for a JVM language, a database, a back-end framework, a web framework, and a mobile app framework.

**[Read the Technology Index](https://betterprojectsfaster.com/guide/java-full-stack-report-2022-03/the-index)**

***

## Release Radar

Gradle, Quarkus, and VS Code had major releases in February 2022, Spring Boot and Micronaut had minor ones.

**[Read the Release Radar](https://betterprojectsfaster.com/guide/java-full-stack-report-2022-03/release-radar)**

***

## About

Karsten Silz is the author of this newsletter. He is a full-stack web & mobile developer with 23 years of Java experience, author, speaker, and marathon runner. Karsten got a Master's degree in Computer Science at the Dresden University of Technology (Germany) in 1996.

Karsten has worked in Europe and the US. He co-founded a software start-up in the US in 2004. Karsten led product development for 13 years and left after the company was sold successfully. He co-founded the UK SaaS start-up "[Your Home in Good Hands](https://yourhomeingoodhands.co.uk/)" as CTO in 2020. Since 2019, Karsten also works as a contractor in the UK.

Karsten has [this newsletter](https://bpfnl.substack.com/), a [developer website](https://betterprojectsfaster.com/), and a [contractor site](https://ksilz.com/). He's on [LinkedIn](https://www.linkedin.com/in/ksilz/), [Twitter](https://twitter.com/karsilz), [Xing](https://www.xing.com/profile/Karsten_Silz/), and [GitHub](https://github.com/ksilz). Karsten is also an [author at InfoQ](https://www.infoq.com/profile/Karsten-Silz).
User Roles Editor for WooCommerce
Tags: webdev, webdesign, woocommerce
Published: 2022-03-02 10:57:35

Make your user management easy by assigning and switching user roles automatically with the [WooCommerce change user role after purchase](https://woocommerce.com/products/user-roles-editor-for-woocommerce/). The owner is enabled to assign multiple roles based on the product and cart conditions. Admin can manage user roles with multiple rules, he can put conditions for user role-switching and assigning. Role assigning is scheduled on four constraints i.e product type, category, order amount, and total shopping amount. [WooCommerce role manager ](https://woocommerce.com/document/user-roles-editor-for-woocommerce/)allows the admin to take back the roles by giving valid reasons. An email will notify the users about the changes. Admin can also maintain the role-change history with this plugin.