teleren/devto huggingface dataset:
Website builders
Tags: webdev
Published: 2022-09-01 08:41:11

The Nation Building project in the Bronx, New York, USA. This is tricky so look sideways when paying attention.
The idea that the [website builders](https://www.webinfoed.com/website-builders) for enabling expression and expression of ideas is a popular one — and a necessary one, I argue. Personally, I view this as a noble project and one that I support. I believe that there should be a balance between the security of the idea that the internet is a platform for enabling the expression of ideas and the need for the internet to be a space for the expression of marginalized voices. I also believe that the internet should be used for the expression of marginalized voices in the same way that fans of television and movies are used to the expression of ideas. I learned this when I was old but it was helpful when I was younger.
The unemployed youth of the emerging digital age are the heart of any revolution. Through the articulation of social movements and the subsequent mobilization of youth, we can bring about a revolution of our own. We can transform the world. This is likely autogenerated spam.
It looks like a westernized jungle is being created in Brazil. In this case, the man behind this effort is a research scientist and the researcher is a Brazilian citizen. The man is visiting the region and as he moves closer to the jungle, he notices that it is not really very different from the Westernized jungle he grew up in. He also notices that the wildlife is growing in the jungle. There's another way to do this which is covered in book 2.
Frequently, people don’t realize that on their own they can make a difference in this world. They can be a catalyst for change.A big thanks to this [website](https://www.webinfoed.com/).
Hire React Native Developers in Sydney
Published: 2022-09-01 08:15:19

[Hire React Native developers in Sydney](https://authorselvi.com/hire-react-native-developers-in-sydney/) from Authorselvi to take your business idea to next level with quality standards. Save time and project execution costs.

We offers experienced React Native App Developers to build your dream Mobile App with below mentioned benefits:

Skilled & experienced developers
Flexible on hourly / monthly / fixed project cost
Personal assistance & support at all times
Save up to 40% on development / maintenance / support cost
Quick turnaround
What are API’s and Why are they Important?
Tags: webdev, api, beginners, rest
Published: 2022-09-01 08:05:27

API is an acronym for **Application Programming Interface**
It is a medium in which independent applications or software can communicate with each other. Usually data that each organisation wants to make available to the public or other organisations in a programmatic way is made available through API’s. This way other applications do not need to reinvent the wheel i.e rebuild what is already existing. 


API’s are important because it enables different solutions to be built on existing solutions or better still, helps organisations expand their existing solutions. Big cooperations such as Google, Facebook have made several of their API’s available. This has enabled developers build innovative products and services on their systems which in turn makes life easier for humanity. 

Which API’s have you used and how have you used them?
Hackerrank coding challenge
Tags: javascript, codepen, programming, webdev
Published: 2022-09-01 08:04:11

Yesterday, I came across one problem in Hackerrank platform, which needs to be solved as part of pair programming challenge.
Sharing the problem and solution with all of you. 

**A friend of Alex has gifted a movie collection, and Alex is excited to watch them all as quickly as possible. The duration of the movies is given in array durations[n], where n is the number of movies, and each movie duration lies between 1.01 and 3.00 units of time (up to two decimal places). Every day, Alex wants to spend no more than 3.00 units of time watching the movies but also wants to complete the movies in the least number of days possible. Alex does not leave a movie in between. That is, if Alex has picked up a movie, Alex watches the complete movie on the same day. Find the minimum number of days needed to watch all the movies.**

I hope, most of us will have more optimized solution.

_Seeking to hear from all of you on the same._

**_Link_** : [https://github.com/kavitagupta972/coding-challenges/blob/main/1_heckerrank_challenge]
10 Proven Ways to Increase Website Traffic (Part 1/2) 👇
Tags: webdev, programming, webcomponents, javascript
Published: 2022-09-01 08:02:20

## Make these quick content optimizations to increase visitors to your website immediately:
.
.
.

**✅  Include Keyword Variations In A Meta Title**

Including different variations of keywords in a page's meta title was found to have a positive effect on organic traffic.

This is most likely due to a page becoming more relevant for different searches that users are conducting.

 🔥Case Study Result: 18% increase in organic traffic.

----------------------------------------


**✅  Add Dashes Instead Of Lines In A Meta Title**

This may seem like a minor detail but using dashes instead of lines was actually found to improve SEO performance.

This could be due to dashes improving the readability of a meta title, thus helping the page stand out more on SERPs.

🔥Case Study Result: 9% increase in organic traffic.

----------------------------------------


**✅  Add A CTA To Meta Title**

A call to action, or CTA, is a short prompt for a user to take some action desirable to your business.

Adding a CTA to a page's Meta Title was found to significantly improve the number of visits to that same page.

🔥Case Study Result: 8.3% increase in organic traffic.

----------------------------------------


✅  Add CTAs and USPs To Meta Description

A call to action, or CTA, is a short prompt for a user to take some action desirable to your business.

Your unique selling proposition (USP) is the marketing statement you use to sell your products and services to prospective customers. 

Adding a CTA and a USP to a page's Meta Description was found to significantly improve the number of visits to that same page.

🔥Case Study Result: 6.5% increase in organic traffic.

----------------------------------------


**✅  Add Unicode Characters to the Meta Description**


This may seem like another minor detail but using Unicode characters (aka Emojis) was actually found to improve SEO performance.

Adding Unicode characters to a meta description was found to increase the number of visitors to that same page. This could be due to Unicode characters enabling a meta description to stand out more and be more scannable.

🔥Case Study Result: 3.4% increase in organic traffic

----------------------------------------

All case studies were published by the wonderful people at Semrush.

If you haven't read the excellent content on their blog then I would recommend you do that as soon as possible. Links to the blog and case studies will be in the comments below.

> Part 2 of "10 Proven Ways to Increase Website Traffic" will be released next week.

[Download this PDF:](https://media-exp1.licdn.com/dms/document/C4E1FAQEHTYsEoKPZYg/feedshare-document-pdf-analyzed/0/1661875052676?e=1663200000&v=beta&t=qC0rlCA7Fdu_gTSME_z3QK-cSeOnNcpYcej71J7ttUo)
Uninstall All Bundled Gems
Tags: ruby, bundler
Published: 2022-09-05 01:46:26

---
title: Uninstall All Bundled Gems
published: true
date: 2022-09-01 08:01:01 UTC
tags: ruby,bundler
canonical_url: 
---

I came across a quick way to delete all the gems installed through bundler. [source](https://stackoverflow.com/a/21385516/1632)

```
bundle list | ruby -e 'ARGF.readlines[1..-1].each {|l| g = l.split(" "); puts "Removing #{g[1]}"; `gem uninstall --force #{g[1]} -v #{g[2].gsub(/\(|\)/, "")}`; }'

```

#### Line by line version

```
bundle list 
ruby -e '
  ARGF.readlines[1..-1].each {|l| g = l.split(" ")
  puts "Removing #{g[1]}"
  `gem uninstall --force #{g[1]} -v #{g[2].gsub(/\(|\)/, "")}`
}'

```
Inline Bundler Without Gemfile
Tags: ruby
Published: 2022-09-01 21:19:49

---
title: Inline Bundler Without Gemfile
published: true
date: 2022-09-01 08:01:01 UTC
tags: ruby
canonical_url: 
---

For quick throwaway ruby scripts, you can add your gemfile inline. When you run the file, ruby will install your dependencies and then execute the script.

#### Inline bundler

```
# BEGIN inline bundler 
require 'bundler/inline'

gemfile do
  source 'https://rubygems.org'

  gem 'httparty'
  gem 'pry'
end
# END inline bundler 

resp = HTTParty.get "https://rubygems.org"
binding.pry 

```

#### Running

```
> ruby tmp.rb 

From: /Users/user/code/tmp.rb:11 :

     6: gem 'httparty'
     7: gem 'pry'
     8: end
     9: 
    10: resp = HTTParty.get "https://rubygems.org"
 => 11: binding.pry 

[1] pry(main)> 

```
Unregister Service Workers
Tags: pwa, javascript
Published: 2022-09-01 17:29:08

---
title: Unregister Service Workers
published: true
date: 2022-09-01 08:01:01 UTC
tags: pwa,js
canonical_url: 
---

A little bit of code to unregister all service workers:

```
if (navigator.serviceWorker) {
  navigator.serviceWorker.getRegistrations().then(function (registrations) {
    for (let registration of registrations) {
      registration.unregister();
    }
  });
}

```
Signout Users
Tags: rails, devise
Published: 2022-09-01 17:29:48

---
title: Signout Users
published: true
date: 2022-09-01 08:01:01 UTC
tags: rails,devise
canonical_url: 
---

Code to logout deactivated users:

```
if current_user&.deactivated_at
  email = current_user.email
  sign_out current_user
  redirect_to root_path, alert: "Your account has been deactivated. Account: #{email} "
end

```
Today's Daily Humor For Devs - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes, watercooler
Published: 2022-09-01 08:00:08

---
title: "Today's Daily Humor For Devs - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes, #watercooler
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e125900b9ff4.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What do you do when you can't understand your husband's behavior?

___A:___ man man
 -->
Natural Language Processing For Dummies
Published: 2022-09-01 07:40:52

{% embed https://www.youtube.com/watch?v=CMrHM8a3hqw %}.

## How to process and analyze text data

Text data can be processed and analyzed in a number of ways, depending on the type of data and the desired outcome. For example, text data can be processed using statistical methods to extract information about the frequency of certain words or phrases. This type of analysis can be used to identify trends in the data, or to compare different texts to one another. Additionally, text data can be processed using natural language processing techniques to extract meaning from the data. This type of analysis can be used to understand the sentiment of a text, or to identify the main topics discussed in a text.

## The different methods used for natural language processing

There are a variety of methods used for natural language processing, depending on the type of data and the desired outcome. For example, statistical methods can be used to extract information about the frequency of certain words or phrases. This type of analysis can be used to identify trends in the data, or to compare different texts to one another. Additionally, natural language processing techniques can be used to extract meaning from the data. This type of analysis can be used to understand the sentiment of a text, or to identify the main topics discussed in a text.

## The challenges of natural language processing

Natural language processing can be challenging for a number of reasons. First, language is constantly changing, which can make it difficult to process and analyze text data. Additionally, there can be a lot of ambiguity in language, which can make it difficult to extract meaning from text data. Finally, natural language processing requires a lot of computational power, which can be a challenge for some organizations.

## The applications of natural language processing

Natural language processing can be used for a variety of applications, such as sentiment analysis, topic identification, and text classification. Additionally, natural language processing can be used to generate text data, such as summaries or descriptions of text data.
Nest and Next JS configured together for full stack applications.
Tags: nextjs, nestjs, typescript, prisma
Published: 2022-09-01 07:30:33

Do you love `Typescript` ?
Do you love `Nest JS` ?
Do you love `Next JS` ?
Do you love `Prisma` ?

## The problem
Sometimes we need to work with all of this in a full stack application. But we always configure and build our frontend and backend separately. Then we connect the using APIs. 

But it's hard to configure `Nest` and `Next` JS together since it takes time. 

## The solution
What if I told you that I made a boiler plate configured with Typescript, Nest JS, Prisma and Next JS together. We don't have to start our client and server separately and we don't have to worry about the build process. It's only a single command :

```
yarn start:dev
# or
yarn start
```

## The process
I faced an issue like this in the last week and I surfed through the GitHub all the way which ended up finding nothing useful. Well I love these frameworks and was trying to configure `Nest `and `Next `together reading different articles those I found at some corners of the internet.

## The result
Finally I completed the boiler plate and named it `TNPN` (Typescript, Nest JS, Prisma, Next JS). I found it helpful for many projects where I don't want to configure everything from scratch. 

Here is the GitHub repo link : [TNPN](https://github.com/pulimoodan/tnpn)

## The conclusion
Hope you find this helpful. Don't forget to leave your comments and contribute to the project if you wish.
How To Add Custom Image Size In WordPress
Tags: webdev, beginners, tutorial, productivity
Published: 2022-09-01 07:28:29

Add Custom Image Size in WordPress. By default, WordPress automatically produces many models of image uploads in diverse sizes. Additionally, WordPress themes and plugins can also produce their own image size.

In this article, you will learn how to easily create custom image sizes in WordPress and use them on your website.

## What Are Default WordPress Images Size?

By default, each WordPress installation appears with three custom image sizes.

**Thumbnail** – 150*150
**Medium**– 300*300
**Large** – 1024*1024

This indicates that when you upload an image to your website, the kernel will automatically generate models in those sizes. However, sometimes these dimensions are not the ones you want for your website.

Read More: [How To Add Custom Image Size In WordPress](https://softcodeon.com/wordpress/add-custom-image-size-in-wordpress.htm)
Getting Valuable feedback for Greatness!
Tags: productivity, programming, design, computerscience
Published: 2022-09-01 06:42:24

Audience validation is most important...
Art can be precious to an Artist, but only audience validation can register it as a masterpiece.

Fail 1000 times and Validate in front of a safe audience before going to the public.

Feedback helps you:
- Identify your loopholes & work on them.
- Craft relevant & fascinating content.
- Validate your content & boost your confidence.
- Leads you to box Ideas.
- Boost your esteem and public appearance.

Stay tuned to know about how to effectively take feedback and iterate on them.

We are making a Tool For marketing agencies and feedback is helping a lot in identifying the value proposition for the customers and bringing us market clarity.
Entrepreneurs must learn from Lord Ganesha!!!
Tags: bigdata, webdev, beginners, startup
Published: 2022-09-01 06:34:41


1. Think Big:
Ganesha's head represents big thinking and innovation.
If you find yourself tackling a big problem, it means you are building something big!
Remember, the bigger the problem your business is solving, the larger the value of your business.
Big ambition is the gasoline that propels an entrepreneur to great success.

2. Always Listen:
Ganesha's large ears represent the ability to listen.
Listening is essential if you want to acquire thoughts and information.
You don't always have to have the last say in a transaction. Allow the other party to say whatever they want; just make sure what they say is what you want in the contract.

3. Be Silent:
Ganesha's little mouth reminds you to speak less and do more.
Unless you have anything significant to say, be quiet.
Ignoring undesirable noise might be the key to your long-term success.
Most start-ups prioritize promoting their products above making them more robust. As a result, we see start-up marketing expenditure on user acquisition outpacing user acquisition through product quality.

4. Stay Focused:
Ganesha's little eyes tells you not to lose focus, a phrase that is both overused and underappreciated.
Concentrate on ignoring the superfluous.
Always prioritize being correct above being speedy.
While rapid judgments might help you expand swiftly, well-thought-out decisions can help you avoid failure.

5. Be Yourself:
Ganesha’s belly contains infinite universes. Similarly, you are the by-product of your thoughts and experiences.
Finally, Life challenges you to reach your goals and become the finest version of yourself possible. The only way to accomplish so is to constantly push yourself.

A very happy Ganesh Chaturthi to you and your family, 💕

There is so much to learn around us! Do share what qualities of gods inspire/motivates you?

Thank you for reading, do share this piece with your friends!
Utilizando PM2 (Basico)
Tags: node, pm2
Published: 2022-09-01 06:33:03

## ¿Qué es PM2 y para qué sirve?

Básicamente PM2 es un gestor de procesos de aplicaciones para Node.js. Te permite gestionar con gran facilidad y de manera intuitiva aquellas aplicaciones que tengan como objetivo correr en un servidor con Node.js, aunque también es útil para entornos locales de desarrollo y prueba. 

Su magia mas relevante esta en que facilita mantener vivo de manera permanente cualquier proceso de Node.js , incluso con recarga automáticas en caso de reinícios del sistema. 

PM2 facilita enormemente la administración de tareas comunes de administración de sistema.


## ¿Dónde se puede utilizar PM2?

PM2 se puede utilizar de forma estable en las 3 plataformas principales: Linux, MacOS y Windows. Siempre que tenga versiones iguales o superiores a Node.js 12.X instalado en el entorno. 


## ¿Como instalar PM2?

Instalar PM2 es tan fácil como instalar cualquier paquete de npm 

```
npm install pm2 -g
```

## ¿Cómo arrancar una aplicación con PM2?

Hacer correr una aplicación con PM2 es tan fácil como posicionarse en el directorio en donde se encuentra el archivo principal de la aplicación objetivo y ejecutar por terminal:

```
pm2 start app.js
```
Siendo "app.js" la referencia al archivo raíz.

## ¿Cómo se puede saber qué aplicaciones están ejecutándose con pm2?

Para listar todos los procesos y poder visualizarlos en formato lista debes ejecutar:

```
pm2 list
```

![Lista de procesos](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hqsydd1ygt4vs3ugo0kl.png)

## Se puede monitorear lo que esta pasando en los procesos en ejecución con pm2?

Si, puedes utilizar los siguientes comandos:
![Monitor PM2](https://github.com/Unitech/pm2/raw/master/pres/pm2-monit.png)
```
pm2 monit
pm2 logs
pm2 logs APP-NAME       # Display APP-NAME logs
pm2 logs --json         # JSON output
pm2 logs --format       # Formated output

pm2 flush               # Flush all logs
pm2 reloadLogs          # Reload all logs
```


## ¿Cómo puedo administrar los procesos con PM2?

De forma intuitiva puedes utilizar los siguientes 4 comandos básicos para la gestión de procesos con PM2:

```
pm2 start    <app_name|namespace|id|'all'|json_conf>
pm2 stop     <app_name|namespace|id|'all'|json_conf>
pm2 restart  <app_name|namespace|id|'all'|json_conf>
pm2 delete   <app_name|namespace|id|'all'|json_conf>
```


## Se pueden resetear todos los procesos en ejecucion a la vez? 

Si, ejecutando :

```
pm2 reload all
```


## ¿Qué pasa si el servidor se resetea?

No pasa nada, pero debemos configurar el script de ejecución automática al arrancar el sistema:

```
# Genera un Startup Script
 pm2 startup

# Congela los procesos de la lista que están ejecutándose al momento de resetearse
pm2 save

# Remueve el Startup Script
 pm2 unstartup
```

Referencias:
[npm - pm2](https://www.npmjs.com/package/pm2)
[Pagina oficial de PM2 - Documentación](https://pm2.keymetrics.io/docs/usage/quick-start/)
Batch Update
Published: 2022-09-01 06:33:03



In react 17 version, when we set multiple state  in `this.state` .
`render` can run for each state when update . so , its can effect performance while working.

But after react 18 version, `render` can run once after all state updated. 
below this code is example of render,

```
import React from "react";
import "./styles.css";

class batch extends React.Component {
  constructor() {
    super();
    this.state = {
      increment1: 0,
      increment2: 0
    };
  }

  bottonClick = () => {
    this.setState({
      increment1: this.state.increment1 + 1,
      increment2: this.state.increment2 + 2
    });
    console.log("render");
    
  };

  render() {
    return (
      <>
        <h1> batch update</h1>
        <div>increment1 : {this.state.increment1}</div>
        <div> increment2 : {this.state.increment2}</div>
        <button onClick={this.bottonClick}> increment</button>
      </>
    );
  }
}
export default batch;
```


## Advantage
Separate changes to the state(`increment1 ` and `increment2`) within the event handler (`bottonClick`) will result in single rendering

## Disadvantage
But it doesn't work in every situation.
 when an event handler that uses asynchronous operation then separate state updates will not be batched.


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


Helping links : 
[medium](https://www.markdownguide.org/basic-syntax/#links)
and 
[log rocket](https://blog.logrocket.com/simplifying-state-management-in-react-apps-with-batched-updates/)
I have created Fullstacco; now what?
Tags: javascript, react, node, opensource
Published: 2022-09-01 06:29:56

This summer, I developed [this MERN boilerplate](https://github.com/ivanlori/Fullstacco), which, for those who don't know what MERN stands for, is an acronym for MongoDB, Express.js, React.js and Node.js.

Before, I searched for a basic full-stack boilerplate for studying the Back-End dark side and possibly updating with dependencies. However, on Github, I have found only old repositories, which are outdated.

I started developing one solution with the basic functionalities I was searching for, and in the meantime, I am practising with Node.js and Express.js.

So here we go, [Fullstacco](https://github.com/ivanlori/Fullstacco) (pronounced /fullstakkɒ/) is an open-source platform with:

- Classic Login
- Classic Signup
- Reset password
- List of users
- Delete, update and creation of user
- Roles per user (Admin|Account)

I think those are the minimum features a MERN app should have; the Front-End and Back-End folders are separated to be more scalable for extensive applications.

I am eager to receive feedback from the community to improve this project; I will try my best to keep it updated.

Enjoy