teleren/devto huggingface dataset:
Low Latency Flows
Published: 2023-01-31 01:52:47

Okta Workflows doesn’t guarantee execution latency. Usually flows run very fast. However, Workflows is a multi-tenant system and doesn’t have a latency SLA. Flows execution times depend on: Because specific latency can’t be guaranteed, up until now, Workflows shouldn’t be used in any flows where execution time is critical to the scenario, such as token … [Continue reading Low Latency Flows →](https://iamse.blog/2023/01/27/low-latency-flows/)
SSH Password-free login not working
Tags: ubuntu, ssh
Published: 2023-01-31 01:47:52

System:**Ubuntu 20.04.1 LTS (GNU/Linux 5.4.0-47-generic x86_64)**

> if you added publish key but password-free login still not working maybe you directory permission error.

1. set .ssh directory permission 700
2. set .ssh/authorized_keys file permission 600

``` shell
sudo chmod ~/.ssh 700;
sudo chmod ~/.ssh/authorized_keys 600;
```
Day One
Tags: devjournal, beginners
Published: 2023-01-31 01:20:06

Just successfully completed the first day of my software development program. Met my cohort of 24 other learners. One thing my instructor said that stuck with me was how we approach computer software development in a backwards way. We push students to major in computer science, but in many of those programs, learners don't get to work on tangible, real-world projects until later, perhaps when they've lost interest in the subject. In our program, we're going to dive headfirst into practical projects, and save the theory for later, or as needed. I wish more educators thought like that.
How to verify if the context has a deadline
Tags: go, context, deadline, timeout
Published: 2023-01-31 01:17:01

---
title: How to verify if the context has a deadline
published: true
description: Validating if has a deadline in context with Golang
tags: golang, context, deadline, timeout
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-30 22:23 +0000
---

It's very simple, `context.Context` has a little method called Deadline that returns `(deadline time.Time, ok bool)`. When the ok variable is true, the deadline is set. Why use a deadline? We need to use it to set a time to cancel the operation, e.g. we need to wait for max 3 seconds to execute a query on the database, in case overtakes the time, context will call cancel in the operation.

See the example below:
```go
func something(ctx context.Context) (context.Context, context.CancelFunc) {
	if _, hasDeadline := ctx.Deadline(); !hasDeadline {
		return context.WithTimeout(ctx, time.Minute)
	}
	return context.WithCancel(ctx)
}
```

Now, let's see an example using this method in an operation that prints a message many times.
```go
func usingSomething() {
	ctx, cancel := something(context.Background())
	defer cancel()

	for {
		select {
		case <-ctx.Done():
			return
		default:
			fmt.Println("something message!")
			time.Sleep(time.Second)
		}
	}
}
```

Well, I believe that it’s interesting to share the unit test as well.
```go
func TestSomethingWithDeadline(t *testing.T) {
	t.Run("using timeout of 1s", func(t *testing.T) {
		ctx, _ := context.WithTimeout(context.Background(), time.Second)
		ctx, cancel := something(ctx)
		defer cancel()
		_, hasDeadline := ctx.Deadline()
		assert.EqualValues(t, true, hasDeadline)
	})
}

func TestSomethingWithoutDeadline(t *testing.T) {
	t.Run("using default timeout of something method", func(t *testing.T) {
		ctx, cancel := something(context.Background())
		defer cancel()
		_, hasDeadline := ctx.Deadline()
		assert.EqualValues(t, true, hasDeadline)
	})
}
```

That's what I wanted to show here. I hope this helps!
I created a design system and it's called Beef Design System
Tags: vue, bulma, javascript, designsystems
Published: 2023-01-31 01:07:34

Web development or software development in general is always washed with buzzwords, one that is not so new but starting to trend is "design systems". Basically, a design system is a collection or a library of reusable and customizable web components and widgets to make application development faster, easier and fun to repeat. If you're already using Bootstrap or Materialize UI, that is already an example of a design system. But large companies are also in to this design system bandwagon, IBM has Carbon Design System, General Electric has Edison Design System, Salesforce has Lightning Design System. The reason why a lot of design system proliferates is consistency another is uniqueness or identity (No vendor will sell products that looks like Bootstrap all through out).

I created a design system called The Beef Design System which is based on Vue and Bulma. The top reason I created a design system is most frontend tasks are easily repeatable and doesn't need to be started from scratch, whenever I need to start a new project I just have to clone the repository and customize or copy the built-in components to fit the new project's requirements and specifications. Therefore, my development workflow now works like a meat shop; pull out the beef, weigh it in, wrap it up nicely. One of the real world usage for Beef Design Template can be seen here [AlabangSX](https://www.youtube.com/watch?v=id1QfrQa0SA) which is a stock market recommendation application.

If you want to try and play around the system, just clone from Github [Beef Design System](https://github.com/jared201/beef), assuming NodeJS, VueCLI are installed

`git clone https://github.com/jared201/beef.git`

`cd ~/beef`

`npm install`

`npm run serve`

Have fun and don't forget to star and follow! :)
React myRooms - 1 navbar
Published: 2023-01-31 00:56:41

```
mkdir hotelBookingSystem
cd hotelBookingSystem
npx create-react-app client
cd client
npm start
```
selesai membuat react app

![Image folder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3a8zw3dlayiab6y4j5du.png)

Tambahkan Bootstrap di atas title file index.html

```
// index.html

<!-- Link Css dan Js Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" ...">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" ..."></script>
    
<title>React App</title>
```
selanjutnya kita akan buat 2 folder Component, screen.
lanjut ke navbar, kita akan rubah background navbar warna hitam, tulisan warna hitam, dan logo myRooms berwarna putih dan link navbar register dan login kita tempatkan ke kiri otomatis.

```
index.css

.navbar {
  background-color: black !important;
}
.nav-link{
  color: white !important;
}
.navbar-brand {
  color: white !important;
}
.navbar-nav {
  margin-left: auto !important;
}
```

![Image selesai navbar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1cot6vhsuapazne6ozoh.png)

[github repo](https://github.com/andiks2018/hotelBookingSystem.git)
[link belajar](https://www.youtube.com/playlist?list=PLflVqQLAWzC9qybF40gPXpzntMQIoYG5u)
Add security when building mobile apps
Tags: programming, security, mobile, tutorial
Published: 2023-01-31 00:39:32

Security is a fundamental term to discuss, but in this little blog based on my experience, I hope this will help you build more secure apps or add some security layers when making apps with the **Hybrid Cross Platform Technologies** or just **Native App**

Before we begin, you must back up your project in case you need to roll back any change you did it. Remember that some tips are just for a specific framework, and others can be shared.


# Content

- [Ionic + Capacitor Security Tips](https://dev.to/acronimax/ionic-capacitor-security-tips-31jg)
- [Android Security Tips](https://dev.to/acronimax/android-security-tips-6dn)
Animation d'écriture automatique de texte en javascript
Tags: javascript, tutorial, webdev
Published: 2023-01-31 00:12:54

Bonjour, nous allons voir dans ce tutoriel comment utiliser la librairie **Futura.js** pour créer une animation d'écriture automatique de texte en JavaScript.

**[Futura.js](https://blakvghost.github.io/FuturaJS/)** est une librairie javascript d'implémentation d'animation, de carrousels et plus…

Nous allons d'abord installer futura.js dans notre projet, il existe trois moyens pour le faire, soit par: 

1. NPM
Par le gestionnaire de dépendance NPM il faut procéder ainsi:

```sh
npm install @futuravision/futura.js
```

Une fois installer avec succès, vous pouvez importer le module **AutoWriteText**
```javascript
import {AutoWriteText} from 'futura.js';
```

2. CDN
Pour l'utiliser en CDN unpkg :
```html
<script src="https://unpkg.com/@futuravision/futura.js/dist/futurajs.min.js"></script>
```
3. GitHub
Vous pouvez télécharger le projet sur GitHub
```sh
git clone https://github.com/BlakvGhost/FuturaJS.git
```
Ouvrir une balise script dans le head
```html
<script src="futurajs/dist/futurajs.min.js" charset="utf-8"></script>
```

## Création de l'animation d'écriture automatique de texte
Maintenant que vous avez installer futura.js, nous allons pouvoir implémenter notre animation d'écriture automatique de texte dans sur notre site web:

- Vous devez extensier AutoWriteText avec les options de votre choix
```javascript
new fJs.AutoWriteText({
    separator: 'separator',
    timeout: 'the time out in milisecond'
});
// fJs lorsque vous utiliser un cdn ou le github, par contre
// utiliser simplement AutoWriteText() pour un NPM
```
Maintenant, il faut définir en sur site dans la balise qui doit contenir le texte, les attributs **data** pour l'initialiser:

```javascript
<h1 data-fv-anim='autowrite' data-fv-data="Write Here Your Text"></h1>
// data-fv-anim="autowrite": pour initialiser l'animation
// data-fv-data="Write Here Your Text": Pour le passer la texte qui sera auto ecrit.
```
Exemple:
```html
<!DOCTYPE html>
<html lang="fr">
    <head>
        <script src="https://unpkg.com/@futuravision/futura.js/dist/futurajs.min.js"></script>
    </head>
    <body>
        <h1 data-fv-anim='autowrite' data-fv-data="Write Here Your Text"></h1>
    </body>
    <script type="text/javascript">
        new fJs.AutoWriteText({
        separator: '|',
        timeout: 300
    });
    </script>
</html>
```

Laissez des étoiles sur le projet GitHub de futura.js en le [visitant ici](https://github.com/BlakvGhost/FuturaJS).
What I Learned from AWS Serverless
Published: 2023-02-17 23:39:01

---
title: What I Learned from AWS Serverless
published: true
date: 2023-01-31 00:00:00 UTC
tags: 
canonical_url: https://mattech.fyi/articles/what-i-learned-from-aws-serverless
---

As someone who has been working in the cloud computing industry for a while, I have been keeping a close eye on the growing popularity of serverless technology. With the increasing demand for highly scalable, cost-effective and agile solutions, I decided to take my skills to the next level and explore the world of AWS serverless.

To start my journey, I first familiarized myself with the basic concepts of serverless computing, including event-driven architectures and the benefits of using serverless solutions. I then proceeded to explore the various AWS serverless services, such as AWS Lambda, Amazon API Gateway, and AWS DynamoDB, among others.

I found that the best way to learn these services was through hands-on experience. I created simple serverless applications and gradually added more complexity as I became more comfortable with the tools and services. This allowed me to understand how these services work together to build scalable and efficient solutions.

Next, I focused on security and best practices for building and deploying serverless applications. I learned about the various security features offered by AWS, such as resource-based policies, IAM roles, and security groups, and how to use them effectively. I also learned about deployment strategies, including blue-green and canary deployments, and how to monitor and troubleshoot serverless applications.

In conclusion, I have found my journey into AWS serverless to be a rewarding and challenging experience. I have gained a deeper understanding of serverless technology and how it can be leveraged to build scalable and cost-effective solutions. I would highly recommend anyone interested in serverless technology to start their journey and explore the world of AWS serverless.
Food for thought: Is technical debt a symptom or a disease? A deep (and fun) conversation with ChatGPT
Tags: management
Published: 2023-01-30 23:36:53

---
title: Food for thought: Is technical debt a symptom or a disease? A deep (and fun) conversation with ChatGPT
published: true
description: A deep conversation with ChatGPT about technical debt
tags: management
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-01 01:41 +0000
---

I had a deep conversation with ChatGPT about technical debt, and this is what happened:

![1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nle07fzlnjl36g222zsr.png)

![2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/552jv98908k8lrghb1gg.png)

![3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drddxqfkl4at1sbc57wq.png)

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

![5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jw0yn2sntmevhjosbibo.png)

![6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5vlwd6jaeghxur3oyhk.png)

![7](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxiuza8mucb7ku2pt3k1.png)

![8](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rg25j0mu70dnphjis9zc.png)

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

Do androids dream of electric sheep? Your call...
Using PATCH on the front end with Fastify
Published: 2023-01-30 23:36:10

Posting this as a reminder to my future self and with the hope it will save some other folks from banging their heads on their desk for two hours. I like Fastify a lot and was using version 4.x when I had issues with a PATCH endpoint when using the Fetch API on the front end. This was very confusing, since the endpoint worked great when testing with Postman. Here are the things I learned:

* The value for "method" needs to be all uppercase, "patch" does not work; "PATCH" does
* The "content-type" header is required, without it, fetch() fails

Here's an example of the code that worked:

```Javascript
const response = await fetch(`${exampleDomain}/api/v1/example`, {
  method: 'PATCH',
  headers: {
    Authorization: `Bearer ${token}`,
    'content-type': 'application/json; charset=utf-8'
    },
  body: JSON.stringify(data)
})
```
Futura.js
Tags: javascript, opensource, webdev, tutorial
Published: 2023-01-30 23:16:18

Salut! Je suis heureux de vous présenter notre toute nouvelle librairie JavaScript : Futura.js!

Futura.js est une librairie conçue pour faciliter la création de carousels et d'animations de défilement, d’écriture automatique des texte à leur apparition, et pleins d'autre. Nous avons travaillé dur pour fournir une solution simple et efficace pour les développeurs souhaitant ajouter du dynamisme à leurs projets.

Notre librairie est facile à utiliser et est accompagnée de documentation détaillée et d'exemples de code pour vous aider à démarrer. Nous sommes impatients de voir ce que vous allez créer avec Futura.js !
Vous pouvez consulter notre site web à l'adresse suivante :
https://blakvghost.github.io/FuturaJS/

N'hésitez pas à nous envoyer vos commentaires et suggestions, nous sommes toujours à l'écoute de nos utilisateurs pour améliorer notre librairie.
Nous sommes également à la recherche de contributeurs pour nous aider à développer Futura.js . Si vous êtes intéressé pour nous rejoindre, n'hésitez pas à nous contacter !
Merci de votre soutien et nous espérons que vous apprécierez FuturaJS !
Spinnr - Meet new friends that share your hobbies
Tags: friendship, hobbies
Published: 2023-01-30 22:45:42

Spinnr is a video app that helps you meet new people who share your hobbies and interests, so you can do fun activities together! Make new friends without likes, comments, follows, or other toxic behavior. With video profiles, intro videos, and video messaging, it’s easier than ever to connect with people around.

[https://spinnr.app](https://spinnr.app)
How to stop multiple docker containers with same name prefix
Tags: docker, containers, containerapps, bash
Published: 2023-01-30 22:32:38

If containers have names with same prefix, for example: `test-service-1`, `test-service-2`, `test-something-more`, then it's possible to stop them all at once:
```bash
$ docker ps -q --filter name=CONTAINER_NAME_PREFIX* \
    xargs docker stop
```
If you'll add `-a` to `docker ps`, you can also change `xargs docker stop` to `xargs docker container rm` to remove all containers at once.

You can also stop and remove containers in one command:
```bash
$ docker ps -q --filter name=CONTAINER_NAME_PREFIX* | \
    xargs docker stop | xargs docker container rm
```
How to deploy a Cloud Function in Google Cloud
Tags: googlecloud, webdev
Published: 2023-01-30 21:48:50

A cloud function is a single unit of code that can be executed in response to a specific event. In the context of serverless architecture, cloud functions are a way of deploying and running small pieces of code without the need for managing infrastructure. This can greatly simplify the process of building and deploying applications. So, let's learn how to deploy a simple function in Google Cloud Platform.

Every function must have a trigger, which is the specific event that calls the function and makes our application "wake up". 
We can have event triggers or HTTP triggers, but I choose to use HTTP triggers for this tutorial.

### How to do it, step by step
First, you need to have Google SDK installed in your machine. Once you have it, authenticate to your account using

`gcloud auth login`

Once you have this basic setup, let's start.

### Writing a cloud function
Let's use a javascript function here. I choose to use a **HTTP trigger**. It means that **our function will be triggered every time we receive a HTTP request to the URL assigned to it**.

> By default, Cloud Functions attempts to load source code from a file named index.js at the root of your function directory. To specify a different main source file, use the main field in your package.json file.

As we are dealing with HTTP triggers, we must create a simple function that runs every time we receive a request:
```js
const myFunction = async (req, res) => {
  const name = req.query.name || "World";
  res.send(`Hello ${name}!`);
};

module.exports = {
    myFunction
}

```

This is our `index.js`: nothing but a simple function. Our code here doesn't need to have a complicated structure, but it must have a **function entry point**, which is the code that is executed when the Cloud Function is invoked.

### Deploying

In the code below, 
```sh
gcloud functions deploy $FN_NAME \
    --entry-point=$FN_ENTRY_POINT \
    --runtime=nodejs16 \
    --region=us-central1 \
    --trigger-http \
    --allow-unauthenticated
```

The important part is the `entry-point` flag. It specifies **which function** is the entry point. Google will lookup in our `index.js` to find it.

Another interesting flag is the `allow-unauthenticated`. Without this flag, we would only be able to invoke our function if we made a request using a token from an account that has the `roles/cloudfunction.functions.invoker` permission.

**Note:** to successfully use this flag, you need to have the `cloudfunctions.functions.setIamPolicy` permission, since what `--allow-unauthenticated` does is basically to set a IAM policy for your cloud function, enabling allUsers to invoke it.

So, to deploy, we run `./deploy.sh`. In the output of the commands, you'll se the URL that GCP assigned to your function.

Go to it using your browser, and you'll be able to see "Hello World" printed in your screen.

<hr/>
Still feel like you missed something? Take a look on the source code for this tutorial: https://github.com/wrongbyte-lab/cf-tutorial
7 games that could boost your coding skills while having fun
Tags: coding, gamedev, css, flexbox
Published: 2023-01-30 22:29:01

A couple of months ago I played a game that was focused on flexbox. the name of this game was [Flexbox Froggy](https://flexboxfroggy.com/). It was quite fun and I decided to do a little research to come up with a list of free coding games. I have not played all of them yet, but I will try to do that and also update this list if I come across new games.

##List of the games 

[Flexbox Froggy](http://flexboxfroggy.com/)	
[CSS Diner](https://flukeout.github.io/)
[Codecombat](https://codecombat.com/)
[Flexbox Defense](http://www.flexboxdefense.com/)
[VIM Adventures](https://vim-adventures.com/)
[Checkio](https://checkio.org/)
[Scratch](https://scratch.mit.edu/)	

Do you have any tip for your favourite coding games?
Write your favourite game in the comments -> we can keep this list updated. 

Thank you

Photo by <a href="https://unsplash.com/@dejeludire?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Folu Eludire</a> on <a href="https://unsplash.com/s/photos/games?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Day 684 : Flawless
Tags: hiphop, code, coding, lifelongdev
Published: 2023-01-30 22:27:48

_liner notes_:
- Saturday : I didn't really do anything leading up to the radio show. Woke up late and just worked on the radio show. There was a basketball game so I did the show from my van again. Had a good time. The recording of this week's show is up at https://kNOwBETTERHIPHOP.com

![Radio show episode image of a chart showing SNAP average participation and inflation-adjusted spending, fiscal year 2000-2021 with the words Jan 28th 2023 Year of OUR Lord](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ch2mpzfutoe9d80ezdlw.jpg)

- Sunday : Definitely had a rough time getting up, but doing the https://untilit.works cyphers got me out of bed and I'm glad I did. Got a bunch of stuff done. Recorded a video for a friend. Finally figured out a hurdle that was blocking me on this new side project. Not a bad day. Ended the night watching "Trigun Stampede".

- Professional : Had a meeting as the first thing of the day. It was good seeing everyone. We are starting a new sprint, so we wanted to make sure we are all on the same page. Spent the rest of the day replying to some developers and upgrading a sample project in a repo.

- Personal : So I think I may have figured out how I'm going to do authentication and authorization on this new platform for my side project that will make it easier for other people to deploy the project. I just did it with the starter sample project, but everything seems to be working. I did run into an issue where the token expires in an hour, but I figured out a way to check and if it is expired, get a new token and then make the request. I've let the token expire a couple of times and it got a new token and went through just fine. The authentication and authorization for the admin section was a big point for me. So that I think I've got a handle on it, I can really go full force with the project.

![A river with a water fall flowing through some moss covered hills with a large mountain in the distance under some cloudy skies in Salto Grande, Chile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qfowhf4zv237ii8q6z8t.jpg)

Going to start designing out the admin section of my side project and what I want people to be able to do and get a working proof of concept. I also want to start putting down who I want pages on different routes to look like. I have ideas in my brain, but I want to get it down on paper and start fleshing it out with designs. It'll be a rough design for now, it doesn't need to be flawless or anything. I want to end the night watching "You People" on Netflix. There's also a new episode of "Vinland Saga" on Netflix, so I may end early to be able to watch both.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube ZZI7mPYi_po %}
Fala ae!
Published: 2023-01-30 22:25:13

Eai beleza? Me chamo Vitor, tenho 20 anos e sou estudante de Web Design! Sinceramente não conheço bem esse site kkkkkkkk mas já to curtindo bastante, espero aprender muito por aqui.

Enfim, é isso!! Valeu por ter lido até aqui