teleren/devto huggingface dataset:
BTOPRO WEEK 10
Published: 2023-03-27 01:09:04

## Writing the 1st article in a series about the scope of what your going to be building
## Include images of how you are conceiving the API for the elements involved and the names

## What properties do you think you'll need
Title, Label, image, info, creator

## What sort of information will need to come from the backend to make this work?
##Either using a screen cast, taking screen shots, links to your code, show how you'll apply concepts from the Homework
## From the homework we will apply an event to toggle when the badge list is collapsed like the one above

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

## Relate it to what you'll have to do in order to pull this off for Project 2

The collapsible badge will need to use backend similar to how our details function worked.

## Article one is a focus on scope and the activity we did in class. What is the project, what will things be named, how will you initially conceive of attacking the problem?

We will creating our drop downs as establishing a event to open nd close them. From there well will use our template to create more buttons.
Map Filter Function in Python
Published: 2023-03-27 03:12:28

[![image alt text here](http://img.youtube.com/vi/cU1iuKVh_Vk/0.jpg)](http://www.youtube.com/watch?v=cU1iuKVh_Vk)

map and filter are equivalent to writing a generator expression. The map function takes each item in a given iterable and and includes all of them in a new lazy iterable, transforming each item along the way; The filter function doesn't transform the items, but it's selectively picks out which items it should include in the new lazy iterable
CSS Glassmorphism Button Hover Effects | Glass Morphism
Tags: codepen, geekshelper, geekshelp, webdev
Published: 2023-03-27 07:40:19

<p>Inspired by:
<a href="https://www.youtube.com/watch?v=YrOq7OpRV8I" target="_blank">https://www.youtube.com/watch?v=YrOq7OpRV8I</a></p>

{% codepen https://codepen.io/katarzynamarta/pen/rNdbbVq %}
Acquire 20% off and Get great Knowledge on SAP Ariba Certification Training at HKR Trainings
Tags: sapariba, saparibatraining, onlinesaparibatraining
Published: 2023-03-27 10:12:03

[SAP Ariba certification](https://hkrtrainings.com/sap-ariba-training) is a cloud-based procurement platform that enables businesses to streamline their procurement processes, manage supplier relationships, and drive cost savings. It is a subsidiary of SAP SE, one of the world's largest enterprise software companies.

With SAP Ariba, organizations can automate and simplify their procurement processes, from sourcing and contract management to invoicing and payments. The platform connects buyers and suppliers across a global network, enabling them to collaborate, negotiate, and transact more efficiently.

Some key features of SAP Ariba include:

Sourcing: Enables businesses to identify and evaluate suppliers, negotiate contracts, and manage supplier performance.

Contracts: Provides a centralized repository for contracts and supports the entire contract lifecycle, from creation and negotiation to renewal and termination.

Procurement: Streamlines the purchasing process, from requisition to receipt, and includes features such as catalog management, purchase order creation, and invoice reconciliation.

Invoicing: Allows suppliers to submit electronic invoices and buyers to manage the invoice approval and payment process.

Supplier Management: Provides tools for managing supplier information, assessing supplier risk, and monitoring supplier performance.

Overall, SAP Ariba helps businesses to improve their procurement processes, increase efficiency, and reduce costs by leveraging a powerful procurement platform and a global network of suppliers.
How to Install Magento Theme From Zip File
Tags: webdev, magento, magento2tutorial
Published: 2023-03-27 11:10:49

Initial feelings matter a ton and that is the motivation behind why a subject maybe is the most basic piece of any online business store these days. Your site's viewpoint must be at its ideal to draw in guests to remain in the store. 

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

Introducing a Magento subject from a compress record is a somewhat basic cycle like the cycle to introduce Magento expansion that can be finished in only a couple of steps. Here is a bit by bit guide on the most proficient method for how to install Magento theme from zip file.

For more info,visit https://webguru.dev/how-to-install-magento-theme-from-zip-file/
npm install npm-registry-fetch
Published: 2023-03-27 11:20:54

code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\dell\\AppData\\Roaming\\npm\\node_modules\\npm\\node_modules\\npm-registry-fetch\\lib\\index.js',
    'C:\\Users\\dell\\AppData\\Roaming\\npm\\node_modules\\npm\\lib\\utils\\replace-info.js',
    'C:\\Users\\dell\\AppData\\Roaming\\npm\\node_modules\\npm\\lib\\utils\\error-message.js',
    'C:\\Users\\dell\\AppData\\Roaming\\npm\\node_modules\\npm\\lib\\utils\\exit-handler.js',
    'C:\\Users\\dell\\AppData\\Roaming\\npm\\node_modules\\npm\\lib\\cli.js',
    'C:\\Users\\dell\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js'
  ]
Cloud Bootcamp 2023
Tags: cloud, github, kubernetes, azure
Published: 2023-03-27 15:08:32

Excited to start new journey in the cloud. Just started an 2 weeks bootcamp by [cloud community](https://www.linkedin.com/company/thecloudfolk/), I'm excited to learn new things. They have been organized in three tracks like AWS, Azure, GCP and provide an mentors for each of this...
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h5pk05rvs6un6cnx7cwn.jpeg)
Avoid this common mistakes when building a websites
Tags: webdev, javascript, beginners, programming
Published: 2023-03-27 23:06:34

When building a website, there are a lot of things that you need to think about. A developer or a web designer or a web developer should know this and must avoid it at all costs. If not check carefully, your work will be going to fail.

[Read More](https://brojenuel.com/blog/Avoid-this-common-mistakes-when-building-a-websites)
WordPress plugin updates shows -1
Tags: wordpress, bugfixing, solution, programming
Published: 2023-03-27 23:53:24

## Problem
We had an issue with a WordPress website, which wouldn't allow us to update or install any plugins.
When we try updating a plugin, the page would show just "**-1**".

Even adding a new plugin would show a "-1" error.
There wouldn't be any error messages or clue on what went wrong.
Even enabling debugging the WordPress site did not provide any clue on what caused this issue.

If you check the developer console of the browser, it would show that the "**wp-admin/admin-ajax.php**" throws a "[403 error](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/403)".

And the problem is that WordPress would create a ".maintenance" file when you update the plugin. Now the site would go to Maintenance mode and will not be available, unless you manually delete the ".maintenance" file via FTP.


## Details
The WordPress website had many plugins. And it had the following plugins installed in it:

- Autoptimize
- Elementor
- Page Builder by SiteOrigin
- Really Simple SSL
- Starter Templates (from Astra)
- Sucuri Security - Auditing, Malware Scanner and Hardening
- Super Page Cache for Cloudflare
- Wordfence Security

And the domain was using Cloudflare to make the site load faster and use the security feature provided by it.

The site was hosted in Ionos Web hosting package.

## Steps that did NOT work
- Tried to find out the issue by bypassing Cloudflare. It did not work.
- Tried to stop the caching on the site and Cloudflare. It did not solve the problem.
- Tried deactivating the security plugins. It did not solve the problem.
- Tried removing "Really Simple SSL" plugin security options. Still the problem persisted.

## Solution
We were on the verge of moving the site to another hosting provider, as we could not find the source of this issue. And the hosting support could not find anything wrong with their servers or system.

And then finally, I came upon this solution on WordPress support forum.
[https://wordpress.org/support/topic/plugin-updates-shows-1/](https://wordpress.org/support/topic/plugin-updates-shows-1/)

It stated that the issue is with **[Starter Templates](https://wpastra.com/starter-templates/)** (from Astra).
I just deactivated that plugin and the updates of other plugins worked smoothly.
And later on, I updated the **Starter Templates** plugin to the latest version.
If you face this kind of issue in the future, please check if you have installed **Starter Templates**. Just deactivate it and work on the other updates.
Kubernetes Labels, Selectors, and Annocation
Tags: webdev, beginners, tutorial, kubernetes
Published: 2023-03-28 02:59:28

[![image alt text here](http://img.youtube.com/vi/XabYkFhKtnE/0.jpg)](http://www.youtube.com/watch?v=XabYkFhKtnE)

Annotations, labels, and selectors are used to manage metadata attached to your Kubernetes objects. Annotations and labels define the data while selectors provide a way to query it. Here are the differences between the three concepts, what they’re designed for, and how you can use them to manage your resources. Annotations
Imported Italian Artichokes
Published: 2023-03-28 06:52:21

Are you looking for good Italian restaurants? DC PIE CO believes in serving only the most delicious food that will have you coming back for seconds! All of our food is made with the freshest ingredients. Our experienced chefs make the best **[Imported Italian Artichokes](https://www.dcpieco.com/menu)**. We only serve the most delicious, freshly made food, and our personal Brooklyn brick oven pie is to absolutely die for!
JavaScript Promise !
Published: 2023-03-28 07:13:33

In JavaScript, a Promise is an object that represents the eventual completion (or failure) of an asynchronous operation and its resulting value. Promises provide a way to handle asynchronous operations that involve waiting for some action to complete before proceeding with the rest of the code. This can be very useful when dealing with time-consuming or resource-intensive tasks, such as network requests or database queries.

A Promise can be in one of those three states: **pending**, **fulfilled**, or **rejected**. 

   

- When a Promise is in the pending state, it means that the asynchronous operation is still in progress and the result is not yet available. 
- When the operation completes successfully, the Promise is fulfilled with the resulting value. 
- The Promise is rejected with an error object if an error occurs during the operation.

Promises can be created using the **Promise()** constructor, which takes a function that defines the asynchronous operation to be performed. The function should accept two parameters: **resolve()** and **reject()**. 

- resolve() is called when the operation completes successfully and returns the resulting value. 
- reject() is called if an error occurs during the operation and returns an error object.

Promises can be consumed using methods like **then()**, **catch()**, and **finally()**, which allow you to handle the result of the Promise or any errors that may occur. Chaining these methods together can make it easier to write and manage complex asynchronous code.

Overall, Promises are a powerful tool in modern JavaScript development and provide a simpler, more organized way to handle asynchronous operations.
人気のブロックチェーン・ゲーム「キャプテン翼ライバルズ」のリフレッシュ機能とは
Tags: キャプテン翼ライバルズ
Published: 2023-03-28 08:52:56

「キャプテン翼ライバルズ」は、人気漫画「キャプテン翼」をモチーフにしたブロックチェーンゲームです。
fillメディア編集部では、このゲームについて、始め方や遊び方、ゲームの仕組みなどを解説した記事を公開しています。

[キャプテン翼RIVALS（ライバルズ）の始め方－ 選手カードNFTでチームを作り仮想通貨を稼ぐブロックチェーン・ゲームの仕組みとは](https://social-lending.online/nft-games/captain-tsubasa-rivals/about-captain-tsubasa-rivals/)

今回は、その記事から「リフレッシュ」という選手カードの独特な仕組みについて要約して紹介します。

「キャプテン翼ライバルズ」には、「ライバルモード」という、プレイヤーがコンピューターと対戦するモードがあります。
このモードで選手カードを使用すると、そのカードの「フィジカルコンディション」が徐々に低下していきます。
フィジカルコンディションが一定程度以下まで低下した状態でカードを使用すると、報酬の獲得量が低下する可能性があります。
また、獲得できるTSUBASAUTの量も激減します。
このような事態を避けるためには、選手カードのコンディションを定期的に回復する必要があります。
ただし、「リカバー」を行うためには、TSUBASAUTを支払う必要があります。

一方、選手カードの累計消費エネルギーが増えると、「疲れやすさ」という指数が上昇します。
この指数が上昇すると、フィジカルコンディションが一気に低下しやすくなります。
この状態を回復するためには、「リフレッシュ」を行います。
リフレッシュを行うと、累計消費エネルギーがリセットされ、「疲れやすさ」指数も1.0に戻ります。
ただし、リフレッシュにはTSUBASAUTが必要であり、回数が増えるとコストも膨らんでいくことになります。

そのため、ひとつの選手カードをとことんレベルアップしてから、累計消費エネルギーを大切に管理することが必要です。
また、効率的なプレイのためには、リカバーとリフレッシュを上手に使い分けることも大切です。
The Future of Virtual Reality: How PWAs are Shaping the VR Landscape
Published: 2023-03-28 09:07:05



Virtual Reality (VR) has come a long way since its inception, and it continues to evolve at a rapid pace. The emergence of Progressive Web Apps (PWAs) has opened up new possibilities for VR, and the future looks bright for this technology. VR is poised to change the way we interact with digital content, and businesses need to be prepared for the changes that are coming.

PWAs offer a cost-effective and accessible way to deliver VR experiences to users across different devices. With PWAs, businesses can create VR applications that are accessible through any web browser, without the need for users to download a native app. PWAs also offer features such as offline access, push notifications, and home screen icon for easy access.

In this article, we will explore the future of VR and how PWAs are shaping the VR landscape. We will discuss the potential applications of VR in different industries, from gaming and entertainment to education and training. We will also discuss the challenges that need to be addressed for VR to reach its full potential and provide guidance on how businesses can prepare for the changes that are coming.

The future of VR is bright, and PWAs are playing a crucial role in shaping this future. With PWAs, businesses can reach a broader audience and offer engaging and immersive VR experiences. As VR technology continues to evolve, businesses that embrace this technology and adapt to the changes are the ones that will succeed in the future.

Read the full article at [https://techblog.cybersynctech.com/exploration-of-virtual-realitys-future/](https://techblog.cybersynctech.com/exploration-of-virtual-realitys-future/)
Introducing Genez-io: An Exciting New Open Source Project! 🚀
Tags: webdev, javascript, programming, productivity
Published: 2023-03-28 12:01:22

 Hello,
I hope you're all having a fantastic day! 
Today, I'd like to introduce you to a new open-source project I've been working on called Genezio. I believe this project has great potential to make a significant impact, and I would love to have your support and input as we develop it further. 

🔗 Check it out here: https://github.com/Genez-io/genezio

📢 Spread the word! If you find the project interesting, please consider giving it a star ⭐ on GitHub and sharing it with your friends, colleagues, and networks. The more people know about Genezio, the more successful and beneficial it can become!
MySQL Date Compare
Tags: mysql, database, dbforge, datecompare
Published: 2023-03-28 16:36:42

This article describes various methods for comparing date and time values ​​in MySQL - https://jordansanders.medium.com/mysql-date-compare-973691343c70


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6m6qq6kyzfipfkpq0y2v.jpg)
OMG I never updated
Tags: webdev, beginners
Published: 2023-03-28 22:32:59

It has been about a MONTH since I've been on here last! I am definitely learning a lot, and feel like I'm on a roller coaster, its sooo fast-paced! I've since learned HTML, CSS, JavaScript vanilla, and we're just starting out on web APIs now! Where has the time gone! 

I'm wondering if anyone has any tips on how to practice though? Like I've also started to do WesBos's JavaScript30 when I have the time(read: when I'm not crying over my weekly challenges). But even with what I've learned so far it's still hard to follow/understand the logic behind what is happening even though I am familiar with some of what he is doing as I follow along? At this point, I'm just hoping the exposure to more stuff is gunna eventually help/look more familiar to me down the road!
Article: Why Trust and Autonomy Matter for Cloud Optimization
Published: 2023-03-29 03:52:01

I recently sat down with The New Stack and their editor, Richard Gall about the importance of trusting your DevOps team to do what they do best. 

[You can read the article here!](https://thenewstack.io/why-trust-and-autonomy-matter-for-cloud-optimization/)
What is Web Services in automation ?
Tags: testing
Published: 2023-03-29 05:42:15

Web Services in automation refer to a set of technologies and protocols that enable communication and data exchange between different applications and systems over the web. It is a way for different software applications to communicate with each other over a network using a standard set of protocols and formats.

Web Services are typically implemented using XML (Extensible Markup Language) or JSON (JavaScript Object Notation) as a data format and communicated via HTTP (Hypertext Transfer Protocol). They are often used in automation testing to simulate user interactions with a web application or to automate the interaction between different software applications or systems.

Web Services in automation testing can be tested using various tools and frameworks such as SoapUI, Postman, and REST-Assured. By testing web services, automation testers can validate the functionality of the APIs and ensure that the APIs are working as expected. Additionally, automated testing of web services can help identify and prevent issues before they impact the production environment. You can even check in-depth and Upskill yourself test automation strategies, methodology and its concepts includes training on Continuous Testing in DevOps, Performance Testing using JMeter from [Automation testing course](https://www.edureka.co/masters-program/automation-testing-engineer-training).

**Web services have numerous advantages, including:**

**Interoperability:** Web services allow different applications and systems to communicate with each other regardless of the programming languages, operating systems, or platforms they are built on.

**Platform independence:** Web services are built using open standards, which make them platform-independent. This means that they can be accessed and used from any platform or device that has internet connectivity.

**Reusability:** Web services are designed to be modular and reusable, which means that they can be used in multiple applications and systems, reducing development time and costs.

**Scalability:** Web services are highly scalable, which means that they can handle a large number of requests and transactions without compromising their performance.

**Reduced integration costs:** Web services reduce integration costs by providing a standard interface for communication between different applications and systems.

**Security:** Web services are secure and provide mechanisms for authentication, authorization, and encryption to ensure the confidentiality and integrity of data exchanged between systems.

**Faster development:** Web services accelerate development by providing pre-built functions and components that can be easily integrated into applications and systems.

Overall, web services are a powerful technology that enables efficient and effective communication between disparate systems, applications, and platforms.
Convert HTML Form Data into PDF in PHP
Tags: mpdf, php, form, programming
Published: 2023-03-29 07:14:10

PHP is a server-side programming language that is widely used for web development. One of the most common use cases of PHP is to process and store form data submitted by users. In many cases, it is necessary to convert the form data into a more usable format, such as a PDF document. In this article, lets explore how to use PHP to convert form data to PDF.

## Step 1: Install a PDF library
The first step is to install a PHP library that can be used to generate PDF documents. There are several popular libraries available, such as TCPDF, FPDF, and mPDF. For this article, we will be using mPDF, which is a free and open-source library that is widely used for generating PDF documents in PHP.
To install mPDF, you can download the latest version from the [Github](https://github.com/mpdf/mpdf) (https://github.com/mpdf/mpdf) or using composer and copy the folder to your web server.

## Step 2: Create a form
The next step is to create a form that will allow users to input the data that will be converted to a PDF. In this example, we will create a simple form that collects the user's name, email address, and message.

```
<form method="post" action="process_form.php">
    <label>Name:</label>
    <input type="text" name="name"><br>
    <label>Email:</label>
    <input type="email" name="email"><br>
    <label>Message:</label>
    <textarea name="message"></textarea><br>
    <input type="submit" value="Submit">
</form>
```

## Step 3: Process the form data
Once the form has been submitted, the form data must be processed and converted into a PDF document. To do this, we will create a PHP script called process_form.php.
```
<?php

$path = (getenv("MPDF_ROOT")) ? getenv("MPDF_ROOT") : __DIR__;
require_once $path . "/vendor/autoload.php";

$pdfcontent = '<table class="form-data"><thead><tr> </tr></thead><tbody>';

foreach($_POST as $key =>$value){
	$pdfcontent .= "<tr><td>" . ucwords(str_replace("_", " ",$key)) . "</td>:<td>" . $value . "</td></tr>";
}
$pdfcontent .= "</tbody></table>";

$mpdf = new \Mpdf\Mpdf();
$mpdf->WriteHTML(utf8_encode($pdfcontent));
$mpdf->Output('formdata.pdf', 'D');

?>
```

The process_form.php script first includes the mPDF library using the require_once statement. It then retrieves the form data using the $_POST superglobal array. With the posted data, it creates a HTML table. The script then creates a new mPDF object, write the HTML content, and outputs the form data to the PDF document. Finally, it lets you download the generated PDF by passing 'D' as a parameter in the Output method.
How do you keep yourself motivated and passionate about coding?
Tags: help, career, programming, health
Published: 2023-03-29 08:26:23

I've been dealing with loss of motivation and passion for quite some time (almost a year ^_^'), to the point where I'm leaving my job in a week to focus on other passions and interests, though I really like coding and everything around it. I would love to get back into it in the near future after resting for a bit. 

I'm interested in knowing what you do to keep on top of this. What are some of the methods and things you do to not burnout or lose motivation? How do you not get bored of the job? 


> _Photo by <a href="https://unsplash.com/@vargasuillian?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Uillian Vargas</a> on <a href="https://unsplash.com/photos/7oJpVR1inGk?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>_
Wednesday Links - Edition 2023-03-29
Tags: java, jvm, profiling, spock
Published: 2023-03-29 09:17:36

Disallowing the dynamic loading of agents by default (1 min)✋
https://mail.openjdk.org/pipermail/serviceability-dev/2023-March/046868.html

Spring Data and Spring Data Neo4j join the "No OFFSET Movement!" (8 min)🛑
https://info.michael-simons.eu/2023/03/20/spring-data-and-spring-data-neo4j-join-the-no-offset-movement/

The Speed Test: Comparing Map.of() and new HashMap<>() in Java (5 min)🚄
https://foojay.io/today/speed-test-comparing-map-of-new-hashmap/

Writing a Profiler in 240 Lines of Pure Java (13 min)🩺
https://mostlynerdless.de/blog/2023/03/27/writing-a-profiler-in-240-lines-of-pure-java/

Context Propagation with Project Reactor 1 - The Basics (10 min)🌊
https://spring.io/blog/2023/03/28/context-propagation-with-project-reactor-1-the-basics

Spocklight: Assert Elements In Collections In Any Order (2 min)🛂
https://blog.mrhaki.com/2023/03/spocklight-assert-elements-in.html