teleren/devto huggingface dataset:
Peerlist One Year Giveaway 🎁
Tags: webdev, programming, challenge, career
Published: 2022-09-08 06:03:47

Peerlist recently turned one, and we are so excited! We have decided to organise many community-focused online events, contests, and much more to celebrate this. This is our way of appreciating the community we have. And we are kicking off this celebration with our first writing contest!

## To participate, follow these steps.

1. Write an article about Peerlist - mention your Peerlist profile in the article.
2. Publish it on any blogging platform like Hashnode, DEV, Medium or self-hosted.
3. Share the link to the article on social media, and don’t forget to tag Peerlist in the post.
4. [**Submit your article here**](https://forms.reform.app/j35FIR/write-about-peerlist/cb4p1f>)


## Few things to consider:

- The article should have a minimum of 3 minutes read (~600 words).
- A link to your Peerlist profile should be present in the article.
- Post the article and share the link on your social media, like Twitter and LinkedIn. Don’t forget to tag us in the post. And submit the link to your article in [this form](https://forms.reform.app/j35FIR/write-about-peerlist/cb4p1f>).

## Topics (not limited to) ✍️
- **About Peerlist:** Write about how Peerlist has helped you showcase your work.

- **Thoughts on Peerlist:** Explain what you love the most about Peerlist, any feature explanation etc.

- **Peerlist Stories:** Since most of you have seen Peerlist growing from scratch, what have you been thinking about Peerlist for this whole time?

- **Professional Networking:** What is an ideal Professional Network according to you, and how is Peerlist aligning itself with it? What are the things you would love to see in Peerlist?

- **Ninja:** Other than these, any other excellent use case that we forgot to cover, but you would love to mention that about Peerlist.

## Important Dates 🗓

- Submission deadline: **25th September 2022**
- Winner announcement: **30th September 2022**

PS: Submit your article as early as possible 😉

## What are we giving away? 🎁
- The winner of this challenge will get **Keychron Wireless Mechanical Keyboard!**
- The top **10 articles** will get a **Peerlist swag box** and **get featured** on the Peerlist blog and Peerlist Newsletter, which more than 10k people read!
Interacting with the json server
Tags: javascript, beginners
Published: 2022-09-08 06:02:49

veterinary clinic is an app that helps veterinarian to register their customers pets and the information about the registered pet are stored in private API. The interactions that exist between the input and the stored data is still a magic to me and nothing fascinates more than knowing i can keep tracks of the inputs and be able to retrieve the data and use them later

when a POST request is done to the server, the information is sent and this is how we are able to let the server know that the information is to be added to the existing information. Below is a snippet of code that shows the information that should be sent to the server.

` let catObject = {
        catname:e.target['pet_name'].value,
        age:e.target['pet_age'].value,
        image:e.target['pet_image'].value
    }`

 POST made it easier for me to capture the above information and store the my json server. below is a snippet of how i was able to send the information 

```
function renderCat(catObject){
    fetch('http://localhost:3000/cats', {
        method: 'POST',
        headers: {
            'Content-Type':'application/json',
            Accept: "application/json"
        },
        
        body:JSON.stringify(catObject)
    })
    .then(response => response.json())
    .then(data => console.log(data))
    }
```
The code above tells the server to look for the end point called cat and add the objects that are inside the cat object to the server.
👋How to convert ANY website into a desktop application(In 30 Seconds)
Tags: webdev, tutorial, opensource, codenewbie
Published: 2022-09-08 05:46:39

I can't think of any better way to start the day than by creating a desktop app. Can you? Today, I will be giving you the ✊power to convert any website into a desktop application. 

## Step 1:
Download the LTS of Node JS: https://nodejs.org/en/

Then open command prompt(On windows) or the equivalent on your operating system(terminal for mac). 

![Windows Terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w8dqjn297hqbivjx206n.png)

Note: It does not matter what OS you are using.

## Step 2: 
Now we will need to install a github tool called nativefier to your device globally.

To do so, type in the following script into the command prompt(or the equivalent) and hit enter:
```
npm install -g nativefier
```

Give it a minute to install.

## Step 3:
After nativefier has been installed, type the following code, replacing the words your website with the website domain you want to convert into an app.

`nativefier 'your website'`

Here is an example:
`nativefier 'dev.to'`

After that, hit enter and wait for it to load. This time, it might take several minutes.

## Step 4:
Finally, when it has finished loading, all that is left to do is to test out your own desktop app. 

To do so, open the path that has been shown on the command prompt. You can do so from the file opener of your OS. File explorer for windows or finder for MacBook's. 

Once you are in the path provided, open up the executable file and your app should pop up. 

## Conclusion:
Thanks for finishing this post, I hope it helped you. If you have any questions, please comment below. I will respond ASAP.

Note: This post was first published on https://freetechnologyhelp.com/how-to-convert-any-website-into-a-desktop-applicationin-30-seconds/

You can read another post a wrote here:
https://dev.to/freebeliever/you-can-build-anything-with-these-6-characters--3623
Web APIS
Published: 2022-09-08 05:29:58

**What is an API?**

> An API (Application programming interface) is a set of events, methods, properties and URLs that the developers use to interact with the components of a user's web browser. APIs can also interact with the data sets, hardware or software on a user's computer and third party softwares and services. 

What are Web API's? Web APIs use javascript to manipulate the webpages. It is a prebuilt code that comes readily available inside of our browser environment. We use web APIs to create elements and add them to the browser, or to add and remove styles and attributes via Javascript.
Cassandra Error (Visualized)
Published: 2022-09-08 05:22:52

Success or Failure of Request in Cassandra depends on success or failure of request on more than one machine as per consistency type and driver setting. It's important to understand where request failed to troubleshoot further. 
I am visual person so tried drawing diagram to make it easy to understand.


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

Refer following for more information

https://www.datastax.com/blog/2014/10/cassandra-error-handling-done-right  https://docs.datastax.com/en/developer/java-driver/3.6/manual/retries/
Kim recipes
Tags: javascript, html, css, webdev
Published: 2022-09-08 05:14:03



![Home image screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g3e7pfx1akvy46krz3vn.jpg)
How many times have you tried a new recipe and failed?
It is always difficult to find recipes of different meals on one location with a step by step guide of how to prepare it. To provide the solution, I created a website that has all the meals from all over the world, the ingredients and a preparation guide

## About the app
It is a web application that shows a list of all meals available in different countries.A user can view more details about each meal through a modal window, which contains all the preparation procedures of each meal. One is also able to comment and like a recipe.
## Technologies used

![Recipe app screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dbt3f3xquhvtlffc8gvk.jpg)
HTML, CSS, JavaScript 
## Live link
You can try out the website using this link [Live link](https://kim-recipe.netlify.app/)

Now you can go ahead and make those exciting recipes 😝
Online Sale Products Website Template
Published: 2022-09-08 05:03:50

<p>Online Sale Products (OSP) is an advanced website template allowing anybody to freely post unlimited advertisement to sale their products online. To register with this template in order to be able to publish ads, what users need to do is just one click and everything is done.</p>

<p>This template was written in Node.js using Express.js web framework, and MongoDB Atlas database. As the result, you can install this template on any web hosting service that includes Node.js as one of its programming languages.</p>

<p>Click the image below to see live demo of this website template.</p>


<a href="https://khmerweb.deta.dev/post/eh4f22f4gnh8"><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zipe6kjsfyadx44e1bnz.jpeg" />
Best practices for AWS Personal accounts
Tags: aws, cloud, cloudskills
Published: 2022-09-08 04:52:22

Hello All,

Here is an quick tips for those starting their hands on with their personal account.

Unless you start practicing on AWS account you will not be getting familiarized about AWS services.

First start with [AWS Free tier](https://aws.amazon.com/free/) and also check for some of the services always free(AWS Lambda 1,000,000 free requests per month)

Just go through the below and follow these best practices.

- First created account called is as root user and create new admin account and limit root user access to your resources (Root user is not recommended for using AWS services)
- Created admin user should have the Full Administrator & billing module access
- Enable MFA on root / Admin / normal accounts for added security
- Create customized password rotation policy
- Create separate IAM user by assigning billing role access 	
- Create Budgets to not fall into see surprised billings (Set an alert if the budget reached USD 10 then email notification)
- Opt for monthly email statement to receive on your email (Under Billing preferences  Enable on Receive PDF Invoice by Email
- Keep always have a look on cost explorer (At least weekly once) just to monitor your spending's
- Cost explorer is the good option to view your usage based on many filer conditions (Usage, Region, service based etc.,)
- Audit created IAM users and their policies frequently

You can reach me on [LinkedIn ](https://www.linkedin.com/in/logeswarangv/)if you need any assistance.

Check my personal AWS Blogsite [here](https://www.amazeoncloud.com/cloud-career-start/)
Openstack Manual install Part 2 - Glance
Published: 2022-09-08 04:37:37

---
title: Openstack Manual install Part 2 - Glance
published: true
description: In this video, we will install Glance an OpenStack component required for storing your images. Glance can utilize Ceph as a backend, and we want this setup, so there are some extra steps required.
tags:
cover_image: https://i.ytimg.com/vi/UvgMak7DQ9Q/maxresdefault.jpg
---

{% youtube UvgMak7DQ9Q %}

In this video, we will install Glance an OpenStack component required for storing your images. Glance can utilize Ceph as a backend, and we want this setup, so there are some extra steps required.
Sorting Algorithms
Tags: algorithms, webdev, beginners, programming
Published: 2022-09-08 04:34:48

A sorting algorithm is used to rearrange a given array or list elements according to a comparison operator on the elements. The comparison operator decides on the new order of the elements in the respective data structure.

For example, the following list of characters is sorted in ascending order of their ASCII values. That is, the character with a lower ASCII value is placed before the character with a higher ASCII value.

**Basic Sorting Algorithms:**

- 1. Sorting Terminology
- 2. Stability in sorting algorithms
- 3. Time complexities of Standard Sorting Algorithms
- 4. External Sorting

**Sorting Algorithms :**

- Selection Sort
- Bubble Sort
- Recursive Bubble Sort
- Insertion Sort
- Recursive Insertion Sort
- Merge Sort
- Iterative Merge Sort
- Quick Sort
- Iterative Quick Sort
- Heap Sort
- Counting Sort
- Radix Sort
- Bucket Sort
- ShellSort
- TimSort
- Comb Sort
- Pigeonhole Sort
- Cycle Sort
- Cocktail Sort
- Strand Sort
- Bitonic Sort
- Pancake sorting
- Binary Insertion Sort
- BogoSort or Permutation Sort
- Gnome Sort
- Sleep Sort – The King of Laziness / Sorting while Sleeping
- Structure Sorting (By Multiple Rules) in C++
- Stooge Sort
- Tag Sort (To get both sorted and original)
- Tree Sort
- Cartesian Tree Sorting
- Odd-Even Sort / Brick Sort
- QuickSort on Singly Linked List
- QuickSort on Doubly Linked List
- 3-Way QuickSort (Dutch National Flag)
- Merge Sort for Linked Lists
- Merge Sort for Doubly Linked List
- 3-way Merge Sort

**Library Implementations of Sorting Algorithms:**

1. Know Your Sorting Algorithm | Set 1 (Sorting Weapons used by Programming Languages)
2. Know Your Sorting Algorithm | Set 2 (Introsort- C++’s Sorting Weapon)
3. Comparator function of qsort() in C
4. sort() in C++ STL
5. C qsort() vs C++ sort()
6. Arrays.sort() in Java with examples
7. Collections.sort() in Java with Examples

If you like [blog.bhylu.com](blog.bhylu.com) and want to contribute, you can also write an article and email it to priteshbhoi18@gmail.com. Check out this article on bhylu.com’s main page and help other developers. Write comments if you find something wrong or want to share more information on the topic discussed above.
Laravel 8 Many To Many Relationship Example
Tags: laravel8, php, mysql, relationship
Published: 2022-09-08 04:29:39

In this article, we will see laravel 8 many to many relationship example. Use many to many relationship in laravel 6 and laravel 7 and laravel 8. 

Many to many relationships are more complicated than one to one and one to many relationships. 

An example of like a relationship is a user with multiple roles, where the role are also connected with multiple users.

So, let's see many to many relationship in laravel 8 or laravel 8 eloquent relationships.

Also, we will create migration with a foreign key, sync with a pivot table, retrieve records using the model, insert new records, update records, etc. We will create a User and Roles and Role_users table. 

all tables are connected with each other table. Now we will create many to many relationships with each other by using the laravel Eloquent Model.
.NET Monthly Roundup - August 2022
Tags: dotnet, csharp
Published: 2022-09-07 23:21:32

{% embed https://www.youtube.com/watch?v=oqV6P6US_-k %}

Wow, lots of great new updates for August! We're trying a new thing with a quick monthly recap - a 3 minute quick summary of some of the top highlights.

### Top links
📚[All the links](https://aka.ms/dotnet/roundup/august-2022)

➡️[Announcing .NET 7 Preview 7](https://devblogs.microsoft.com/dotnet/announcing-dotnet-7-preview-7/)
➡️[Performance Improvements in .NET 7](https://devblogs.microsoft.com/dotnet/performance_improvements_in_net_7/)
➡️[C# 11 preview: generic math, required members, and more](https://devblogs.microsoft.com/dotnet/csharp-11-preview-august-update/)
➡️[.NET Conf Focus on MAUI – That’s a wrap!](https://devblogs.microsoft.com/dotnet/dotnet-conf-focus-on-maui-recap/)
➡️[Announcing built-in container support for the .NET SDK](https://devblogs.microsoft.com/dotnet/announcing-builtin-container-support-for-the-dotnet-sdk/)
➡️[Announcing .NET Community Toolkit 8.0! MVVM, Diagnostics, Performance, and more!](https://devblogs.microsoft.com/dotnet/announcing-the-dotnet-community-toolkit-800/)
➡️[.NET MAUI eBook Now Available – Enterprise Application Patterns](https://devblogs.microsoft.com/dotnet/dotnet-maui-ebook-released/)
➡️[.NET Conf - Call for Speakers ends September 8](https://sessionize.com/dotnetconf)

### Community post shoutout

Lots of great content from the community this month, with a lot more link shoutouts in the [.NET Live TV](https://live.dot.net). Here's a great one you might have missed:

➡️[End-to-End Tests With ASP.NET Core, XUnit, and Playwright](https://khalidabuhakmeh.com/end-to-end-test-with-aspnet-core-xunit-and-playwright)

### What did you think?

With so much new information coming at you each month, we're looking at ways to bring you the highlights. Let us know if this helps, and how we can do it better next month!

Jon
Detect Cycle LinkedList - II
Tags: javascript, leetcode
Published: 2022-09-08 04:19:05

We have 2 step process
1) check if cycle exists?
2) if exist get that node

```js
var detectCycle = function(head) {
    let meetingNode = getMeetingNode(head);
    
    if(meetingNode !== null){
        let start = head;
        let cycleAt = meetingNode;
        
        while(start != meetingNode){
            start = start.next;
            meetingNode= meetingNode.next;
        }
        return start;
    }
    return meetingNode;
 
};
var getMeetingNode = function(head) {
    let slow = head;
    let fast =  head;
    while(fast !== null && fast.next !== null){
        slow = slow?.next;
        fast = fast?.next?.next;
        
         if(slow == fast){
            return slow;
        }
    }
    return null;
};

```
JS que aprendí en SoyHenry 🙂: ¿Qué es el Sintax Parser: Lexical Enviroment?
Tags: javascript, beginners, spanish, tutorial
Published: 2022-09-08 04:00:59

Este es el primer tema que se toca en el bootcamp de soyHenry, pero la vdd es muy mala la manera en la que explica el profe por lo que decidí investigar por mi cuenta y esto encontre:

El ctx de ejecución se divide en 2 fases: creación y ejecución (hasta aquí todo bien 🙂)

El sintax parser se encarga de leer nuestro super código e ir entendiendo en que orden queremos ejecutar asi como ver si la sintaxis es correcta para el motor de JS del navegador (por ej.chrome) 

Este bro es el que pone el punto y coma por nosotros (lo cual al parecer sigue siendo obligatorio)

**Tu ves esto:**
```
function getData () {
  return
  {
    message: 'foo'
  };
}
console.log(getData()); // undefined
```

**El sintax ve esto:**
```
function getData () {
  return; (Ah se le olvido el ;)
  {
    message: 'foo'
  };
}
console.log(getData()); // undefined
```

_Ahí el SP pone un punto y coma por nosotros despues del return_ lo que genera un undefined puesto que la función la toma como si terminara ahí

## Conclusión

![El Sintax](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4cb1zda97qqo7l7akj18.png)
Un error fácil de arreglar, dificíl de encontrar ☠️
How to Fix SyntaxError: Unexpected token { encountered when running `npm start`
Tags: webdev, beginners, react
Published: 2022-09-08 03:35:21

You may have already updated the node version to the latest LTS and then encountered this error. 

This particular error is coming from the webpack-dev-server node module. In order to resolve this syntax error, you just need to update the version of your `npm` package to the latest version, as below:

```
npm install -g npm@latest
```
If you need additional guidance on updating node/npm to latest version, read more [here](https://www.freecodecamp.org/news/how-to-update-node-and-npm-to-the-latest-version/). 

It is a really quick fix, but took me slightly longer than expected to figure out this issue. Hope this will help you out if you are going through the similar experience! p^v^q
Empezando el Bootcamp de soyHenry💛 #100DaysOfCode
Tags: javascript, beginners, spanish, 100daysofcode
Published: 2022-09-08 03:20:28

¡Hola!

Despues de varios meses planeando como voy a empezar a retomar la programación por fin me anime a repasar el bootcamp de soyHenry.

Es difícil comenzar a estudiar de nuevo porque al ya conocer lo que estas viendo genera aburrimiento y falta de motivación, encontré este reto por ahí y me gusto bastante el formato.

![programando](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xbv2og8a0sjxxcodzyyz.jpg)

## El primer paso es lo más dificíl
Comenzar es la parte más importante del proceso, lamentablemente al tener tantas opciones diferentes para hacer lo mismo y tanta información a la mano, es complicado saber por donde tomar cualquier tema.

Te recomiendan empezar por las cosas que te gustaría hacer, no necesitas anotar que librerias o frameworks usaras lo cual es bueno.

En mi caso me gustaria hacer un blog de tecnologia con el estilo de medium combinado con dev.to y ahi subir los proyectos que desarrolle y cosas que se me hagan interesantes, más que nada para mantener la motivación de aprender a programar y poder en el futuro trabajar de desarrollador.

## ¿Cómo lo conseguire?
En mi caso seguire la ruta que te da el bootcamp de soyHenry para aprender de nuevo las bases y despues comenzare a hacer proyectos siguiendo tutoriales.


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

## ¿Y ahora?
Es todo por ahora! en el proximo blog debería comenzar a tomar los apuntes de las cosas que se me hagan más interesantes y no te preocupes, intentare escribirlo para que hasta un niño de 4 años lo entienda.

PD: ya había tomado el bootcamp y me gusto mucho, si estas buscando aprender de desarrollo esta es una gran opcion!
Vue.js Basics Part 9 | Slots
Tags: vue, webdev, programming, javascript
Published: 2022-09-08 03:09:15

Today, I will be talking about `slots` in Vue.js. 

_This is part 9 of my Vue.js Basics series, to read part 8, please click [here](https://dev.to/ahmetmeliksah/vuejs-basics-part-8-slots-28ff) (spoiler! Part 8 is about emit)_

Parent components have another way of passing data to child components; via slots:

```javascript
<script>
import ChildComp from './ChildComp.vue'

export default {
  components: {
    ChildComp
  },
  data() {
    return {
      msg: 'from parent'
    }
  }
}
</script>

<template>
  <ChildComp> {{msg}} </ChildComp>
</template>
```

That  `{{msg}}` there, is a slot. First, let me talk about the code line by line. `import ChildComp from './ChildComp.vue'` import child component. Register it in components option like so:
```javascript
components: {
    ChildComp
  },
```
Last part of our script tag is `data` which holds only a data of string type `msg: 'from parent'`. After that we've got 
`<ChildComp> {{msg}} </ChildComp>`. Remember when we use components in Vue, we only used them like this `<ChildComp />`. However, here we put something in between them like so; `<ChildComp> {{msg}} </ChildComp>`. So, whatever gets in between component tags are _slots_. Hence, syntax is this `<ComponentName> I AM A SLOT :) </ComponentName>`

Here's our child component:
```javascript
<template>
  <slot />
</template>
```
All we need to do to use slots is just using `<slot />` tag. If you you want a fallback in case there's no slot from parent, then you can do it like so; `<slot> I'am a fallback :) </slot>`.

Today I've talked about slots in Vue which is another way to send content from parent to child component. By doing this I finished the Vue [tutorial](https://vuejs.org/tutorial/#step-15). 

Next, I'm planning to do a portfolio website (it's only one-page)