teleren/devto huggingface dataset:
My first contribution to open source
Tags: rails, webdev, beginners, opensource
Published: 2022-05-23 15:43:02

I contributed to my first open source project recently, and I figured I would share my experience. It was for the website [railsdevs](https://railsdevs.com), which is a job board for Ruby on Rails developers. I love the idea of this site. It is set up so the businesses reach out to developers, instead of the other way around, like it usually is. Anways, The code I contributed sends out a welcome email when a new user creates their developer profile. This was such an awesome experience because I learned how to:
1. Work with/communicate with another developer 
2. Follow directions 
3. Run a linter/formatter before commiting my code 
4. How to make a pull request
5. Refactor my code with requested changes and request another PR review

This is good real world experience. I am still looking for my first dev job and I am hoping that open source contributions will help me get a job. Especially since I can't afford to get a degree or go to a bootcamp.

Making my first contribution feels good and really boosted my confidence! It's so cool knowing that I added a feature to a site that many will use, everyday. I can't wait to contribute to more projects and give back to the community! If you are looking for your first contribution(and you're a rails dev) railsdevs is a good place to start. Joe has made it very easy to contribute, he's good to work with, and there are some good first issues in there. Check out the repo [here](https://github.com/joemasilotti/railsdevs.com) and go forth and contribute! It's intimidating making your first PR, but afterwards it's very rewarding. You will be hungry for more! Also remember, your first contribution doesn't have to be code. If you find a project with poor docs or no docs, you can make the docs or make them better. Anyway that you can contribute matters/helps. Let this be your inspiration to make your first contribution!
JAVASCRIPT - FUNCTION
Published: 2022-05-23 15:41:33

Hola Devs

En esta publicación, aprenderás sobre las funciónes en Javascript.

Una función es un bloque de código que realiza una tarea en especifica.

Dividir un problema en partes mas pequeñas, será tu mejor opción y así haces el programa más fácil de entender y reutilizable.

Javascript también tiene una gran cantidad de funciones incorporadas, por ejemplo: Math.round(), es una función que 
retorna el valor de un número redondeado al entero más cercano.

## SINTAXIS

La sintaxis para declarar una función es:

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

## LLAMADA A UNA FUNCIÓN

Para poder llamar a la función:

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

## PARAMETROS DE UNA FUNCIÓN

Un parámetro es un valor que se pasa al declarar una función.

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

## RETORNAR UN VALOR DE UNA FUNCIÓN

Para retornar un valor en la función debemos utilizar "return".

Recuerda que cualquier código declarado después del return no se ejecutará.

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

## BENEFICIOS

- La función hace que el código sea reutilizable.
- Dividir el código en partes pequeñas te hará la vida mas fácil, ya que aumenta la legibilidad.
- En ES2015 nacieron las arrow function, conocidas también como funciones de flecha, échale una mirada.
How to host your web applications on github pages
Tags: webdev, github, beginners, tutorial
Published: 2022-05-23 15:40:55

Github provides a free hosting service to help your websites go live online. It is called Github Pages. Github Pages builds a static website from the HTML, CSS and Javascript files in your repository. Let's see how.

(For the purpose of this tutorial, we'll assume you already know how to create a repo and add files to it.)

**Step 1:**
Go to your repo, click on 'Settings' 

![Settings Option](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5b1y86l9mgpyj50uoqo.png)

**Step 2:**
Click on 'Pages' in the left sidebar

![Pages Option](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e98bbwkk8fnweycmadlg.png)

**Step 3:**
Under the 'Source', click on 'None'.

![None Option](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kexesu7atse4iszrxqn2.png)

**Step 4:**
From the dropdown menu, choose your main branch and click Save.

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

**Step 5:**
That's it! Now your site is ready to be published. Wait a couple of minutes for your site to be live on the given link!
![Published](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yllaij4vh3seaz1nc0u4.png)

If you want to host a web application or your personal portfolio on yourusername.github.io, create a repo with the name 'yourusername.github.io' and follow the above steps.

**Pro Tip:**
If you want to host your custom domain on github, first enter your domain name in the 'Custom Domain' field and hit 'Save'. Then point the A record of your domain to the following ip addresses:

```
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
```

Let me know in the comments if you found it helpful!
What makes developing in Ruby on Rails so fast?
Published: 2022-05-23 15:32:02

**Battery-included framework**
Ruby on Rails  is actually a complete framework many out-of-the-box tools easily available. It comes together with numerous scripts referred to as generators. [Ruby course](https://www.igmguru.com/digital-marketing-programming/ruby-on-rails-certification-training/)  generate anything that is essential to start out taking care of a new particular task.

**Conversion over Configuration**
Ruby on Rails normally takes an opinionated tactic, which means that operates on typically the assumption there can be the best approach of making factors. Its Convention above Configuration paradigm lessens the number involving decisions a developer  is required to be able to make by supplying conventions for controlling asset management, course-plotting, stateful data, together with more. Basically, it gives you the baseline functionality for most web applications.

**Layered structure**
Ruby on Rails is based on the Model-View-Controller (MVC) architecture that separates an app’s logic (located in models) from the routing and presentation of application information. Such a concept is not limited to Ruby on Rails, though. It is also used by Django, ReactJS, AngularFS, and other frameworks. The MCV connects the frontend and the backend. It consists of a:

•	Model: it handles everything related to the database,
•	View: it deals with what users can see in the app,
•	Controller: it deals with the requests made by users and returns a result, and talks to the database.

Thanks to the MVC, developers don’t need to make decisions on how to organize the code (at least at the early stage of the product), which saves time and makes assembling an MVP more efficient.

**Gems**
Gems are third-party components, ready to download and use for your project. Does your app require registration and authentication? You can set it up with a Devise gem. Data Visualization? RailRoady, Rails Erd, or Ruby/GraphViz are there for you. Database Tools? Database Cleaner is a set of strategies for cleaning your database in Ruby, while PgHero makes Postgres insights easy. There are plenty of gems that support popular frontend frameworks, such as Angular, Vue.js, React.js, and CSS tools. It’s safe to say that there is a gem for everything, and they save developers tons of time.

Learn more : https://en.wikipedia.org/wiki/Ruby_on_Rails
Functions
Published: 2022-05-23 13:56:19

Functions allow us to wrap and reuse parts of our code. Allows us to control the flow of execution. We get to control when, where, and why our code runs. 

A function is an object that contains a sequence of JavaScript statements. We can execute or call it multiple times.

call, invoke, or execute functions means to run the pieces that make it.

using **function declaration** using the function keyword:

- Need 2 main pieces: () and {}

- can invoke function before and after it's been defined.

using a **variable** with function expression: 

- can only be called after the function declaration.

- return ends our function

- not hoisted

if we don't specify the return value, end up getting undefined. if we do specify the return value, we get that value.

() is the invocation operator. It invokes the function.

the function call can actually come before the function declaration in the code file, due to hoisting. But it needs to exist somewhere; if you try to call a function that hasn't been declared somewhere in the code, you'll get an error.

## Hoisting

JavaScript's ability to call functions before they appear in the code is called hoisting. For hoisting to work, the function must be defined using a function declaration.

## Arrow Functions
Created with an arrow and using an assignment operator
cannot be hoisted

when there are no braces, arrow functions have an implicit return, i.e., they automatically return the result of the last expression! This is the only situation in which a JavaScript function doesn't require explicit return with the return keyword.

## Callback Functions
- when functions are passed as an argument to a function
functions are objects
- is not invoked immediately

## Anonymous Functions
- functions functions without an identifier or a name
Helpful Css Helpers
Tags: css, html, design, helpers
Published: 2022-05-23 15:28:06

Here's a list of what I usually use when developing a website. Hope it helps 🎉

1. [Layout It](https://grid.layoutit.com)
2. [CSS Layout](https://csslayout.io) ✨
3. [Pure CSS](https://purecss.io)
4. [Griddy](https://griddy.io)
5. [Loading IO](https://loading.io)
6. [CSSGR.ID](https://cssgr.id)
7. [Buttons](https://css-buttons.web.app/)
Setup virtual host ubuntu nginx
Tags: virtualhost, nginx, ubuntu
Published: 2022-05-23 15:12:05

## First, create the conf file at 
```
\etc\nginx\sites-available
```
and then fill the content, ex: 
``` 
# Upstream to abstract backend connection(s) for php

server {
        ## Your website name goes here.
        server_name project.local;
        ## Your only path reference.
        root /var/www/project;
        ## This should be in your http block and if it is, it's not needed here.
        index index.php;
        location = /favicon.ico {
                log_not_found off;
                access_log off;
        }
        location = /robots.txt {
                allow all;
                log_not_found off;
                access_log off;
        }
        location / {
                # This is cool because no php is touched for static content.
                # include the "?$args" part so non-default permalinks doesn't break when using query string
                try_files $uri $uri/ /index.php?$args;
        }
        location ~ \.php$ {
                #NOTE: You should have "cgi.fix_pathinfo = 0;" in php.ini
                include fastcgi.conf;
                fastcgi_intercept_errors on;
                fastcgi_pass php;
        }
        location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
                expires max;
                log_not_found off;
        }
}
```
after that run the symlink 

```
sudo ln -s /etc/nginx/sites-available/project /etc/nginx/sites-enabled/project
```

## Second, add the hostname to 

```
\etc\hosts
```

```
127.0.0.1	localhost
127.0.1.1	dicky54putra-X441UA

127.0.0.1	project.local

# The following lines are desirable for IPv6 capable hosts
::1     ip6-localhost ip6-loopback
fe00::0 ip6-localnet
ff00::0 ip6-mcastprefix
ff02::1 ip6-allnodes
ff02::2 ip6-allrouters
# Added by Docker Desktop
# To allow the same kube context to work on the host and the container:
127.0.0.1	kubernetes.docker.internal
# End of section

```

## Restart the nginx

```
sudo service nginx restart
```

### Finally, the virtual host can be use and finished
Safeway | Made with Angular JS
Published: 2022-05-23 14:50:47

![Safeway | Made with Javascript | Angular JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1652802883/large_safeway_made_with_angular_js_83f3292692.png "Safeway | Made with Javascript | Angular JS")


### Online Grocery Delivery

> Thinking of grocery delivery? Shop at Safeway online store and get grocery delivered to your doorstep. Use Safeway for U rewards & coupons to save money on grocery.
> 
> 

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Safeway on Twitter](https://twitter.com/withjavascript/status/1528748898474512387?s=20&t=p2x5Km68ukAqeMNu8K16qQ)
 |
| Medium | [Safeway on Medium](https://medium.com/@madewithjavascript/safeway-made-with-angular-js-9425fde6e953)
 |
| Facebook | [Safeway on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid0yignS5ZC1nsACiaXBWRz6C6A2muTeRFCzDeC1DYdNawmNjLK8qUZ5GjUwN2JK6Qml)
 |
| Tumblr | [Safeway on Tumblr](https://madewithjavascript.tumblr.com/post/685052828721512449/safeway-made-with-angular-js-online-grocery)
 |
| LinkedIn | [Safeway on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6934514914858262528)
 |


Filled Under:

 - [Made with Javascript](https://madewithjavascript.club)    
 - [Made with Angular JS](https://madewithjavascript.club/categories/angular-js)

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
Software for SEO
Tags: fullstack, python, webdev, react
Published: 2022-05-23 14:45:46

How to develop an online free tool for SEO backlink monitoring for more projects in one place using google search API.  I found a few tools online but not fully free. We have to monitor and download all the data date wise for future analysis. These data may include the number of URLs submitted, indexed, Rank, keyword position, and more.
If anyone knows the free tool exists reply in a comment for us. More SEO people like us ([PG Softwares](https://www.pgsoftwares.com)) is always searching for free tools
Apache2 Ubuntu Reverse Proxy not working.
Tags: ubuntu
Published: 2022-05-23 14:44:30

My Apache2 VirtualHost.conf

```<VirtualHost *:80>
        ProxyPreserveHost On
ProxyRequests On
        <Proxy *>
          Order allow,deny
          Allow from all
        </Proxy>
        ProxyPass / http://38.242.235.101:1025/
        ProxyPassReverse / http://38.242.235.101:1025/
        <Location />
          Order allow,deny
          Allow from all
        </Location>
        ServerName yt-scrape.harrystech.uk
RewriteEngine on
RewriteCond %{SERVER_NAME} =yt-scrape.harrystech.uk
RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]
</VirtualHost>```

My Apache2 Proxy.conf

```<IfModule mod_proxy.c>

ProxyRequests On

<Proxy *>
Order allow,deny
Allow from all
</Proxy>

ProxyVia On

</IfModule>```
Are there any IT guys here?
Tags: cloud, programming, devops, linux
Published: 2022-05-23 14:40:18

We're doing a little research on cloud technologies.
Please take 10 minutes to answer a few questions in the Google form. You will really help us: https://docs.google.com/forms/d/e/1FAIpQLSevpbULm5Om-5AUo8ASNivfSxcnM5CxaoPkSow8Ve1KTstcxw/viewform?usp=sf_link
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nrmgi6syagmx2c604ym3.gif)
How to build a REST API using Low-code
Tags: lowcode, api, programming, tutorial
Published: 2022-05-23 14:39:09

This video shows how to build, publish and host an API using [Linx](https://linx.software), a general-purpose low-code platform for backend development.


The video will show you how to 

- Quickly define and set up your API using our intuitive, drag-and-drop wizard.
- Configure a REST API in just a few clicks using the built-in operation creator. No definition coding is required.
- Host the solution

For more information, visit our website at https://linx.software
Lunes de música... ¿Qué estás escuchando? 🎵 (23-mayo)
Tags: music, spanish, discuss, lunes
Published: 2022-05-23 14:38:13

> **"El que escucha música siente que su soledad, de repente, se puebla."**
_Robert Browning_

La música es parte importante de la vida de la mayoría de las personas y una vida no basta para poder escuchar todas las canciones que quisiéramos o conocer a todos los artistas, solistas o bandas.

Últimamente mis gustos musicales han sido muy estáticos y siento que necesito abrir mis horizontes y poder conocer nueva música interesante. 

Este post es la quinta entrega de una serie semanal que lanzaré todos los lunes para que como comunidad podamos compartir y por qué no conocer nuevas melodías. 🎶

Puedes compartir tus sugerencias usando los *liquid tags* de Dev.to, por ejemplo:

* Para compartir un video desde youtube:
```js
{% youtube dQw4w9WgXcQ %} // dQw4w9WgXcQ es el id del video
```

* Para compartir una canción desde spotify:
```js
{% spotify https://open.spotify.com/track/7GBwTrOpTtsLdJN3Dc0U1C?si=ea737b51f47043b6 %} 
```

Mi sugerencia para esta semana es del flaco Luis Alberto Spinetta y su tema **Todas las hojas son del viento**.

{% spotify https://open.spotify.com/track/689lBKIELtWGHfsPWpR6rv?si=2f284c7e8edc4895 %} 

---

La versión original de este post esta escrito por mi amigo 
@michaeltharrington ve y salúdalo de mi parte con una canción 🎵

{% link https://dev.to/michaeltharrington/music-monday-what-are-you-listening-to-may-23-104p %}

Los respectivos créditos a él por ser tan buena onda. 

{% user michaeltharrington %}

Y dime, ¿qué estás escuchando ahora? Te leo en los comentarios.
AssemblyAI | Made with Next JS
Published: 2022-05-23 14:36:44

![AssemblyAI | Made with Javascript | Next JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1652801304/large_assembly_ai_made_with_next_js_be6b845416.png "AssemblyAI | Made with Javascript | Next JS")


### Speech-to-Text API | Automatic Speech Recognition

> Accurately convert speech to text with powerful AI models. Used by Fortune 500s, startups, and developers. Voted Best API of 2020, and funded by Y Combinator.
> 
> ### Speech-to-Text 
> 
> APIs to Transcribe and Understand Audio
> Automatically convert audio/video files and live audio streams to text with AssemblyAI’s Speech-to-Text APIs. Do more with Audio Intelligence - summarization, content moderation, topic detection, and more. Powered by cutting edge AI models.
> 
> Understand audio with cutting edge AI models
> Integrate with one simple API
> 
> #### Core Transcription
> Convert your audio/video files, and live audio streams, into text automatically with advanced AI models using our simple Speech-to-Text APIs.
> 
> #### Audio Intelligence
> Build powerful applications with features like Summarization, Entity Detection, Content Moderation, Sentiment Analysis, PII Redaction, and more.
> 
> #### Simple API
> Integrate AssemblyAI’s Speech-to-Text APIs into your application in minutes with a single API call and easy to follow API docs.

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [AssemblyAI on Twitter](https://twitter.com/withjavascript/status/1528745336050749442?s=20&t=RMvkuQm4_wNa_Bapz0Amxw)
 |
| Medium | [AssemblyAI on Medium](https://medium.com/@madewithjavascript/assemblyai-made-with-next-js-5b02cc1a2702)
 |
| Facebook | [AssemblyAI on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid02dhfzNJ4y5ryVLpVUmwKx4ypSEHvXHtspjWFRkdV52w8JUz8XWGHfZKCV4nxGqCjVl)
 |
| Tumblr | [AssemblyAI on Tumblr](https://madewithjavascript.tumblr.com/post/685051911934754816/assemblyai-made-with-next-js-speech-to-text)
 |
| LinkedIn | [AssemblyAI on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6934511448437993473)
 |

Filled Under:
 - [Made with Javascript](https://madewithjavascript.club)  
 - [Made with Next JS](https://madewithjavascript.club/categories/next-js)

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
Paracetamol.js💊| #123: Explica este código JavaScript
Tags: javascript, spanish, programming, webdev
Published: 2022-05-23 14:20:00

## **<center>Explica este código JavaScript</center>**
#### <center>**Dificultad:** <mark>Básico</mark></center>

```js
const x = (n) => Math.pow(n,2);
const y = (n) => n**2;

console.log(x(5));
console.log(y(5));
```

A. `5.2`, `5`
B. `25`, `25`
C. `10`, `SyntaxError`
D. `10`, `25`

Respuesta en el primer comentario.

---
Rate my landing page design and help me improve please!
Tags: webdev, discuss, css, showdev
Published: 2022-05-23 14:18:27

Hi there, Dev community. I mostly do backend stuff. But sometimes, for my own personal projects, I also need to design some front-end stuff. 
But I think I'm pretty much bad at designing stuff. That's why today, I'm asking your opinion about my ability to organize things.
If you think the design is good, please let me know. Otherwise, please advise how I can improve.
Thanks in advance, guys!
[Landing Page URL](https://apps.blogdesire.com/web-lock/)
Music Monday — What are you listening to? (May 23)
Tags: watercooler, discuss, music
Published: 2022-05-23 14:16:59

_cover image credits: [Jimmy Arca](https://giphy.com/gifs/mixtape-cassette-tape-YREUFsDSzwwjP7vbS8)_

In this weekly series, folks can chime in and drop links to whatever it is they've been listening to recently + browse others suggestions.

If you like talking about music, consider following the org [#music discussions](https://dev.to/music-discussions) for more conversations about music!

{% embed https://dev.to/music-discussions %}

Also noteworthy, my friend @duxtech has a Spanish speaking version of this series [here](https://dev.to/duxtech/series/17890) in case you'd like to chime in there as well. 🙌

***

So, what have y'all been listening to today? _Note: you can embed a link to your song on most platforms using the following syntax `{% embed https://... %}`._

I look forward to listening to y'all's suggestions! 👂 🎶