teleren/devto huggingface dataset:
Neumorphism Login Form
Tags: codepen, css, tutorial, beginners
Published: 2022-05-20 14:52:54

Neumorphism Login Form is much more interesting than other login designs. CSS Neumorphism Login Form You can easily create with HTML and CSS.

We all know that the login form is a very important element of a website. This type of login form is used to access accounts on various websites. 

All these elements are made by a single color in the case of login design. In this case, the element and the background of the web page are completely the same. The size of the element is determined here using only the shadow of the CSS code.

{% codepen https://codepen.io/rembertdesigns/pen/rNpweJj %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
New Things Added - Laravel 9.13 Released
Tags: laravel, php, webdev, beginners
Published: 2022-05-20 14:49:18

Let's get started quickly I found new things in Laravel 9.13 Released I wanted to share with you.

- Add value() Collection Method
https://github.com/laravel/framework/pull/42257

method to the Collection class, which gets a single key's value from the first matching item in the collection
```php
$c = new $collection([
    ['id' => 1, 'name' => 'Hello'],
    ['id' => 2, 'name' => 'World']
]);
 
$this->assertEquals('Hello', $c->value('name'));
$this->assertEquals('World', $c->where('id', 2)->value('name'));
```

- Array map() Method

```php
$data = ['first' => 'taylor', 'last' => 'otwell'];
$mapped = Arr::map($data, function ($value, $key) {
    return $key.'-'.strrev($value);
});
```

- Test Response collect() Method

collect() method to the TestResponse class to get the JSON-decoded body of the response as a collection
```php
$response->collect();
 
/*
Given the following array of data for a JSON response
[
    'foo' => ['foobar_foo' => 'foo', 'foobar_bar' => 'bar'],
    ...
];
*/
 
$response->collect('foo')

// Returns a collection instance with:
// ['foobar_foo' => 'foo', 'foobar_bar' => 'bar']
```

- Add new TestResponse helper: assertJsonMissingPath
https://github.com/laravel/framework/pull/42361
```php
$this->getJson('/users/1')
    ->assertOk()
    ->assertJsonMissingPath('email'); // Never return the user email

$this->getJson('/articles')
    ->assertOk()
    ->assertJsonMissingPath('data.0.internalTags');
```

- Add AssertCount() in NotificationFake
https://github.com/laravel/framework/pull/42366
```php
Notification::assertCount(4) // any number 
```


I hope you enjoyed with me and to learn more about this release visit the sources and search more. I adore you who search for everything new.
Source :- https://laravel-news.com/laravel-9-13-0
Source :- https://www.youtube.com/watch?v=8BVnn0qezM8
Glassmorphism Login Form
Tags: codepen, css, beginners, tutorial
Published: 2022-05-20 14:46:44

Glassmorphism Login Form is currently gaining much popularity for this beauty. CSS Glassmorphism is a UI design that is basically like a transparent form design. 

However, in this case, the background is semi-transparent and slightly blurred. You will see different types of websites and applications using this type of design. Currently, Apple, Windows, and many other websites use this type of design. 

In this article, I am going to show you how to create Glassmorphism Login Form using HTML and CSS code.

{% codepen https://codepen.io/rembertdesigns/pen/KKZmWdr %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Sometimes it's just configuration
Tags: discuss, devops
Published: 2022-05-20 14:46:00

I was just talking to someone in my Virtual Coffee community and we were talking about webpack which made me think of this comment I posted a couple of years ago.

{%embed https://dev.to/nickytonline/comment/ip05 %}

What are some tweaks to configs you've done that made a huge difference? It could be obvious things that were missing or something obscure.

Go!

Photo by [Ferenc Almasi](https://unsplash.com/@flowforfrank?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/configuration?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
Tip Calculator
Tags: codepen, css, javascript, beginners
Published: 2022-05-20 14:43:59

Simple Tip Calculator is a great JavaScript project for beginners. If you know Basic JavaScript then of course this type of Javascript Tip Calculator is important enough for you.

If you are a beginner then you should definitely try this type of project. Here you will find complete source code and tutorial on how to create a Simple Tip Calculator using JavaScript. But yes, you need to have some basic idea about JavaScript. This is because some amount of JavaScript has been used to make this project work. 

{% codepen https://codepen.io/rembertdesigns/pen/BaJRzbw %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Speeding up Django Project Setup
Published: 2022-05-20 14:36:32



Since I’ve started to work on a lot of Django projects lately. 
I realized I was spending much time working on the configurations of the project. Such as creating a new virtual environment for each project, installing prerequisites and the likes. This shifted the time needed to build the project to rather configuring it. 
Working on a Linux machine, I decided to create a little bash script that can automate the process right from creating a new project to setting up the directory structure for the project and installing dependencies. 
Here’s a link to the project for those who might be interested. 

https://github.com/AmoabaKelvin/django-starter/tree/v0.1.0

If you have some time to spear kindly go through it and tell me ways I can improve it. 
If you would like to contribute, I’ll be very glad. 
Also don’t forget to leave a star☺️
Using GitHub Actions with webMethods API Gateway
Tags: apimanagement, webmethods, apigaateway, github
Published: 2022-06-07 09:15:00

---
title: Using GitHub Actions with webMethods API Gateway
published: true
date: 2022-05-20 14:02:33 UTC
tags: APIManagement, webMethods, APIGaateway, GitHub
canonical_url: https://tech.forums.softwareag.com/t/using-github-actions-with-webmethods-api-gateway/257584
---

According to a recent [Nordic APIs statistics roundup](https://nordicapis.com/20-impressive-api-economy-statistics/), over 90% of developers are using APIs and they spend nearly 30% of their time coding APIs. This clearly illustrates how important APIs have become for businesses, but also how much impact they have on the workload of IT professionals.

Our industry has well-established practices for software delivery, such as DevOps, that help reduce the time required to deliver software as well as improve its quality. Which leads to the question how webMethods API Management can be integrated with the tools that support and automate these practices.

In this post I’ll dig into how you can set up an automated CI/CD pipeline for webMethods API Management with the market-leading developer platform [GitHub](https://github.com/about) and its software workflow automation platform [GitHub Actions](https://github.com/features/actions).

Check out the [full topic](https://tech.forums.softwareag.com/t/using-github-actions-with-webmethods-api-gateway/257584) in the Software AG Tech Communities by clicking
Using NgModule inside a Standalone Component
Tags: angular
Published: 2022-05-20 14:32:12

Just recorded a short video where I show you how to use a component wrapped in an NgModule inside a component marked as standalone.

{% embed https://www.youtube.com/watch?v=NUHA8z8Rmkk %}

This approach allows you to continue using `NgModule`s in your app together with standalone components. This way you can slowly refactor any `NgModule`-based components to standalone components as you go.
Python Flask Elasticsearch - builder pattern and DTO search criteria object - Part 4 Tutorial
Published: 2022-05-20 14:26:33

Hi, the 4th article devoted to the theme: “How to work with ElasticSearch, Python and Flask” already ready for reading. Here will speak about how to transform our requests parameters at the DTO criteria object. All details are here: "[Python Flask Elasticsearch - builder pattern and DTO search criteria object](https://sergiiblog.com/python-flask-elasticsearch-builder-pattern-and-dto-search-criteria-object/)". Have a pleasant reading.
Login system and user credentials
Published: 2022-05-20 14:25:14

I'm building a `React `app that requires users authentication (just to be logged in) to access some of the resources. I'd like to persist the user credentials with the `secure `& `HttpOnly `cookies. And there is my question: Is it a good idea to make the "is the user logged in" checking on client side (for e.g. by just by examining the document.cookie for login/password cookie) to speed up the app by not engaging the server site just to check if the cookies was set?
Dots | Made with Next JS
Published: 2022-05-20 14:21:45

![Dots | Made with Javascript | Next JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1652800759/large_dots_made_with_next_js_14a175f756.png "Dots | Made with Javascript | Next JS")


### Make money movement easy

> ### Make Money Movement Easy
> 
> Receive and send payments on multiple platforms while we handle your payout tasks—all through one simple API.
> 
> ### Lift Your Limitations
> No more picking and choosing. We allow you to integrate with more payment processors without complicated workarounds.
> 
> ### An Easy Solve For Busy Developers
> Deliver secure solutions while reducing your manual payment tasks to zero.
> 
> #### Payouts
> Unlock multiple payout options for your users—including bank accounts, Venmo, CashApp, and even Amazon gift cards.
> 
> #### Digital Wallet
> Allow users to store credit with you while we handle the complexities of money movement and management.
> 
> #### Payments
> Implement one single API to seamlessly integrate your favorite credit card processor, Paypal, ACH, and more.
> 
> #### ...And Everything Else
> Implement a complex payment infrastructure and flow in mere minutes with our unified ledger and API.

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Dots on Twitter](https://twitter.com/withjavascript/status/1527654464936718342?s=20&t=0OUpTz3B5QVvznzlv2-Gqw)
 |
| Medium | [Dots on Medium](https://medium.com/@madewithjavascript/dots-made-with-next-js-a938b925f5b3)
 |
| Facebook | [Dots on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid02nwEmLUNSHtHucHDp27P6PgnPVEXxRjhoFnkiHZtXEENp2gojWzdMebmiaSgej2CQl)
 |
| Tumblr | [Dots on Tumblr](https://madewithjavascript.tumblr.com/post/684779210277060608/dots-made-with-next-js-make-money-movement)
 |
| LinkedIn | [Dots on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6933420594113765376)
 |


Filled Under:

 - [Made with Javascript](https://madewithjavascript.club)    
 - [Made with Next JS](https://madewithjavascript.club/categories/next-js)
    
Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
This Week in Python
Tags: python, discuss
Published: 2022-05-20 14:20:50


**Fri, May 20, 2022**


This Week in Python is a concise reading list about what happened in the past week in the Python universe. 


## Python Articles

- [Python decorator patterns](https://bytepawn.com/python-decorator-patterns.html) – An article about different types of decorators and useful patterns
- [TDD Practice: Time API with Django](https://brntn.me/blog/django-tdd-practice-time-api/) – Let's learn some TDD tricks by building a small API with Django
- [Advanced Control Flow With Threads](https://emptysqua.re/blog/why-should-async-get-all-the-love/) – Blog post for the PyCon 2022 talk "Why Should Async Get All The Love?"
- [Boring Python: dependency management](https://www.b-list.org/weblog/2022/may/13/boring-python-dependencies/) – Dependency Management with Python packages
- [Python 3.11 beta vs. 3.10 benchmark](https://github.com/faster-cpython/ideas/blob/657830f1ab35466053634bb165f6582f6d788614/main-vs-310.rst) – Not an article but a good overview of the joint efforts of the faster-cpython team to make Python faster. See also: [Python might get 5 times faster in the next 4 years](https://bas.codes/posts/faster-cpython)


## Projects

- [pony](https://github.com/ponyorm/pony/) – Pony Object Relational Mapper
- [open-data-anonymizer](https://github.com/ArtLabss/open-data-anonymizer) – Python Data Anonymization & Masking Library For Data Science Tasks
- [django](https://github.com/django/django) – The Web framework for perfectionists with deadlines – The 4.1 beta was just released and includes some work on making the ORM async
- [pikascript](https://github.com/pikasTech/pikascript) – An ultra-lightweight Python engine that can run with 4KB of RAM
- [panel](https://github.com/holoviz/panel) – A high-level app and dashboarding solution for Python


{% embed https://twitter.com/bascodes/status/1527621024950394887 %}
Safely Landed!
Tags: firstpost, gamedev, javascript, html
Published: 2022-05-20 14:07:56

Hi all! This is my very first post on DEV and I am so excited to talk about a few things before I start posting on my projects.

In my capacity as a solo developer, I am glad to have finally found a place where I can write about my ideas and meet people with similar interests. I'm currently using [GDevelop](https://gdevelop.io) to create web-based games and apps for PCs and mobile which can interconnect across platforms (more on that later...).

Lastly, It would have been nice if places like this were available and easily accessible years ago. Thank you for your time reading my first post!
Using and contributing to open source software is often done in the workplace.
Tags: opensource, github, luos, edge
Published: 2022-05-20 14:06:21

**Using and contributing to open source software is often done in the workplace.**

However, 28% report that their IP policy is unclear, and 9% do not know how their IP agreement handles open source contributions.

This survey was initiated by Github in 2017, but many questions are still relevant in 2022.

We are an open-source project; please feel free to comment if you have any tips for improving documentation.

Source : opensourcesurvey
Paracetamol.js💊| #121: Explica este código JavaScript
Tags: javascript, webdev, spanish, programming
Published: 2022-05-20 13:54:39

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

```js
const p1 = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("p1")
    },3000)
  })
}

const p2 = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("p2")
    }, 5000)
  })
}

Promise.all([p1(), p2()])
  .then((mensaje) => console.log(mensaje))
  .catch(err => console.log(err))
```

A. `["p1", "p2"]` (después de 8s)
B. `["p1", "p2"]` (después de 5s)
C. `SyntaxisError`
D. `"p1"`, `"p2"` (después de 5s)

Respuesta en el primer comentario.

---
What was your win this week?
Tags: discuss, weeklyretro
Published: 2022-05-20 13:53:09

---
title: What was your win this week?
published: true
description: Got to all your meetings on time? Started a new project? Fixed a tricky bug?
tags: discuss, weeklyretro
cover_image: https://cl.ly/188e843c2985/download/Image%202019-02-15%20at%202.36.37%20PM.png
---

Hey there! 


Looking back on this past week, what was something you were proud of accomplishing?

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Getting a new gadget... or whatever else might spark joy ❤️ 

---

Have a wonderful weekend!

![cartoon sloth knocking items off desk and yelling "It's Friday!"](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cdwxkjnrv30rpd6zfd54.gif)
CPAN Module Tutorials
Tags: perl, cpan, metacpan, tutorials
Published: 2022-05-20 13:45:32

---
title: CPAN Module Tutorials
published: true
description: Making it easier to learn how to use CPAN modules
tags: #perl, #cpan, #metacpan, #tutorials
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jocasbmuc9192uwd8wbe.png
---

Here's a nice little project that went from a good idea to something useable in a couple of hours.

We all know (I hope) that there are lots of great libraries available on [MetaCPAN](https://metacpan.org/). What isn't sometimes quite as obvious is how to use those libraries. The documentation is usually a pretty good reference but in many cases, what you really want is a good tutorial. And they seem pretty rare on CPAN.

There are, however, hundreds of good tutorials out there on the web. But that doesn't really help the people looking for documentation on MetaCPAN.

Yesterday there was a discussion on the TPF Slack about this very problem. Olaf Alders (who leads the team behind MetaCPAN) said that he would be happy to link to quality posts about modules that are on other sites.

This sounded interesting to me. And I started thinking about a web app where users could submit links to tutorials. The site would then produce an API which MetaCPAN (or, indeed, anyone else) could use to add links to those sites.

I was thinking about a Dancer2 app. Which would require users and authentication and hosting and all the stuff that comes with a web app. But then we realised that (at least as a proof of concept) none of that was actually needed. We could do it all on GitHub.

So now we have [LearnCPAN](https://github.com/davorg/learncpan/). It's just a CSV file with three columns (distribution name, tutorial URL and tutorial title). If you want to submit a new tutorial, then you can simply create a pull request against the repo. Once your PR is merged, there's a simple GitHub Action which parses the CSV file and produces [a JSON file](https://davorg.dev/learncpan/tutorials.json) which MetaCPAN can use to add tutorials to a distribution's page.

I've seeded the CSV with a couple of years of examples from the [Perl Advent Calendar](https://perladvent.org/). But it's ready to take your submissions now.
Top 10 Most Popular JavaScript Frameworks for 2022-Codexashish
Tags: javascript, java, programming
Published: 2022-05-20 13:34:10

JavaScript is the most popular multi-paradigm language that encourages useful, event-driven, and strong (including object-oriented and prototype-based) programming designs.

**Top 10 Best JavaScript Frameworks to Choose in 2022**

## No.1: React.js
Created by Facebook, the React framework has earned quality among a brief amount. it's wont to develop and operate the dynamic program of the net pages with high incoming traffic. It makes the employment of a virtual DOM, and hence, the combination of identical with any application is a lot of easy. Giants like Paypal, Netflix, Grammarly, Codecademy, Outlook, Cloudflare, Trello, and far a lot of use React.js.

## Features of React.js:-

- Virtual Document Object Model (DOM)
- One-way data-binding only
- Cross-platform performance


## No.2: Angular.js
t is one of the foremost powerful and best JS Frameworks in 2022. Here area unit the highest characteristics of Angular and it's one amongst the foremost powerful, efficient, and ASCII text file JavaScript frameworks. Google operates this framework and is enforced to use for developing Page Applications (SPA).

## Features of React.js:-

- Cross-Platform 
- Full Development Story 
- Productivity
- Speed and Performance


## No.3: Vue.js
Vue.js is another one amongst the most effective JavaScript framework usually utilized in developing cross-platform apps and websites and it had been developed in 2016. It additionally supports the build of powerful Single Page Applications (SPAs). it's a far reliable platform for developing cross-platform.

## Features of React.js:-

- Cost-effective virtual DOM view option
- Precise two-way data binding preferences
- Easy to understand and learn


## No.4: Express.js
Express JS is AN application framework that's used for Node JS. it's a ready-to-use resolution for making internet apps and pages terribly apace. one amongst the key edges of victimization the specific JS framework is quick server-side secret writing. Your developers will complete complicated tasks in precisely a minute. It additionally takes care of dynamic URLS with its active routing mechanism.

## Features of Express.js:-

- Faster Server-Side Development
- Routing
- Templating
- Debugging

## 
[Click Here to read more](https://www.codexashish.com/2022/01/top-10-most-popular-javascript.html)

**Thankyou 
Codexashish**
My experience of a trip to NYC (as a Software Developer)
Tags: softwaredevelopers, travel, codinglife, newyorkcity
Published: 2022-05-20 13:28:21

Last December, I went to New York City with my girlfriend.
I am a software developer and she is a dietitian.
It was my first trip to the United States of America, I have always been in love with New York City and the American dream, so I was very excited.

We landed at JFK airport and then using the subway we went to our hotel in downtown Manhattan.

When we completed check-in I checked my hotel card to see our room number, and it was 404.

I was very scared, to the point where I said to my girlfriend:
‘Please don’t leave me alone, or you will never find me again’.

She was silent, for a few minutes, which seemed endless.
I literally burst out laughing, though, shortly after.

Unfortunately, she can’t understand the joke, because she doesn’t know that 404 is the error code of ‘PAGE NOT FOUND’.

Thanks for the attention, if you want you can buy me a coffe :)
 https://www.buymeacoffee.com/giuliopie