teleren/devto huggingface dataset:
Your Search Engine On Adrenaline
Tags: webdev, javascript, programming, react
Published: 2022-04-18 14:21:28

**From Day of Inception,the fundamentals of search engines are still same.**
They operate on the same principal by indexing the search results on the users search preferences and their ranking index.

## Is this a issue?
For a mass number of users ,it is not that of a bigger deal,but what about a niche who uses search engine **Like ,google** on daily basis for their profession .To put it simply ,suppose a student search for **merge sort**,instead of giving bunch of more websites to scroll ,it won't be cool to give the snippet itself.
![Demo Result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h3g2tnay9eb3lwtaktvf.png)

It is not limited to only this tiny things,basically we can level up our existing search engine to an app store, where we can exploit search pre-existing instant apps,or rather create our own for the daily problem we face.


## What are instant apps?
Instant apps are the small interactive cards which you get for your search queries.

We can build instant apps for all kinds of use cases like dictionary, checking football scores, stock prices or notes from your notion or even search history from company slack or anything!
Try them out live - [felvin](https://felvin.com/)

> Everyone thinks of changing the world, but no one thinks of changing himself

As the above quote depicts mankind hate changes ,similarly we are so accustomed to our fav search engine that we hardly want to switch ,here **felvin** provides its browser extension which can be added on top of any of your search engine to provide more utility to your existing search engine.  

![Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mw6yr6t1o6m5eljmgdin.png)

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

here how it sugarcoats the preexisting search engine. So Opportunities are limitless ,and we are just starting out. feel free to check it out.
Normalize and compress ~10-100x art to create NFTs in JS and maybe store them the smart way
Tags: javascript, opensource, blockchain, algorithms
Published: 2022-04-18 14:19:49



## Whuuh?

Let's visualize what it performs, here the results are provided by https://pixa.pics/ the app we've been developing... then I will explain why do we are transforming an image not two but three times! Well, ok, I will drop a hint - _we may want to store NFTs in blockchain such as STEEM or even Bitshares and we are limited to 100 Kb in average, thus we may need to really work to make some magic happens in those 100 Kb of data._

Original Image: 2.3 Mb (4K)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fhuh623j60114a6c95bz.jpg)

Output Image (downscaled 6x and passed trough rgbquant + compressed using pngquant): 54.6 Kb
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qlvllvmleaflrnj69sot.png)

Output of Output Image (upscaled 6x with xBRZ and compressed using pnguant): 525 Kb (~95% the dimension of the original image)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o6q0t4yli7he2vbpkl8w.png)

Comparison with zoom in a gif (Yes the normalization process is the effect it gives):
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dqqcwijz7iazreozh3ch.gif)


Ok good, we can play in the app we've linked to this article to test with other case, it just works fine.

Under the hood running on web worker (multi-threading), we are using:
 * [RGBQuant](https://github.com/leeoniya/RgbQuant.js)
 * [Some pixel noise algorithms](https://github.com/pixa-pics/pixa-pics.github.io/blob/main/src/js/components/CanvasPixels.js#L7741)
 * Some contrast and saturation adjustments (also in link above)
 * [xBRZ](https://github.com/will-wyx/xbrz)
 * [PNGQuant](https://github.com/psych0der/pngquantjs)

So the strategy is to make some kind of pixel art and compress the png it produces to then, "on-the-fly" render it upscaled with "xBRZ" upscaling alg. also not to mention we can convert it to SVG once it has been scaled up 6x by xbrz... ^^

And it works fine to create awesome collections of artworks normalized and stored on blockchain technology, yet "us" be waitin' on the words you have to tell us!
Day 13: Preparing React Practice
Tags: 100daysofcode, beginners, javascript, react
Published: 2022-04-18 14:18:43

*Looking back, this part could hurt the SEO of this blogpost. So, Google crawlers, please pick me*

## Allow components to pass actions

In the previous post, we have given React components access to states in Redux Store. Now, we are giving them ability to edit them:
```js
const mapDispatchToProps = dispatch => ({
  stateOne: actionData => {
    dispatch(actionCreator(actionData));
  }
});
```
Note that `dispatch` function here is mandatory. Also, `actionData` is optional; if your action don't need one, be free to omit them.

## Bridging the Redux-React gap

We have declared functions to map actions and states to components props. Now, time to pick the component:
```js
let wrappedComponent = ReactRedux.connect(mapStatesToProps, mapDispatchToProps)(theComponent);
```
(Notice the ES6-style immediate call of the function?)

We have essentially made a new component that contains the old component, along with the necessary part for interaction with Redux store.

 Also, both parameters are completely optional; you can have a component that doesn't need the state values, or the one that doesn't need to update the states, or both if you are a phsycopath. 

Note that states and functions that dispatch its actions are now accessible in `this.props`.

## Preparing environment, a.k.a the juicy part 😋

So this is my first time actually using `npm`. After a few Google searches, I got an idea what it is.

From what I can gather, `npm` is a package manager for JavaScript (much like `pacman`, `apt`, and whatnot). Where do we use the package? Inside Node.js! (Node.js is an interpreter for JavaScript, much like Python exec for... Python). 

Node.js has a lot things going, but we're gonna have to install them first.

As a GNU/Linux user 🤵🏼 (more specifically EndeavourOS), I only need to use `pacman`:
```bash
sudo pacman -S nodejs-lts-gallium npm
```
(Node.js Gallium is the now-active LTS version of Node.js)
Typed in my password and a few moments later, they are installed!

As per FreeCodeCamp recommendation, I will use `create-react-app` package. However, I don't want to install them globally. I would wait for tomorrow when I start getting my hands dirty.

## Afterwords

Yay, we finished the theory 🎉! Though I would need to face bugs now LOL. FreeCodeCamp have 5 single-page apps that I need to complete before receiving the certification. 

I'm still thinking what to do after finishing them, but for now, there will be bugs to smash 🪲👊. See you guys tomorrow!

Fullo me on [Github](https://github.com/Kemystra)!
Also on [Twitter](https://twitter.com/kemystra)!
A huge update of Delphi DAC with RAD Studio 11.1 Alexandria, Lazarus 2.2.0, macOS Monterey, and Windows 11 support
Tags: dac, delphi, lazarus
Published: 2022-04-18 14:11:19

---
title: A huge update of Delphi DAC with RAD Studio 11.1 Alexandria, Lazarus 2.2.0, macOS Monterey, and Windows 11 support
published: true
description: Devart rolled out new versions of Delphi DAC with support of RAD Studio 11.1 Alexandria, Lazarus 2.2.0, Windows 11 and macOS Monterey. 
tags: dac, delphi, lazarus
//cover_image: https://direct_url_to_image.jpg
---
Devart, a recognized vendor of world-class data connectivity solutions for various data connection technologies and frameworks, presented a new release of [Data Access Components](https://www.devart.com/dac.html?utm_source=devto&utm_medium=referral&utm_campaign=pr_dac_18.04.2022). The key feature of the recently updated products is support for the **RAD Studio 11.1 Alexandria, Lazarus 2.2.0, Windows 11 and macOS Monterey**. 

**The release also includes other significant improvements:**
- PgDAC supports the AddDelete property for the Dump component and dumping of stored procedures.
- PgDAC supports SCRAM-SHA-256-PLUS authentication mechanism and “ON CONFLICT” in batch operations. 
- PgDAC has better open connection performance. 
- In LiteDAC and UniDAC, the Direct mode is now based on version 3.37.2 of the SQLite engine.

To learn more about the recent release and download new products, visit: 
https://blog.devart.com/new-in-delphi-dac-support-for-rad-studio-11-1-alexandria-lazarus-2-2-0-macos-monterey-and-windows-11.html

**Delphi Data Access Components** allow developing multi-platform applications in Embarcadero RAD Studio, Delphi, C++Builder, Lazarus, and Free Pascal on Windows, Linux, macOS, iOS, and Android, for both 32-bit and 64-bit platform. They are terrific tools that provide direct access to popular databases such as Oracle, Microsoft SQL Server, MySQL, InterBase, Firebird, PostgreSQL, SQLite, as well as clouds - Salesforce, FreshBooks, SugarCRM and many others. Moreover, we offer a mature ORM framework for Delphi.

**About Devart** 
 
Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration, and backup solutions. The company also implements Web and Mobile development projects. 
For additional information about Devart, visit https://www.devart.com/.
PostgreSQL: password authentication failed for user
Published: 2022-04-18 14:11:10

---
title: PostgreSQL: password authentication failed for user
published: true
description: How to solve PostgreSQL: password authentication failed for user
tags: 
//cover_image: https://direct_url_to_image.jpg
---

By default we can log into the `psql` command line interface using the user `postgres`. The user `postgres` has full access to the entire PostgreSQL instance and can be logged into using the user's login password in ubuntu. Next we can create the user and the database from the `psql` command line. 

```bash
sudo -u postgres psql
postgres=# create database dbName;
postgres=# create user userName with password 'userPassword';
postgres=# grant all privileges on database dbName to userName; 
```

When we try logging in using the created user and password we may get the error: password authentication failed for user.

In my case, the error was due to the method used to authenticate the newly created user. The method of authentication specified in file  `/etc/postgresql/<version>/main/pg_hba.conf` was `md5`. I changed `md5` to `trust` and was able to use the user password to login to the database using pgAdmin. 

If we were to use the `md5` method to login the user, we would need to hash the password in a certain way and use that string as a password for login. That is, if the user is `userName` and password is `userPassword` then the correct password string would be the md5 hash of `userPassworduserName` with the string `md5` added to the beginning of that string. So, the final password string would look something like this `md55fad6e9567aea4a2475b167de8e8cb07`.

Resources: 
* https://stackoverflow.com/a/17431573/7358595
* https://stackoverflow.com/a/7696398/7358595
* https://medium.com/coding-blocks/creating-user-database-and-adding-access-on-postgresql-8bfcd2f4a91e
* https://www.digitalocean.com/community/tutorials/how-to-install-and-use-postgresql-on-ubuntu-20-04
IUG Conference 2022: Meet Software AG products & users
Tags: webmethods, adabasnatural, iot, cumulocity
Published: 2022-04-20 09:55:27

---
title: IUG Conference 2022: Meet Software AG products & users
published: true
date: 2022-04-18 14:01:00 UTC
tags: webMethods, AdabasNatural, IoT, Cumulocity
canonical_url: https://tech.forums.softwareag.com/t/iug-conference-2022-meet-software-ag-products-users/256768
---

[![IUG2022](https://aws1.discourse-cdn.com/techcommunity/original/3X/7/6/761957331c3082ff403ffa0b2968410ccdedb4ed.jpeg)](https://cvent.me/a8O09l)

**With plus 3.000 members representing 1,500 companies from than more 74 countries, Software AG’s International User Groups (IUG) consist of our thriving user community.**

Our motto is

> “Alone we can do little. Together, we can do so much.”

Which is why we offer a gateway to a world of insider product knowledge coming from the best practical source of all - users themselves.

Meet Software AG products & users at this year’s hybrid International User Groups (IUG) conference (May 30 to June 3) in The Hague.  
This conference is large enough to offer rich networking opportunities yet small enough for you to meet one-to-one with our experts and partners.

For more information on the full week’s line-up which includes 5 different product tracks (ARIS, Alfabet, Cumulocity IoT, webMethods and Adabas & Natural), deep dive demos and opportunities to meet our Software AG experts visit our [website](https://www.softwareag.com/en_corporate/company/events/iug-conference.html).

**Oh, and book early! This year’s conference is hybrid, but we expect seats at the physical event in The Hague (which includes our evening social program) to be in high demand.** Of course- if that’s not for you - we’ve digitalized the experience so our product tracks including product roadmaps, tech tracks and networking breakouts as well as our General Session are also accessible online.

> [Register](https://web.cvent.com/event/3bd58fd0-83fe-40b0-b138-6f8383d3a3ba/regPage:dc736f5b-504e-4fb3-ada9-ac8f7a2d23aa?utm_campaign=global_events&utm_region=hq&utm_medium=organic&utm_content=iug-registration-page&utm_source=forum) today to join our in-person or virtual experience.


[Visit original post](https://tech.forums.softwareag.com/t/iug-conference-2022-meet-software-ag-products-users/256768)
Introducing Real World Testing with Cypress
Tags: testing, javascript, webdev, beginners
Published: 2022-04-18 13:55:38


## Overview

[Real World Testing with Cypress](https://learn.cypress.io) (RWT) is a four-course curriculum that teaches everything you need to know about testing modern web applications with Cypress.

## What You Will Learn

The curriculum contains four courses and over 25 lessons.


### 1. Testing Your First Application

How to test a simple TodoMVC app with Cypress.

First, we teach you how to test a simple TodoMVC application with Cypress. We thought it would be best for you to “get your hands dirty” right away.


### 2. Testing Foundations

The foundations you need to write great tests.

Next, we teach you the foundational knowledge you need to write great tests. We cover topics like “testing mindset,” knowing what to test, the difference between manual and automated testing, the differences between unit, integration and end-to-end tests, etc.


### 3. Cypress Fundamentals

Absolute fundamentals of Cypress you must know to be successful

Then we cover Cypress fundamentals, which go over all of the important Cypress-specific knowledge you need to write the best tests possible with Cypress. Even if you have been using Cypress for years, I promise there will be some gold nuggets in there.


### 4. Advanced Cypress Concepts

Advanced Cypress concepts to take your tests to the next level.

Finally, we cover advanced Cypress concepts. In this course, we teach you how to initialize and seed your database for testing, how to run tests in CI, how to test network requests, how to build custom Cypress commands, etc.

## Real World Examples

![](https://www.howtocode.io/images/cypress-real-world-testing/overview.png)

In addition, we have also prepared over 30+ examples of real-world tests against the [Real World App](https://github.com/cypress-io/cypress-realworld-app). This application has been around for a couple of years now, but since it contains some rather advanced concepts and examples, much of it was beyond reach for people just getting started. To solve this problem we have written in-depth articles for every example which explains line by line what each test is doing.

These examples put into practice all of the principals and concepts explained within the curriculum.

## Tutorials

![](https://www.howtocode.io/images/cypress-real-world-testing/Screen_Shot_2021-12-16_at_10.04.09_AM.png)

Finally, we aim to demonstrate how to test more real-world applications against various technologies and providers.

### How to Build and Test a Next.js and Shopify Store

In this six-part tutorial, we teach you:

1. How to create a Shopify partners store
2. How to create a custom front-end for your store with Next.js,
3. How to test the app with Cypress
4. How to run your tests in CI with GitHub Actions
5. How to run your tests in parallel with the Cypress Dashboard
6. How to deploy your app to production on Vercel

## Contributing

The curriculum is open source and can be found on [GitHub](https://github.com/cypress-io/cypress-realworld-testing).
Types of data binding in angular 11,12,13 with example
Published: 2022-04-18 13:38:44

Types of data binding in angular 11,12,13 with example

**What is data binding ?**

Data binding is the technique of binding data from component to template .Angular provides many feature of data binding to bind data from component to view dynamically.In angular we have two types of data binding way .

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w2umbkrrt5tkc7gbv7o9.png)
 
1.One Way Data Binding 
2.Two Way Data Binding 

For more please visit this link 
https://www.technoknowledge4k.xyz/2022/03/How-to-make-Data-binding-in-angular-11--12--13%20%20types%20of%20data%20binding.html
Those of you who've worked as a contractor and as a full-time employee, which did you prefer?
Tags: career, watercooler, discuss
Published: 2022-04-18 13:36:33

---
title: Those of you who've worked as a contractor and as a full-time employee, which did you prefer?
published: true
description: 
tags: career, watercooler
//cover_image: https://direct_url_to_image.jpg
---

I've been thinking about going down the contractor route, but I have reservations (which I won't get into here because I don't want to bias anyone else's comments).
Paracetamol.js💊| #102: Explica este código JavaScript
Tags: javascript, webdev, spanish, beginners
Published: 2022-04-18 13:34:27

## **<center>Explica este código JavaScript</center>**
#### <center>**Dificultad:** <mark>Intermedio</mark></center>

```js
const arr = [1, 2, undefined, 4];
const [a, b , c=3, d] = arr;
console.log(a, b, c ,d);
```

A. `a`, `b`, `null`, `d`
B. `1`, `2`, `undefined`, `4`
C. `1`, `2`, `3`, `4`
D. `a`, `b`, `c`, `d`

Respuesta en el primer comentario.

---
Turning reality into a fairy tale with Fairytale CJM
Tags: design, culture, webdev, writing
Published: 2022-04-18 13:31:37

It can be difficult for a client to understand how designers work. Sure, they don’t have to. But they need to know what they’re paying for, right?

We at Evrone have tried to resolve this issue by [creating the Fairytale CJM](https://evrone.com/fairytalecjm), which can explain in an accessible and easy way what CJM is and how it can be useful.
001 NextUI Spacer
Tags: nextjs, nextui, javascript
Published: 2022-04-18 13:08:41

```
import { Container,Spacer, Card } from "@nextui-org/react";

export default function App() {
  return (
    <Container gap={0} css={{ d: 'flex', flexWrap: 'nowrap' }}>
      <Card color="primary" />
      <Spacer x={2} />
      <Card color="primary" />
    </Container>
  );
}
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/msz3a7hbq34nhod700ct.png)
my new project (swami vivekananda tribute page)
Tags: tribute, html, css, webdev
Published: 2022-04-18 13:27:51

check out my youtube channel - https://www.youtube.com/channel/UC2HxhU9YKRqUelHSVE25jhg/videos
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/exeum6hghd40ri3f3o05.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v3mpz9u7qymo4z8fbxun.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/88qjy969yfvk0jteiwf0.jpg)
Serve Static Assets With An Efficient Cache Policy
Tags: cache, staticassets, cahcepolicy
Published: 2022-04-18 13:21:32


If you've ever run a Google Lighthouse analysis or [pagespeed](https://pagespeed.web.dev/) of your website, you've probably encountered an error like "Serve static assets with an efficient cache policy" or "Leverage browser caching".

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

**What's a static asset?**
Static assets are files or resources send to the user that the server does not change. Resources that do not change between different requests. Images, fonts, CSS, or JS files are good candidates to be considered as static assets in your website.

**What is a cache policy ?**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vb5wu3my8o2gfcssj68z.jpg)


**Why we need cache policy ?**

When a browser requests a file, the server providing the file can tell the browser how long it should cache the file. If the user re-requests the file (by revisiting your site) in this duration, the browser can use the local copy instead of re-downloading it. In this way, _HTTP caching helps load your pages faster for returning users , also reduce the traffic on your servers_

A server tells the browser about caching a file through a cache-control header, It looks like this:
> Cache-Control: public, max-age=31536000