teleren/devto huggingface dataset:
RealTime Detection
Published: 2022-05-06 16:19:34

Real-time detection uses streaming data by comparing previously seen data points to the last data point to determine if your latest one is an anomaly. This operation generates a model using the data points you send, and determines if the target (current) point is an anomaly. By calling the service with each new data point you generate, you can monitor your data as it's created.
<u>
Real-time detection example</u>
Consider a scenario in the carbonated beverage industry where real-time anomaly detection may be useful. The carbon dioxide added to soft drinks during the bottling or canning process needs to stay in a specific temperature range.

Bottling systems use a device known as a carbo-cooler to achieve the refrigeration of the product for this process. If the temperature goes too low, the product will freeze in the carbo-cooler. If the temperature is too warm, the carbon dioxide will not adhere properly. Either situation results in a product batch that cannot be sold to customers.

This carbonated beverage scenario is an example of where you could use streaming detection for real-time decision making. It could be tied into an application that controls the bottling line equipment. You may use it to feed displays that depict the system temperatures for the quality control station. A service technician may also use it to identify equipment failure potential and servicing needs.

You can use the Anomaly Detector service to create a monitoring application configured with the above criteria to perform real-time temperature monitoring. You can perform anomaly detection using both streaming and batch detection techniques. Streaming detection is most useful for monitoring critical storage requirements that must be acted on immediately. Sensors will monitor the temperature inside the compartment and send these readings to your application or an event hub on Azure. Anomaly Detector will evaluate the streaming data points and determine if a point is an anomaly.
Image Uploader Using Appwrite
Tags: appwritehack
Published: 2022-05-06 16:16:07


### Overview of My Submission
Through our interactive Image uploader, user can store their precious and memorable images and safe them for future use.


### Submission Category: 
Wacky Wildcards


### Link to Code
`https://github.com/Tejender1521/ImageUploader`

###System Setup/Installation Guide


1. Install Appwrite by following the [installation guide](https://appwrite.io/docs/installation).

2. Open the Appwrite console and create a new project.

3. Navigate to `Database` and add a new `Collection` called `Photos`.

4. Add the following rules and permissions:

#### Rules:

| Label     | Key        | Type      | Required | Array | 
| :-------- | :--------- | :-------- | :------- | :---- | 
| Username  | `username` | Text      | `true`   | false |               |
| Avatar    | `avatar`   | URL       | `true`   | false |               |
| Location  | `location` | Text      | `false`  | false |               |
| Image     | `imageUrl` | URL       | `true`   | false |               |

#### Permissions:

Read Access: 'role:all'

Write Access: 'role:all'

5.Clone this repo
```
  git clone https://github.com/Tejender1521/ImageUploader.git
```
6.Install dependencies
```bash
  npm install
```
7.From the Appwrite console, note down the `API Endpoint`, `Project ID` and `Collection ID` of the `Photos` Collection and enter these in `src/config.js`.

8.The project is ready to run! :rocket:
```bash
  npm start
```

###Tech Stack Used
* React
* AppWrite
We have created a community for developers of edge and embedded systems.
Tags: opensource, microservices, devjournal, luos
Published: 2022-05-06 16:12:06

We have created a community for developers of edge and embedded systems.

Here are some comments we have about creating open source communities:

1️⃣ Collaboration between strangers is one of the most remarkable aspects of open source: strive to build a community where everyone feels welcome to participate.

2️⃣ Open source work helps people build their professional reputation.

3️⃣ Improving the representation of contributors can help create a more representative technology sector as a whole.

This graph is the result of a survey initiated by GitHub in 2017, but many questions are still relevant in 2022.

![Fig3. - Importance to project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9vxeww5emyj0354mx50v.png)

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

Source : opensourcesurvey
What was your win this week?
Tags: discuss, weeklyretro
Published: 2022-05-06 16:05:31

---
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 some helpful advice from someone... or whatever else might spark joy ❤️ 

---

Have a wonderful weekend


![cute little dancing animal-like cartoon with the word "Friyay!" appearing over its head](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9egtjr226d1iwoyy623u.gif)
📺 Online Meetup Replay: Build a Workflow Automation in 25 Minutes
Tags: nocode, workflows, okta, webinar
Published: 2022-08-29 17:40:43

---
title: 📺 Online Meetup Replay: Build a Workflow Automation in 25 Minutes
published: true
date: 2022-05-06 16:04:50 UTC
tags: NoCode, Workflows, okta, webinar
canonical_url: https://maxkatz.net/2022/05/06/online-meetup-replay-build-a-workflow-automation-in-25-minutes/
---

Watch the replay to learn step-by-step how to build a real workflow during the 25-minute session. The workflow automation we built notifies a user in Slack when specific attributes in their profile are updated by the user or someone else (manger, or HR).

{% youtube wCM-2vV1G-Y %}


🏗 Check out the Workflows Community [YouTube playlist](https://youtube.com/playlist?list=PLIid085fSVdvyK8F4xuk49EchBPmAVNHG) for more short educational videos to help you become a better automaton builder.
Compare en Java bdarija
Tags: comparator, java, sort, darija
Published: 2022-05-06 15:59:09

L'interface comparator howa wahd l'interface dial java, katlqawh f java.util package lghaya mono howa yreteb les objets dial les classes. Objet de type comparator kyqder ycomparer 2 objets bchert ykono de la meme classe. 
Exemple de la syntax: 

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

Linaftarid edna wa7d list dial apples, kolla apple endha 2 attributs, la couleur et le poids o bghina nretbo had apples ela hssab le poids dialhom o bghina ndiro had traitement b comparator

Ghanhtajo 2 hwayj:

1. Sort li lghaya mnha howa nretbo list
2. Classe qui implemente comparator et redefinit la methode compare (o hadchi bach sort t3ref l'attribut li baghin nbasiw elih had tertib)

Sort kat3yet ela compare dial la classe li kadir liha tertib. Pour comparer 2 elements, katchof wach l'element 1 kber awla l3eks et le return dial compare kaykon 
0 s'ils sont égaux
1 bach gol ra l'element 1 kber mn element 2
-1 bach gol element 1 sgher mn element 2

had lresultat mn b3d kaydkhol fly decision dial sort, bach t3ref each tqleb les 2 elements li sort en cours de comparer wla la 
had l'operation kadar lune liste kamla bach flkher t3tina liste mretba 

la classe Apple:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rtxnxciwaclysxlr2n90.png)
Implementation de l'interface Comparator
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/woostpi25b5omd3aroc8.png)

 
La liste li dayr eliha film
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwmubllll1ohprf27hjq.png)
 
Appel de sort et comparator
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/np54xn1s4jey1vvnhses.png)

Resultat:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t4hhwp7muz44h9k7q3sk.png)
Hello folks 👋
Published: 2022-05-06 15:55:57

**I am Sai Chandu, a CSE student exploring and learning new technologies in a fun and interactive way. Strong operations with a Bachelor of Engineering - BE focused in Computer Science**

```
public class Main
{
	public static void main(String[] args) {
		System.out.println("My name is Sai Chandu :)");
	}
}
```
Programming Update: March/April
Tags: programming, python, adventofcode
Published: 2022-11-02 00:00:52

---
title: Programming Update: March/April
published: true
date: 2022-05-06 15:37:27 UTC
tags: programming,python,AdventofCode
canonical_url: https://www.ericsbinaryworld.com/2022/05/06/programming-update-march-april/
---

In March I went back to Advent of Code 2016. In an effort not to get stuck, I decided to go as far as I can in Python before going back around and working on the other languages. So I did days 6 and 7 in Python. Overall, relatively easy Regex problems.

And that’s it. It was not a big month for programming. I mostly focused on playing with the kids and cooking. May/June are looking like they’re going to contain quite a bit more programming, at least relatively speaking. I’m hoping to both get back to work on some of my projects and also get back to Advent of Code.
What's the Azure TCO calculator
Tags: tcocalculator, azure, tco, beginners
Published: 2022-05-06 15:18:28

**TCO - Total Cost of Ownership**

The TCO calculator helps to estimate the cost savings of operating a system on Azure over time compared to operating in an on-premises datacentre.
The TCO calculator works in 3 steps:

- Defining your workloads

- Adjust assumptions, and

- View report

Let's see how we can compare an on-premise sample workload costs versus Azure using the TCO calculator

**- Define your workloads**

1. In a browser, go to [TCO Calculator](https://azure.microsoft.com/pricing/tco/calculator) page

2. Under **Define your workloads**, select **Add server workload** to add details of your on-premises server infrastructure
3. Under **Servers**, set the value for each listed below
![Server 1 details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9kqxmgmc10a4xtafacka.png)![Server 1 image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kcewsn3dc96ykw9rnp00.png)
4. Select **Add server workload** to make a row for a new servers workload definition
![server 2 details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1sgh2afmwphbimz7h4y.png)![Server 2 image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pij049l4cbqhp3cwdubg.png)

5. Under **Storage**, select **Add storage** and specify the below settings
![Storage pane](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2k460c2876x42178cfng.png)![Storage pane image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n8lpycl0vc3qbi5v5f89.png)

6. Under **Networking**, set Outbound bandwidth to 15TB
![Outbound bandwidth](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/idg9b2ejhueis0cwdw4h.png)

7. Select **Next**

**- Adjust assumptions**
Explore the options and make any adjustments that you require to match your on-premises environment but here we would only specify the currency and leave the remaining fields at their default values
At the top of the page, select your currency
![Euro](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6kwci87cmz2rdbsehdov.png)

**- Review the report**
Update the timeframe and region with the settings below
![Timeframe](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7jlreaysywf1v8gn7zh8.png)
To modify any information provided, scroll to the bottom of the page and select **Back**

- As you scroll to the bottom of the page, you will see a comparison of running your workloads in the datacentre versus on Azure.

- To save or print a PDF copy of the report, select Download.

![cost](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4xcjps17kkx57wxmfvwz.png)

- If you need to make adjustments, you can revisit the TCO Calculator to generate a fresh report
React Tricks Miniseries 7: How to setState for different data types
Tags: react, state, hooks, theeasydev
Published: 2022-05-06 15:15:35

Setting state in react has always been a tricky thing. There are many ways to do it, but most of them are anti-patterns, whereas only a few ways are correct and best practice.

Let's take a look at how to correctly set a react state in the scenarios of different data types.

Let's skip strings since those are trivial.

## Numbers
Ignoring the case where we simply replace the number, updating a number state should be performed like this

```javascript
setNumber(prev => prev + 1) //same for minus, multiple, divide, etc
```
Object states are set by using the spread syntax:

## Objects
```javascript
setUser(prev => {
  ...user,
  newKey: newValue,
  //OR
  updateKey: updateValue
})
```
Array states are set by "creating" a new array inside the setState and simply inserting the new element after the previous state of the array.

## Arrays
```javascript
setFruits(prev => [...prev, 'apple']) 
//or
setFruits(prev => [...prev, {name: 'Apple', price: 5}]) 
```

##Conclusion
Setting states for different data types can get tricky, by using the best practices, always using the previous value, we can update the state using the proper methods.
Object, cyclic or not?
Tags: javascript, interview
Published: 2022-05-06 15:10:39

This post is about creating a utility function to check whether an object is cyclic or not. I faced this question, in one of my previous interviews.

Firstly lets understand what "Cyclic Object" means.
A cyclic object is like any other object, but it has some property that references to any of its predecessors.
Suppose the object flow goes like this:

```
a -> b -> c -> d -> e
```
So a,b,c,d are predecessors to "e". If e is assigned any of these to itself, the object will become a cyclic object.



**My Solution**

- First initialize a variable with empty array. Lets name it "refArr". It will store references for all encountered objects. Also we will keep a flag named "isCyclicFlag" that will store true if object is cyclic and false otherwise. I have taken both these variables as global, if you want you can pass them through, as parameters to the function.

- We will then go recursively through the object and find whether the property is of type object.

- If so, check whether the current property's value is present in the "refArr".
  1. If yes, that would mean it is referencing to any of its 
     predecessors thus making the object cyclic. We will also keep 
     a variable named "cyclicDetected" assigned to false initially 
     and keep sending this as parameter to the recursion function. 
     Actually we will use this as to flag to move out of the 
     recursive cycle. In this case we will make the value true and 
     pass it forward.
  2. Else, store the reference to "refArr" and keep drilling down.



**Code for reference**

```javascript
var refArr = [];
var isCyclicFlag = false;
function isCyclic (obj, cyclicDetected) {
    if(cyclicDetected) return cyclicDetected;
    Object.keys(obj).forEach(x => {
        if(typeof obj[x]==='object') {
            console.log(refArr, obj[x])
            for(let i=0;i<refArr.length;i++) {
                if(obj[x]===refArr[i]) {
                    cyclicDetected=true;
                    isCyclicFlag = cyclicDetected;
                }
            }
            refArr.push(obj[x]);
            return isCyclic(obj[x], cyclicDetected);
        }
    })
}
isCyclic(someObj, false);
```
Now printing the value of "isCyclicFlag" will get us whether the object is Cyclic or not.

Thanks for reading!
JS Refactoring Combo: Extract Array Constant From String Comparison Chain
Tags: javascript, beginners, webdev, programming
Published: 2022-05-06 14:55:23

When a variable is compared against a string value, the easiest way to start is with a `variable === "value"` or `variable !== "value"` comparison. Over time, these can grow into longer sequences, e.g. `variable === "value1" || variable === "value2" || variable === "value3"`.

The values that the variable is compared to are often a meaningful collection on their own. Refactoring them into an array and using `array.includes(variable)` can facilitate reuse and extension, and a meaningful array name can make it easier to understand the code.

### Before (Example)
```javascript
if (extension !== "js" 
    && extension !== "ts" 
    && extension !== "tsx") {
  handleUnsupportedExtension(extension)
}
```

### Refactoring Steps
![Extract array constant from string comparison chain](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ydgi0boznr3un9cso5zx.gif)

> 💡&nbsp;&nbsp;The refactoring steps are using [P42 JavaScript Assistant](https://marketplace.visualstudio.com/items?itemName=p42ai.refactor) v1.105

1. [Convert string comparison chain to array.includes](https://p42.ai/documentation/code-assist/convert-comparison-chain-to-array-includes)
1. [Extract the array into a variable](https://p42.ai/documentation/code-assist/extract-variable)
1. Move the extracted array variable, e.g., to the top of the file (not shown)

### After (Example)
```javascript
const SUPPORTED_EXTENSIONS = ["js", "ts", "tsx"];
if (!SUPPORTED_EXTENSIONS.includes(extension)) {
  handleUnsupportedExtension(extension)
}
```
What Is GitLab Pipeline? | How To Create GitLab Pipeline | GitLab Tutorial For Beginners | Part V
Tags: beginners, devops, tutorial, git
Published: 2022-05-06 14:37:34

Learn how to perform CI/CD in GitLab and explore the important features for CI/CD that GitLab offers for expediting product testing and release phases. 
Start FREE testing. [Start FREE Testing](https://accounts.lambdatest.com/register?utm_source=devto&utm_medium=organic&utm_campaign=may06_sb&utm_term=sb&utm_content=tutorial_video)!

Integrate GitLab with LambdaTest: [https://bit.ly/2Y3ke3R](https://bit.ly/2Y3ke3R)


In this part of GitLab Tutorial for Beginners, Moss(@tech_with_moss), an expert in DevOps and CI/CD tools, deep dives into how to create a GitLab Pipeline. By the end of this video tutorial, you would have developed an understanding of how GitLab pipelines integrate with a GitLab project, how to implement GitLab pipelines in your GitLab projects, and how to write a GitLab pipeline that produces artifacts. He also talks about how to write a GitLab pipeline that uses variables. He also demonstrates how to perform CI/CD in GitLab using the LambdaTest cloud Grid. 

Also learn -:
🔸 What is GitLab artifact?
🔸 What is GitLab pipeline?
🔸 How do GitLab pipelines work?
🔸 What is Git commit and push?
🔸 What is CI CD pipeline GitLab?
🔸 What are GitLab pipeline variables?
Best platform for a MERN app deployment (Heroku or Serverless.com) ?
Tags: node, javascript, discuss, webdev
Published: 2022-05-06 14:35:48

Which platform do you think is best for a MERN app deployment

- Heroku
- [Serverless.com/cloud](https://www.serverless.com/cloud)

I asked this question many times on Reddit, now I wanna know what **DEV.to** community has to say.

If you know any better alternatives, feel free to share
Conectarse con SQLcl
Tags: oracle, java, plsql
Published: 2022-05-06 14:30:26

Oracle SQL Developer Command Line (SQLcl) es una herramienta que viene a reemplazar a SQL*plus.

Está construido sobre Java. Si deseamos usar una implementación específica, creamos un _symbolik link_.
```bat
cd sqlcl-22.1.0.90.1611
mkdir jdk
mklink /d .\jdk\jre C:\java17runtime
```

Indicamos la ruta del archivo _tnsnames.ora_. Nos conectamos y ejecutamos _scripts SQL_.
```powershell
$env:TNS_ADMIN='C:\oracle\product\11.2.0\server\network\ADMIN'
.\sqlcl\bin\sql.exe /NOLOG
@CONN_LOCAL 011
```

Podemos crear **ALIAS** como abreviaciones de comandos.
```sql
set highlight on

ALIAS recompile=
exec dbms_utility.compile_schema('PTOVENTA',false);

ALIAS invalids=
SELECT *
FROM ALL_OBJECTS
WHERE STATUS != 'VALID'
AND OWNER = 'PTOVENTA';
```

Una ventaja es conectarnos a una base de datos mediante la IP.
```sql
CONN usrdesarrollo/usrdesarrollo@<IP_SERVIDOR_CENTRAL>:1521/ADMBD

VAR IP_LOCAL VARCHAR2(100);

BEGIN
SELECT IP_SERVIDOR_LOCAL
    INTO :IP_LOCAL
FROM APPS.PBL_LOCAL
WHERE COD_LOCAL = '&1';    
END;
/

column SERVIDOR new_value IP noprint
select :IP_LOCAL SERVIDOR from dual;

CONN usrdesarrollo/usrdesarrollo@&IP:1521/XE
```

---
##Documentación
https://www.oracle.com/tools/downloads/sqlcl-downloads.html
Responsive slider
Tags: css, html
Published: 2022-05-06 14:16:30

## solved with flex-box

```html
<!DOCTYPE html>
<html lang=de>
  <meta charset=UTF-8>
  <title>Document</title>
  <style>
    body{
      font-family:system-ui, sans-serif,sans-serif; 
    }
    .fhwslider {
      width: 90%;
      margin:auto;
      position: relative;
      overflow: hidden;
      background: black;
      display: flex;
      flex-direction: row;  
    }
    .fhwslider h2, .fhwslider p{
      color:white;
      padding: 0em 10% 0 10%;
      text-align: center;
    }
    .fhwslider div {  
      min-width:100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      transform: translateX(-100%);
      animation: fhwsliderani 24s ease-in-out 0s infinite;
    }
    .fhwslider > div:nth-child(1) {
      animation-delay: -4s;
    }
    .fhwslider > div:nth-child(2) {
      animation-delay: 4s;
      margin-left:-100%;
    }
    .fhwslider > div:nth-child(3) {
      animation-delay: 12s;
      margin-left:-100%;
    }
    @keyframes fhwsliderani {
      8.33333% {transform: translateX(0);}
      33.3333337% {transform: translateX(0);}
      41.6666667% {transform: translateX(100%);}
      100% {transform: translateX(100%);}
    }
  </style>
  <h1>responsive Slider</h1>  
  <h2>solved with flexbox</h2>  
  <div class=fhwslider>
    <div>
      <h2>Lorem1</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque molestiae voluptatibus consequuntur aperiam minima iure repudiandae mollitia accusamus vel explicabo.
    </div>
    <div>
      <h2>Lorem 2</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque molestiae voluptatibus consequuntur aperiam minima iure repudiandae mollitia accusamus vel explicabo.
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque molestiae voluptatibus consequuntur aperiam minima iure repudiandae mollitia accusamus vel explicabo.
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque molestiae voluptatibus consequuntur aperiam minima iure repudiandae mollitia accusamus vel explicabo.
    </div>
    <div>
      <h2>Lorem 3</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque molestiae voluptatibus consequuntur aperiam minima iure repudiandae mollitia accusamus vel explicabo.
    </div>
</div>
<p>Lorem ipsum dolor sit amet.
```

{% codepen https://codepen.io/FrankWisniewski/pen/qBxOQyZ %}
Markdown Cheat Sheet
Tags: markdown, beginners, todayilearned, todayisearched
Published: 2022-05-06 14:14:05

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

Here's the [link](https://cheatsheet-maker.herokuapp.com/sheet/62706a6b175cd30015a3a0df)

Happy coding!
Skills to Become A Software Engineer
Tags: discuss, webdev, career, help
Published: 2022-05-06 14:05:04

Hello!

I'm opening this discussion because I'd love to know your thoughts around what are the top skills someone should have to become a software engineer. 

My list would be:

1. Problem solving
2. Coding
3. Communication
4. Team Work
5. Humility

Do you agree? What would you add/remove/replace?

Let me know in the comments! 😁
AWS Lambda vs. Cloudflare Workers vs. AWS Cloudfront Function cold start comparison with Ddosify Cloud
Tags: serverless, aws, cloudflare, loadtesting
Published: 2022-05-06 14:00:43


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


https://medium.com/ddosify/cold-start-comparison-of-aws-lambda-and-cloudflare-workers-a3f9021ee60a