teleren/devto huggingface dataset:
Learning Workflows: How to Test Each Step in a Workflow
Tags: nocode, workflows
Published: 2022-02-10 17:49:19

---
title: Learning Workflows: How to Test Each Step in a Workflow
published: true
date: 2021-11-11 04:38:57 UTC
tags: NoCode,Workflows
canonical_url: https://maxkatz.org/2021/11/10/learning-workflows-how-to-test-each-step-in-a-workflow/
---

In this video you will learn how to test each step (Card) in a workflow. Testing each step is recommended as it will minimize errors when you test the completed flow.

[![Testing workflow cards](https://katzmax.files.wordpress.com/2021/11/learningworkflows_card_testing.png?w=1024)](https://katzmax.files.wordpress.com/2021/11/learningworkflows_card_testing.png)


{% youtube 9aaYILguOs0 %}

Looking for more educational content on Okta Workflows? [Check out these videos](https://www.youtube.com/watch?v=SEUOQlmRb_U&list=PLSAWywyhniCMgo-IPIR-tleTPgNYiJwZn).
Cửa composite là gì? Những điều bạn chưa biết về cửa composite?
Tags: javascript, webdev
Published: 2021-11-11 04:05:58

Ngày nay, sản phẩm **[cửa nhựa composite giá rẻ](https://sundoor.vn/gia-cua-go-nhua-composite.html)** không còn quá xa lạ đối với chúng ta. Nó không chỉ bền, giá thành rẻ mà mẫu mã còn hiện đại, sang trọng. Vậy Cửa composite là gì? Nó có ưu điểm gì nổi trội mà được nhiều người yêu thích. Nào hãy cùng chúng tôi tìm hiểu qua bài viết sau.

# Cửa composite là gì?
Cửa composite hay còn được gọi là cửa gỗ công nghiệp. Chúng được làm từ nhựa gỗ cao cấp. Nhựa gỗ là một loại nguyên liệu tổng hợp, được tạo thành từ bột gỗ và nhựa cùng một số chất phụ gia gốc cellulose. Hiện nay cửa nhựa gỗ Composite được ứng dụng rất nhiều trong ngành nội thất đặc biệt là cửa chính, cửa thông phòng hay cửa nhà vệ sinh.

Với công nghệ sản xuất hiện đại, cửa nhựa composite có màu sắc, mẫu mã đa dạng cho khách hàng lựa chọn. Bề ngoài chúng có những đường vân gỗ trông giống cửa gỗ tự nhiên. Nhờ có lớp film bao bọc bên ngoài nên chúng luôn được tươi mới, không cần bất kì công đoạn bảo dưỡng nào.

![](https://sundoor.vn/wp-content/uploads/2021/03/bao-gia-cua-nhua-go-composite-3.jpg)

>>> **[Theo dõi website](https://sundoor.vn) để biết thông tin chi tiết nhé!

## Ưu điểm nào giúp cho cửa composite được ưa chuộng sử dụng
### Khả năng chịu nước tốt
Cấu tạo của cửa composite có các hạt nhựa bao bọc các hạt gỗ giúp cho hơi nước không thể xâm nhập vào bên trong

Vì thế cửa composite phù hợp với những nơi có khí hậu nóng ẩm như Việt Nam

### Khả năng cách âm
Cửa nhựa composite có cánh và khuôn đều đúc nguyên khối, có khoảng không cách âm nên khả năng cách âm của cửa gỗ nhựa composite không tốt, ở mức trung bình

Cửa nhựa composite có thể lắp đặt tại văn phòng giúp tập trung cao và làm việc hiệu quả. Ngoài ra còn phù hợp làm cửa nhà vệ sinh, cửa thông phòng...

### Khả năng chịu tác động mạnh
Sản phẩm cửa nhựa Composite sở hữu đặc tính cứng của gỗ và dẻo cửa nhựa nên chịu được tác động mạnh. Độ dày cánh và khuôn của cửa nhựa gỗ cũng gần bằng cửa gỗ công nghiệp. Từ đó khả năng chịu tác động ngoại lực( đóng mở, gió) cũng ở mức rất tốt

### Cấu tạo cửa gỗ composite có an toàn với sức khỏe con người?
Được sản xuất từ bột gỗ và nhựa PVC...Tất cả đều an toàn tuyệt đối với sức khỏe con người và không sử dụng các chất phụ gia độc hại. Cửa gỗ nhựa composite an toàn tuyệt đối sức khỏe người sử dụng.

Cửa composite là loại cửa cao cấp giá rẻ chất lượng . Các vật liệu làm nên nó cũng góp phần thay thế việc sử dụng gỗ tự nhiên, an toàn với mọi người nên được các chuyên gia tin dùng.

Hy vọng với những thông tin trên đã giúp bạn trả lời được câu hỏi “Cửa composite là gì? Nên đặt chúng ở đâu trong căn nhà là hợp lý?” Nếu có thắc mắc, bạn hãy để lại bình luận bên dưới, chúng tôi sẽ giải đáp nhanh nhất. Và đừng quên ghé thăm website: sundoor.vn để tham khảo những mẫu cửa đẹp và sang trọng nhất hiện nay.

⏩⏩⏩ Tham khảo ngay thông tin chi tiết tại: **https://www.facebook.com/SundoorVietNam**
Hello, JS Image Zoom
Published: 2021-11-14 19:53:57

---
title: Hello, JS Image Zoom
published: true
date: 2021-11-11 03:55:10 UTC
tags: 
canonical_url: https://observablehq.com/@triptych/hello-js-image-zoom
---

[![](https://static.observableusercontent.com/thumbnail/cb175ed13223a27f06c87ea9b2fd4d5468b46214f20ef5abc54f48182823ef7b.jpg)](https://observablehq.com/@triptych/hello-js-image-zoom)
Black Friday Sale de Octoparse
Tags: webscraper, webscraping, datamining
Published: 2021-11-11 03:46:40

Hola amigos, Black Friday Sale de Octoparse empieza el 17 de este mes. Para dar agradecimientos al apoyo de todos los usuarios, ofrecemos descuentos durante esta festividad.
[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sv5cmmc3430iyngbe5zp.png)](https://www.octoparse.es/2021-black-friday-sale?Dev)

Haz clic en la imagen para ver más información sobre el Black Friday.
Figma Plugin — The easiest way to resize and scale your frames for different social media platforms.
Tags: productivitytools, figma, socialmediatool, figmaplugin
Published: 2021-11-11 03:45:47

---
title: Figma Plugin — The easiest way to resize and scale your frames for different social media platforms.
published: true
date: 2021-11-11 03:43:04 UTC
tags: productivitytools,figma,socialmediatool,figmaplugin
canonical_url: 
---


{% youtube w8dDwu1LYE0 %}

Expand your frames to the following Social Media Image Sizes :

**Facebook:** Profile, Cover, Post, Event, Ad, Story cover, Group cover.

**Instagram:** Profile, Post, Story, Ad, Thumbnails, IGTV.

**Twitter:** Profile, Cover, Post, Card, Ad

**LinkedIn:** Logo, Cover, Hero, Business Banner, Dynamic Ads.

**YouTube:** Cover Desktop, Cover Mobile, Display ads, Overlay ad, Companion banner ads, Dynamic Ads.

**Pinterest:** Profile, Board Display, Standard Pin, Overlay ad, Companion banner ads, Dynamic Ads.

**TikTok:** Profile.

**Dribbble:** Shot, Shot HD.

**Producthunt:** Thumbnail, Gallery.

**Google Play:** Portrait, Landscape.

**App Store:** Portrait, Landscape.

### Install Link :

[Figma - Thumblisher | The easiest way to resize and scale your frames for different social media platforms. Plugin Dem...](https://www.figma.com/community/plugin/1037826586645134259/Thumblisher)

![](https://cdn-images-1.medium.com/max/1024/1*Wxp6oQrNZVSIdGyDCmBtzA.png)
How to destructure arrays in Js?🤔
Tags: javascript, webdev, beginners, tutorial
Published: 2021-11-11 03:41:05

Hi today I am going to show you how to destructure an array in JavaScript.
Let's take an object.

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

This is how we retrieve the values of arrays normally in a very simple way.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w2bfu665jqow39ecanzq.png)
But can do the same in a line using array destructuring.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u9q9b1pcik44oy3cdw0c.png)
Now taking we can use the values of restaurant using array destructuring.
Suppose we want to take categories . We can do it like this.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eq3k77xhwg26xx4oecoi.png)
Suppose we don't want all the values in category
then 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yyjzz1hl6n9yu5v81cer.png)
Web Component Frameworks
Published: 2021-10-20 05:08:48

# What commonalities are there between the boilerplate code?

The boilerplates that we looked at were Angular, React, VueJS, and StencilJS (even though stencil is different that the other three). The commonalities between these boilerplates lays with the fact that they all utilize HTML, CSS, and JavaScript to run. On top of that each have their own index.html file for custom components. Each of the boilerplates utilize multiple dependencies as well.

## Which do you think is the easiest DX to get going?

VueJS seems to be the easiest DX to get going in a sense that it has the least amount of files and can be researched very easily. The components can be understood without a large amount of knowledge for that same reason which makes customizing it much easier and more convenient.

### If starting to build an app tomorrow which would you prefer and why?

Due to VueJS being very simple to operate with this is what I would have to with. It requires very little which would allow for a quick app to lay some groundwork out. If I were to dive in and make something large in scale I would then use Angular or React due to their communities for help and future progress.
In the 8 Key MLOps Roles, Where Do You Fit In?
Tags: machinelearning, datascience, devops, career
Published: 2021-11-11 02:22:05

Data science projects have a lot more to do besides building machine learning models. 

In small teams, the job role of a data scientist may encapsulate everything related to data. But as teams grow more extensive, more roles emerge with different responsibilities. 

The operations side of machine learning projects is known as MLOps. 

In this post, I've discussed various roles and their responsibilities associated with MLOps. If you're aspiring to be a data scientist or hoping to switch to a different position, this article could be a good starting point.

[In the 8 Key MLOps Roles, Where Do You Fit In?](https://towardsdatascience.com/in-the-8-key-mlops-roles-where-do-you-fit-in-251272ca5488?sk=1b4154ecde0d7387befba07d515d448a)
Looking for feedback on my beginners Visual Studio Code UI tutorial video
Tags: tutorial, programming, codenewbie, beginners
Published: 2021-11-11 02:03:03

I am an occasional developer and decided to write my website from scratch last year. Aside from learning Jekyll, SCSS, Git, and GitHub, I also learned a lot about how to use Visual Studio Code. 

The work I do using VSC is just the tip of the iceberg, but it was fun. That is why I decided to create a regular series on how to use VSC on my YouTube channel.

However, before I start releasing regular videos, I wanted to reach out to the community here to review it first and provide feedback.

That is why I am creating this DEV-only post, asking anyone that has a chance to watch this 11m 35s video that walks a person through the VSC user interface.

## The video
{% youtube rSaxqCFDLpQ %}

## Feedback request
If you can take a moment, I would appreciate your feedback on any of the following:

* Is it informative?
* Is it too long? Not long enough? Just right?
* Is this a series that would interest you?
* How is the audio and video quality?
* Is there any feedback you want to provide?
* Is there anything you want to learn in VSC?

## Contents
The video covers the following topics
Introduction to the Visual Studio Code UI
The menu bar
The title bar
The activity bar
The side bar
The explorer, including some reasons for using it
The editor
The group editor
The panel
The status bar
The command palette
Nonton Anime Sub Indo Terbaru
Tags: anime, nontonanime, animesubindo
Published: 2021-11-11 01:59:37

Buat kamu yang suka menonton serial anime, tentu bakal setia buat menunggu perilisan anime baru yang bisa di tonton secara streaming.
 
Kalian yang pingin tahu di situs mana ataupun situs Nonton Anime Sub Indo serta download anime sub Indo di Beenime, kamu dapat cek saran web nonton anime terbaik tanpa iklan.
 
Tidak hanya web seperti streaming anime yang lain, saat ini pula ada aplikasi buat nonton anime Indo terlengkap. 

Mulai dari dengan resolusi HD sampai dengan resolusi SD, kecepatan streaming di situs beenime juga terbilang lumayan cepat karena menggunakan premium proxy streaming. 

Pasti saja layanan nonton anime subtitle indonesia bebas dari iklan pop up yang mengganggu kenyamanan penonton pada saat menyaksikan anime kesukaan nya. 

Kalian juga bisa melakukan download anime dan nonton anime subtitle indonesia kapan juga serta di mana juga. 

kunjungi : https://beenime.com/
code every day with me
Tags: javascript, programming, 100daysofcode, algorithms
Published: 2021-11-11 01:50:04

## --DAY 17--
Hi, I am going to make #100DaysOfCode Challenge. Everyday I will try solve 1 problem from leetcode or hackerrank. Hope you can go with me until end.
**Now let's solve problem today:**
- Problem: Counting Valleys 
- Detail: [here](https://www.hackerrank.com/challenges/counting-valleys/problem)
- Idea : we only care below part, if we reach to the sea level, it means we that's valleys.
  - ex : UDDDUDUU
  - If we represent _ as sea level, a step up as /, and a step down as \, the hike can be drawn as: 
```
_/\      _
   \    /
    \/\/
```
   - We only care about below part, so the number the hiker reach to the sea level is 1. 
- My solution (javascript):
```
function countingValleys(steps, path) {
    let count=0,lv=0;
    for(let i in path){
        if(path[i]=='U'){
            lv++;
            if(lv==0) count++;
        }
        else lv--;
    }
    return count;
}
```
-->*If you have better solution or any question, please comment below. I will appreciate.*
How to Display a Custom Daily Greeting
Tags: html, javascript, date, dom
Published: 2021-11-11 01:46:36

---
canonical_url: "https://ajcwebdev.com/display-custom-daily-greeting/"
description: "Use JavaScript to create a message displaying a different greeting depending on the day of the week."
---

## Introduction

I discovered a cool little trick while source diving through [Scott Mathson](https://scottmathson.com/)'s web site. With just a couple lines of JavaScript you can create a message that displays a different greeting depending on the day of the week.

### Create a Script with a Weekday Array

Create a `<script>` tag with `type` of `text/javascript`. Define a variable called `weekday` with a different greeting set to each index.

```html
<script type="text/javascript">

  var weekday = new Array(7)

  weekday[0] = "spectacular Sunday"
  weekday[1] = "marvelous Monday"
  weekday[2] = "terrific Tuesday"
  weekday[3] = "wonderful Wednesday"
  weekday[4] = "totally cool Thursday"
  weekday[5] = "fantastic Friday"
  weekday[6] = "sweet Saturday"

</script>
```

### Set Weekday Value to the Current Date

Also inside the script tag, create a variable called `currentDate` set with the [`Date()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) object and then set the current day to `weekdayValue`.

```javascript
var currentDate = new Date()
weekdayValue = currentDate.getDay()
```

### Write to the Document

Use the [Document.write()](https://developer.mozilla.org/en-US/docs/Web/API/Document/write) method to write a string of text to the document with paragraph tags containing the weekday value..

```javascript
document.write(
  '<p>Have a ' + weekday[weekdayValue] + '!</p>'
)
```

### Noscript Fallback

Lastly, you'll want to include a `<noscript>` tag in case the user has JavaScript turned off in their browser.

```html
<noscript>
  <p>Have a great day!</p>
</noscript>
```

## Full Script

```html
<script type="text/javascript">

  var weekday = new Array(7)

  weekday[0] = "spectacular Sunday"
  weekday[1] = "marvelous Monday"
  weekday[2] = "terrific Tuesday"
  weekday[3] = "wonderful Wednesday"
  weekday[4] = "totally cool Thursday"
  weekday[5] = "fantastic Friday"
  weekday[6] = "sweet Saturday"

  var currentDate = new Date()
  weekdayValue = currentDate.getDay()

  document.write(
    '<p>Have a ' + weekday[weekdayValue] + '!</p>'
  )
</script>

<noscript>
  <p>Have a great day!</p>
</noscript>
```
Data Races di Golang: Fixing with Channels
Tags: go, dataraces, bahasa
Published: 2021-11-11 01:43:17

Pada [artikel sebelumnya](https://dev.to/ynwd/data-races-di-golang-fixing-with-waitgroup-1agc), kita telah memperbaiki data race dengan `WaitGroup`. 

Kali ini kita akan mencegah data race menggunakan channel.

Caranya sangat mudah.

```go
package main

import (
	"fmt"
)

func getText() string {
	t := "hi"
	done := make(chan bool)

	// go routine #2
	go func() {
		t = "hello"
		done <- true
	}()

	<-done
	return t
}

// go routine #1
func main() {
	fmt.Println(getText())
}

```
Source code: [https://play.golang.org/p/INwBrA67cCu](https://play.golang.org/p/INwBrA67cCu)

Jalankan dengan `-race`:

```
$ go run -race main.go                                                                                 
hello
```

Dan warning `DATA RACE` pun tidak muncul lagi.
Resolve types using the typescript plugin for CSS modules available in vite
Tags: typescript, cssmodules, vite, plugin
Published: 2021-11-11 01:23:56

You can resolve the read type of `preprocessorOptions` set in the` vite.config.ts` file.
Click [here](https://github.com/activeguild/ts-css-modules-vite-plugin) for the package repository

## Install

```bash
npm i -D ts-css-modules-vite-plugin
```

## Add it to the `tsconfig.json`

```json
{
  "compilerOptions": {
    ...
    "plugins": [{"name": "ts-css-modules-vite-plugin"}]
  },
}
```

## Demo

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

## Resolve the `vite.config.ts`

Resolve the `preprocessorOptions` setting within the plugin.

```ts
import path from "path";
import { defineConfig } from "vite";

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/styles" as common;`,
        importer(...args) {
          if (args[0] !== "@/styles") {
            return;
          }

          return {
            file: `${path.resolve(__dirname, "./src/assets/styles")}`,
          };
        },
 
    },
  },
});
```
Data Races di Golang: Fixing with WaitGroup
Tags: go, datarace, bahasa
Published: 2021-11-11 01:14:18

Pada [artikel sebelumnya](https://dev.to/ynwd/data-races-di-golang-5b90), telah kita bahas data races di golang. Kali ini kita akan mencegahnya agar tidak terjadi menggunakan `sync.WaitGroup`.

Caranya cukup mudah.

```go
package main

import (
	"fmt"
	"sync"
)

func getText() string {
	t := "hi"
	var waitgroup sync.WaitGroup
	waitgroup.Add(1)

	// go routine #2
	go func() {
		t = "hello"
		waitgroup.Done()
	}()

	waitgroup.Wait()
	return t
}

// go routine #1
func main() {
	fmt.Println(getText())
}

```

Source code: [https://play.golang.org/p/lYasbbWmB0j](https://play.golang.org/p/lYasbbWmB0j)

Jalankan dengan `-race`:
```
$ go run -race main.go                                                                                  main*
hello
```

Dan warning `DATA RACE` pun tidak muncul lagi.
Can This iOS Dev Build a Chat App in Just 5 Minutes?
Tags: api, swift, chat, ios
Published: 2021-11-11 00:49:56

{% youtube qcEPe5Yq0Hk %}

One of the most impactful benefits of [buying chat for your app](https://getstream.io/blog/build-vs-buy-chat/) rather than [building chat from scratch](https://getstream.io/blog/build-chat-messaging-app/) is accelerated time to market. Experienced devs know that a basic messaging functionality can take months or even years to implement — and that’s not factoring in the long-term maintenance resources and [chat scaling challenges](https://getstream.io/blog/enterprise-live-chat/) once your app begins to add more users. 

Using a [chat API](https://getstream.io/chat/) is an increasingly popular way devs are quickly adding messaging to their apps with impressive scaling potential: Apps built with the Stream Chat API, for example, can establish a robust messaging experience that can support millions of users in just a few weeks. 

But I wanted to know: How fast could a senior developer integrate the Stream Chat API to build a messaging app?

We reached out to Alex Nagy, co-founder and CTO of [Rebeloper](https://rebeloper.com/), to learn if he could add chat to his iOS app in as little as five minutes using the [Stream iOS Swift SDK](https://getstream.io/chat/sdk/ios/). 

**Give his video tutorial a watch, and follow along with Alex by signing up for your [free Stream Chat trial](https://getstream.io/try-for-free/).**
Peculiaridades do JS. Que não são erros! Nem esquisitice! - Date()
Tags: javascript, braziliandevs
Published: 2021-11-11 00:43:12

API de data! 

Uma das coisas mais odiadas do JS é lidar com datas! 

Todo mundo odeia! 
Mexer com datas e horários tempo é um martírio! 

Existem bibliotecas completas para ajudar os desenvolvedores a não ter tanta dor de cabeça. 

Mas como ele funciona não é um erro. 
É uma copia! 

JS foi feito em 10 dias como todos sabem!
Para fazer uma linguagem não é simples! 
O criador Brendan Eich, tinha pouco tempo para tal! 
Como a netscape tinha parceria com a SUN(dona do Java naquela época) com relação ao JAVA. 
Parece ideal pegar algo pronto, uma api já feita. Ele copiou a apei JDK1.0 (1995)

{% twitter 481939099138654209 %}
{% twitter 845826909061623808 %}

E veio tudo! A parte boa(qual?) e as partes ruins! Melhor nem enumerar elas! 

Mas isso vai melhorar! já esta em estagio 3 uma nova API que parece resolver todo(mesmo?)
os problemas com datas! 

A api TEMPORAL 

{% github https://github.com/tc39/proposal-temporal %}
React Native Mobile App Tutorial: Using Swipeable Component With FlatList - Swipe To Delete
Tags: reactnative, tutorial, video, supabase
Published: 2021-11-11 00:35:14

So the last video was supposed to be the last video, but i needed to figure out how to use the gesture library swipeable component so I figured I would do a video showing how to swipe to delete the row and then delete the record and image from the database.

###Video
{% youtube xyTrWDIgE3Y %}

###Links
- Sample Code: https://snack.expo.dev/@aaronksaunders/calm-beef-jerky
- Swipeable Documentation: https://docs.swmansion.com/react-native-gesture-handler/docs/api/components/swipeable

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W31U7HM)