teleren/devto huggingface dataset:
3 Developer Articles You Should Read From April 2021
Tags: containers, ibmcloud, tutorial, video
Published: 2021-05-14 17:47:37

---
title: 3 Developer Articles You Should Read From April 2021
published: true
date: 2021-05-05 18:22:20 UTC
tags: Containers, IBMCloud, tutorial, video
canonical_url: https://maxkatz.org/2021/05/05/3-developer-articles-you-should-read-from-april-2021/
---

I want to share three developer articles, tutorial and videos from [IBM Developer](http://developer.ibm.com) North America team. These resources offer high-quality developer education so I believe you will find them valuable.

[![](https://katzmax.files.wordpress.com/2021/05/april_articles2.png?w=1024)](https://katzmax.files.wordpress.com/2021/05/april_articles2.png)<figcaption>IBM Cloud Dashboard</figcaption>

📖[Identity and Access Management (IAM) in the Cloud Basics: Why Devs Should Care](https://dev.to/ibmdeveloper/identity-and-access-management-iam-in-the-cloud-basics-why-devs-should-care-1m80) by [Bradston Henry](https://twitter.com/BradstonDev)

📖[Deploying your first ReactJS application into the Cloud](https://dev.to/ibmdeveloper/deploying-your-first-reactjs-application-into-the-cloud-31je) by [Bradston Henry](https://twitter.com/BradstonDev)

📺[Identity and Access Management (IAM) in the Cloud: Why you should care](https://www.youtube.com/watch?v=W3O1__NiLMQ) by [Bradston Henry](https://twitter.com/BradstonDev)

One more thing. If you are looking to join our live online meetups, you will find weekly developer education events on our [Crowdcast channel](http://crowdcast.io/ibmdeveloper).
Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript
Tags: parallax, html, css, javascript
Published: 2021-05-05 18:21:33

---
title: Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript
published: true
description: A quick beginner tutorial video for 2021 on how to create a sweet parallax effect for your website and add the illusion of depth.
tags: parallax, html, css, javascript
canonical_url: https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript
cover_image: https://www.timo-ernst.net/wp-content/uploads/2021/05/gif.gif
---

I found this great [Photoshop tutorial](https://www.youtube.com/watch?v=0PaA82YzNOE&t=0s) by Dev Ed which inspired me to create my own implementation of a parallax effect based on his video in order to create more depth to websites and hey – a bit of eye candy never hearts, right? :-) So, here is my implementation below.

As you can see in the gif above – every time the user scrolls down the bush in bottom left as well as the house in the bottom right move at a different speed compared to the background which creates the overall illusion of depth. If you want to learn how to achieve this effect have a look at my video tutorial down below :-)

Let me know how you like it and if you have any similar or even better cool looking eye candy effects which you like using on your websites. I’d love to see them!

## Video Tutorial

In this video I will guide you through a step-by-step tutorial how to create the parallax effect above. We will use just HTML, CSS and JavaScript. No external libraries. No React, Angular or Vue. Plain and simple. If you prefer a less minimalistic solution you can also check out [this video](https://youtu.be/Nt70Ld0dJCM) by Dev Ed in which he does the same thing but does heavy usage of external libraries. The benefit of his approach is more convenience while coding but at the same time you will have less control over the code, rely on external dependencies and probably won't learn as much :-)

If you have any questions or suggestions for improvements please let me know in the comments down below.

{% youtube sfy9hHE7AYc %}

## Links

Here you can find couple of links related to my video including the source code as well as a live demo. If you want feel free to follow me on Twitter. I’m very active there and post regularly on stuff related to web dev in general, React and Node.

- Source code on GitHub: https://github.com/valnub/3d-depth-example
- Live demo: http://www.timo-ernst.net/misc/3d-depth-effect
- My Twitter: https://www.twitter.com/timo_ernst
- My Blog: https://www.timo-ernst.net
Dropdown with Dynamic Array as Objects
Tags: codenewbie, javascript, rails, html
Published: 2021-05-05 18:12:19

I just made a single page JavaScript application using a Rails Api for the backend.  One of the things that I had to do in the process making this application was to make a dropdown that utilized the array holding my recipes. the dropdown needed to update a the array did.  Here is how I did it.

First I made the html for the base part of the dropdown.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/41fff6ctjfc3iz4uf0g8.png)

Then I made a static method in my `Recipe` class.

As usual I built the method in my console using a combination of `debugger` and `console.log()`.  

So first you put a debugger in the new method before you write anything. Refresh your `index.html`.  Figure out how to access the `<select></select>` object.  In this case, as you can see from the first image, I gave it an ID of `id="dropdownButton1"`. So in the console I called `document.getElementById("dropdownButton1")` just to make sure it worked.  It did so in my code I assigned it to the variable name `sel`.  

I add each line of code above the debugger so that the code is tested as I go and the debugger moves down a line so I can figure out the next line in the console where I can test multiple things out. 

I worked out the for loop in the console next.  I needed to call the for loop on my array a variable number of times, so I used the `.length` method. 

I wanted each element of the array inside of an option tag so next I created an element called `"option"` and assigned it a variable. 

The following code is what I ended up with.  The full code to my project is posted at the bottom.  Thank you for reading my post.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ejfyu1bomnm65bpz57ig.png)

https://github.com/kak79/js_project_frontend

https://github.com/kak79/js_project_backend
Adding custom domain and SSL certificate Azure Static Web Apps
Tags: azure, cloud, webdev
Published: 2021-05-05 18:11:38

---
canonical_url: https://blog.rishabkumar.com/adding-custom-domain-and-ssl-certificate-azure-static-web-apps
---

Hello amazing people 👋

So we finally had our website running the last article. Oh not sure what I am talking about, check out the first part of the blog here 👇

{% post https://dev.to/rishabk7/how-easy-it-is-to-deploy-with-azure-static-web-apps-4hh7 %}

Now let's setup a custom domain and make sure we have the SSL certificate for it.

## Setting up the custom domain

Let's navigate to the Static Web App that we created in the last article.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619104731566/QWexmG9uI.png)

And in the blade, you should see `Custom Domains` section. Let's click that

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618930236001/52PyAFb9a.png)

Now, if we click on the `Add`, it will open a tab on the right side for you to add the custom domain name, for this demo I will be using `faced.rishab.cloud`.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619104948340/mMeCt5925.png)

At this point, we have to update our Domain Name provider, in my case it's [AWS-Route53](https://aws.amazon.com/route53/). So I will create a CNAME record in Route53 to point to that value provided in Azure Static Web App

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619105115967/35d8dBMSv.png)

If you use a different domain provider, the UI for adding the CNAME record should still look pretty similar.

Now, if we click on `Validate` after adding the CNAME record, it should succeed.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619105217413/XE1VniJlX.png)

And after the validation has succeeded, click on add.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619105260249/VmR7TVzRt.png)

After few minutes of wait, you will see the domain is added:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619105591903/AvFgF7sAV.png)

Let's navigate to our site now!

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619105700341/ZY587nKts.png)

Did you notice something 🤔?

Yes, it also got a SSL certificate for the site, Azure Static Web Apps provisioned a certificate. 

![SSL.gif](https://raleigh.teddslist.com/wp-content/uploads/2018/06/ssl-https-gif.gif)

That's all for this article!
Hope you found it helpful, please feel free to reach out if you have any concerns, my twitter - [@rishabk7](https://twitter.com/rishabk7)
Malnet or how hacker taken over my network with one command in nslookup
Published: 2021-05-05 18:09:49

We all understand well, how dangerous are certain viruses. Sure, ransomware being the example on the strong side, nonetheless we tend to underestimate the rest.

I will make an attempt to share a concise example, how much harm can the inosence bring, in particular I mean cases where amateur individuals install more and more nasty threats only because they sincerely want to get rid of some malicious programs by downloading questionable links. 

Let me elaborate. I was kinda excited to play with malicious dotnet, basically naughty ms clone. It was fun to see how much of actual internal structure you can bring down by utilising few pentest tools. I have gotten to such level of laziness, where I simply sent more queries as a substitute for completely skipping the reconnaissance. Anyway, almost every resource about red teaming warns immediately about serious consequences if someone attempted to do similar things at home, however this post isn't about that. I presume that readers of such security probing must have read a good amount of related material previously, as this is not a beginner's level. However, if you progressing with hacking and can't leave alone recently established virus in your network, remember, that behaving as a noobie usually bring less issues. 
So initially fun experience with kind of a black type of tool arsenal ended in a disaster and the internet outage for some weeks

In a nutchell, I was aware of a malicous DVD layer, which meant to be a series of movies about Harry Potter, however I wasn't really willing to investigate and confirm to myself that it wasn't the clause of my install actions, stupidly naive so to speak. I have been playing with nslookup queries, then all of the sudden a bad DNS error was thrown, and regardless what remediations I was attempting, DNS probe was not resolving across all devices of my lan network. Coincidently, malicious PCI- Eth bridged all ports in my modem/router (Pppoe / wan) as well as, ran some really nasty PowerShell scripts from the side memory, which resulted my internet network become NATTed inside out, if I may. I strongly advise everyone never trust any units used as storage or communication. There is a iPhone charge cable you can buy from hak5 to basically hijack and steal all wifi passwords, so just be vary. How they say prudency doesn't do any shame.
Cherche Développeur de Bot Discord (Travaille rémunérée)
Tags: discordbot, discorde, webdev, developpeur
Published: 2021-05-05 17:48:28

Nous cherchons des développeurs qualifié !!!!
Voici mon Discord Paveldetp#6796
Voici ce que nous voulons approximativement :

-Salaire automatisée (Qu'avec un certain rôles ... d'argent sois donner tout les .... d'heures)

-Achat par réaction (En appuient sur une réaction une certaine somme pré-définie sois prélever du compte et qu'un rôle sois donner)

-Compte Budget : Que le compte sur le quelle ce trouve donc le Budget sois accessible à certain par un rôle et qu'il sois donc aussi lier par le système de salaire automatisé et que donc par exemple puisque c'est pour un serveur RP lorsque un Policier reçois son salaire la somme sois prélever du Compte Budget de la Police automatiquement. (Indépendamment des Joueurs)

-Les Bases (Cash,Compte en Banque rattacher à chaque joueur)

-Compte-Epargne : Chaque joueur pourra possèder un Compte Epargne mais donc uniquement les Banquiers donc un certain rôle pourront enlever ou rajouter de l'argent dans celui-ci et il faut donc que le compte épargne sois doter d'un certain pourcent d'intéret.

-Argent Sale (L'argent sale peut être blanchit uniquement en le transférent dans un Compte Budget)

-Prêt ( Une commande pour crée un prêt et le prêt s'y à sa date limite n'ai pas rembourser la somme est prélevé du compte automatiquement)

-Commande (La possibilité de crée des commandes qu'il lorsque qu'elle sont taper par le joueur une certaine somme pré-définies leur ai reversé)

-Imposition (Un certain pourcent du Budget est prélevé des Compte Budget d'entreprises tout les ... d'heures ou de jour et et envoyé au Compte Budget du Gouvernement)
Understanding 'Cursor' in SQL
Tags: sql, mysql, database
Published: 2021-05-05 17:47:33

## What is Cursor?

In SQL cursor is a temporary work area created in system memory when a SQL statement is executed. In other words the cursor is a database object which is very useful when we want to manipulate the record of a table

**Note:** _Cursor can hold more than one row but can process only one row at a time_


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u6ol4lmfp66iemz5pmf4.png)

## How to use a Cursor?

There are four steps to use a Cursor
- _**Declare**_ : This part includes declaring the cursor with a cursor name.
- _**Open**_ : This is the entering part of the cursor.
- _**Fetch**_ : This part includes row by row retrieval of data. 
- _**Close**_ : This part includes exiting from cursor, used to close cursor.
- _**Deallocate**_ : This is the deallocation part of cursor in which all the system resources associated with cursor will be released. 

## Syntax 

1. `DECLARE cursor_name CURSOR`
2. `OPEN cursor_name`
3. `FETCH NEXT FROM cusror_name` 

/*implement sql queries*/   
  
4. `CLOSE cursor_name`
5. `DEALLOCATE cursor_name`

## Parametrized Cursor

SQL allows to pass parameters to a cursor. Sometime when we want provide condition with WHERE clause we use parametrized cursor.

## Syntax of Parametrize Cursor

`DECLARE cursor_name(parameter_name parameter_datetype)`

to open a cursor with parameters we use following syntax

`OPEN cursor_name(value_list)`

In this syntax you have to pass the arguments corresponding to the parameters of the cursor
Sharing is only supported for boot loader classes because bootstrap classpath has been appended.
Tags: gradle, android, jdk16, jdk11
Published: 2021-05-05 17:38:11

---
title: Sharing is only supported for boot loader classes because bootstrap classpath has been appended.
published: true
description: 
tags: gradle, android, jdk16, jdk11
// cover_image:
---
![Alt Text]( https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1insef5uhrbxjtfp0d2.png)

I've encountered this error when I set Gradle JDK 16, downgrading to Java Version 11 seems to fix the issue.

If downgrading is not an issue for you then this will fix it.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcd7wuvdl7b255z2lke7.png)

-- 
Here's what I'm using

1. Android Studio Arctic Fox | 2020.3.1 Canary 15
2. Gradle 7.0
3. Amazon Correto 16.0.1 (bug)
3. Java Version 11.0.1 (fix)
A New Way to Learn Javascript's bacis
Published: 2021-05-05 17:35:53

JavaScript is one of the most popular language in computer science industry . In this blog we will know about some basics of javascript .

1. Data types: In javascript there is 8 kind of data types . Number , String , BigInt , Boolean , Undefined , Null , Symbol , Object  are 8 types of data type .

2. Variable: There is 3 keyword in javascript to declare Variable . Let and const are new keyword in ES6 . Var is a old keyword . If you use var or let that variable will be global and if you use const you can not use out side of function .

3. Operator: There is 6 kind of operator in javascript. Operators are most important element of programming element. Arithmetic , Relational , Bitwise , Logical , Assignment , Special are the operators in this language .

4. Methods: There is many methods what we have to use regularly . I am explaining one of many . Indexof() method is use for find out of the index of desire word or char. String , array , number all have some methods.

5. Array: Collection of Data. It have [] sign . It is mainly an object . Array is highly used in everything . Array can be created with number , boolean , string etc . Even array have some methods.
preg_replace_callback for Javascript
Tags: beginners, javascript, php, regex
Published: 2021-05-05 17:32:08

I had need for something like this recently so I thought I'd share in case someone else needs it.

```
function preg_replace_callback(pattern, callback, string) {
    [...string.matchAll(pattern)].forEach(value => {
        string = string.replace(value[0], callback(value));
    });

    return string;
}


let foo, result;

// Capitalize first letters
foo = 'The quick brown fox jumped over the lazy dog.';
result = preg_replace_callback(/\s([a-z])/gm, matches => matches[0].toUpperCase(), foo);
console.log(result);
// Result: "The Quick Brown Fox Jumped Over The Lazy Dog."

// Double found numbers
foo = 'Their ages are 12, 15, and 22.';
result = preg_replace_callback(/([0-9]+)/gm, matches => matches[0] * 2, foo);
console.log(result);
// Result: "Their ages are 24, 30, and 44."
```
How to create Activiti Message Event with Spring Boot Example
Tags: springboot, event, message, activiti
Published: 2021-05-05 17:28:00

https://grokonez.com/java-integration/activiti-message-event-spring-boot-example

How to create Activiti Message Event with Spring Boot Example


In this tutorial, we're gonna look at Activiti Message Event Example with Spring Boot.

Related Articles:
- <a href="https://grokonez.com/java/introduction-activity-java-bpm-engine">Introduction to Activiti – a Java BPM Engine</a>
- <a href="https://grokonez.com/spring-framework/spring-boot/activiti-message-event-spring-boot-example">Activiti Message Event with Spring Boot Example</a>

<!--more-->
<div id="tuttoc" class="jsa-toc"></div>

<div id="tutcontents">
<h2>I. Activiti Message Event Overview</h2>
A Message Event is a named message that always directs towards a single receiver.

To define Message Event, we use <strong>messageEventDefinition</strong> element. For example:
<pre><code class="language-html">&lt;message id=&quot;messageId&quot; name=&quot;messageName&quot; /&gt;

&lt;process id=&quot;simpleProcess&quot; name=&quot;Simple Process&quot;&gt;

	&lt;startEvent id=&quot;start_one&quot;&gt;
		&lt;messageEventDefinition messageRef=&quot;messageId&quot; /&gt;
	&lt;/startEvent&gt;
	...
&lt;/process&gt;
</code></pre>

Activiti Engine is not concerned with receiving messages. We have to implement our own infrastructure to deal with received messages. Then we can decide what to do with them.

In the example, we use message to trigger the start of a Process Instance. These are some methods (from <strong>Runtime Service</strong>):
<pre><code class="language-java">
ProcessInstance startProcessInstanceByMessage(String messageName);
ProcessInstance startProcessInstanceByMessage(String messageName, Map<String, Object> processVariables);
ProcessInstance startProcessInstanceByMessage(String messageName, String businessKey, Map<String, Object> processVariables);
</code></pre>
<h2>II. Practice</h2>
<h3>1. Technology</h3>
- Java 1.8
- Maven 3.3.9
- Spring Tool Suite – Version 3.8.4.RELEASE
- Spring Boot: 1.5.3.RELEASE

More at:

https://grokonez.com/java-integration/activiti-message-event-spring-boot-example

How to create Activiti Message Event with Spring Boot Example
Interview questions about experience and background
Tags: hiring, career
Published: 2021-05-05 17:27:33

Along with general questions, it's also important for hiring managers to assess your previous roles and background as it applies to the role you're interviewing for. The information you provide makes it easier for them to determine how your previous experiences can translate into a successful performance at their company. 

This article is a continuation of the previous article we published;
https://dev.to/krowser/general-developer-interview-questions-44mn

Here are some questions you can expect during a developer interview regarding your experience and background:
• Tell me about a project you completed successfully. Why do you consider it a success?

• How have you previously detected errors that weren't obvious?

• Do you have experience working in a multidisciplinary team? If you do, did you like it and why? If you haven't, would you like to and why?
What qualities make you a great developer?

• What programming languages or frameworks are you familiar with?
How do you handle work-related stress?

• Have you ever had a project delay or error that you had to explain to your supervisor or client? How did you go about it?

• What is your favourite thing about being a developer?

• Tell me about a time you exceeded job expectations as a developer. Were you rewarded? If so, how did it make you feel?

• What is your least favourite thing about being a developer?

• What operating systems do you have experience with?

In our next post, we would be sharing in-depth questions asked by Krowser Web Services recruiters to evaluate your work ethics.
DoNPP - A PHP Docker starter
Tags: php, docker, showdev, webdev
Published: 2021-05-05 17:25:31

---
title: DoNPP - A PHP Docker starter
published: true
description: PHP ecosystem on your dev machine
tags: php, docker, showdev, webdev
cover_image: https://images.unsplash.com/photo-1595587637401-83ff822bd63e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8ZG9ja2VyfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60
---

I started working as a web developer in 2010 using mostly PHP as main programming language. Gradually, as the years passed by, I completely switched to a full-stack JavaScript experience and by the end of 2017 I completely removed PHP from my stack.
![bye](https://media.giphy.com/media/m9eG1qVjvN56H0MXt8/source.gif)

But I'm a *curious person* and a **very curious dev**... I need to know what is going on in the whole dev ecosystem!
So I wanted to try some shiny new or updated PHP framework or cms.

The only downside is that I *do not want* to install PHP directly on my machine and risk to mess up something with the *world of dependencies* needed.

![crazy](https://media.giphy.com/media/KWzzTbkhDvmQU/source.gif)

So I built a quick and simple docker ecosystem containing PHP, Nginx and Postgres without messing with my local setup.

If you want to give it a spin, you can find it here
https://github.com/dnlnrs/donpp