teleren/devto huggingface dataset:
Hello World!
Tags: beginners, go
Published: 2022-04-21 14:38:29

Well, its the most common sentence we write when learning something new or trying a new language. So, its my first blogpost on dev.to and I could not figure out a better approach. 

I am taking a time to learn Go programming language and for this long period I've had a lot of new point of views on how I could develop an application. As I am amused with this new stuffs I thought that I could practice coding and sharing, even that I have not that so clear idea on how things works under the hood, so this way I may keep motivated to write small and focused posts. 


So, which me lucky and hope you can read something form me really soon.
What's the difference between Front-end and Back-end development?
Tags: discuss, anonymous, explainlikeimfive, beginners
Published: 2022-04-21 14:33:54

_This is an anonymous post sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment or if you want to ask your own anonymous question._

***

I'm brand new to development and am trying to understand the difference between front-end and back-end development. 

I think I kinda understand that front-end is what the user sees and back-end is how the information is retrieved, but I imagine there's a bit more to it than that. I would really appreciate hearing others' thoughts and explanations on this.

Analogies and examples would be very welcomed! Thank you all very much. 🙏
WordPress SVG erlauben und verwenden
Tags: wordpress, bilder, functionsphp, svg
Published: 2022-04-21 12:10:32

---
title: WordPress SVG erlauben und verwenden
published: true
date: 2022-04-21 11:07:35 UTC
tags: WordPress,bilder,functionsphp,svg
canonical_url: https://bloggerpilot.com/svg-in-wordpress/
---

![SVG in WordPress aktivieren und verwenden](https://bloggerpilot.com/wp-content/uploads/2022/04/svg-in-wordpress.png)

SVG steht für Scalable Vector Graphics, ein Grafikdateiformat ähnlich wie PNG. SVG-Dateien stellen Bilder als Vektorgrafiken dar, d. h. als Formen, Linien und Winkel, und nicht als Bitmaps. Diese Eigenschaft macht sie ideal für die Verwendung im Internet, da sie ohne Qualitätsverlust skaliert werden können.

Programmieren kann zwar eine sehr komplexe Aufgabe sein, aber sie lohnt sich. Und die Programmiersprache "Ruby on Rails" ist eine der einfachsten Programmiersprachen, die man lernen kann. Ruby on Rails ist Open Source, das heißt, du kannst es kostenlos nutzen.

Der textbasierte Tag sollte aus einem oder mehreren Sätzen mit einem oder mehreren Schlüsselwörtern bestehen. Tags erweitern die Anzahl der Texte, die von den Suchmaschinen gefunden werden können, und sorgen so für mehr Traffic.

Zusammenfassend lässt sich sagen, dass SVG eine gute Option ist, vor allem für Grafiken, Muster und Symbole. Der Nachteil ist, dass SVG-Dateien in der Regel sehr groß sind und dass ältere Browser SVG nicht unterstützen. Die positive Seite ist, dass moderne Browser SVG unterstützen, so dass du die älteren Browser sowieso unterstützen müsstest. Ich würde dazu raten, beides zu verwenden, vielleicht SVG für Dinge wie Logos und Icons und PNG für Inhalte.

Der Original-Artikel erschien auf [WordPress SVG erlauben und verwenden](https://bloggerpilot.com/svg-in-wordpress/).
Build Live Streaming Apps Globally in 5 minutes
Tags: programming, productivity, mobile, serverless
Published: 2022-04-21 14:24:36

[SpeedyLive ](https://www.speedylive.live/)is a distributed network that runs live audio/video streaming service at the edge, worldwide. It's using the infra of AWS and Cloudflare and WSAM technology at edge nodes globally. If interested, please take a look.
Day 16: Final SASS touch-up
Tags: 100daysofcode, beginners, javascript, react
Published: 2022-04-21 14:00:01

*This post is a continuation of the previous post. For context, I'm making a Random Quote Machine for FreeCodeCamp projects. This is how I completed it.*

## Adding random colors 🌈

Before this, we have completed the fading function. Now, we want to change its color each time the new quote is shown. This part is kinda trivial, this would be left as an exercise to the reader.
![Random colors](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o5os0wvarctb18y0ip1n.gif)
I also applied the colors to `background-color` property of buttons and `body` element.

Now, it is time to do a few touch ups!

## Added Twitter Intent properly

If you have seen Tweet buttons on some website, they may use Twitter Web Intent.

It's a special Twitter URL that allow users to tweet some pre-defined content. The URL is placed as the `href` attribute in a button.

You can read more [here](https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/guides/web-intent).

After placing them inside the tweet button, it's time for the final touch ups!

## Finalizing the site

First, made the site neat with layout adjustments.

Then, added rounded corners to *all* buttons and the quote box.

I also took some fonts from [Google Fonts](https://fonts.google.com) (specifically, Akshar and Open Sans font).

And... we're done! How cool is that?
![Final Result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/au5wai2g2smjgx4l5f4m.gif)'
Now, to publish them onto [CodePen](https://codepen.io).

## Publishing!

CodePen only allows HTML codes that you normally put inside the `body` tag, so we need to set inline styles to them thru JavaScript:
```js
var body = document.body;
body.classList.add("same-color");

document.documentElement.style.setProperty("--trans-time", "0.5s");
```
Since we are not writing pure CSS or JavaScript, we need to set the preprocessors for each: Babel for JS, and SASS for CSS.

We also need to put our Google Fonts link into the `head` tag. Luckily, CodePen already have a special setting for that.

The most important thing here is importing React, ReactDOM and FontAwesome library into the site. This can be done by searching the necessary package in the setting.

And *now* we're done.
{% codepen https://codepen.io/Kemystra/pen/JjMzLGP %}

## Afterwords

Yay I finished it! I'm now one step closer towards becoming a front-end developer. For those who are struggling with bugs or any random stuff, keep going! Finishing a project will make you forget about that random bug at 3am, or that dependency hell you encounter, or heck anything. It felt blissful and reassuring.

Hope tomorrow would be better for you!

Fullo me on [Github](https://github.com/Kemystra)!
Also on [Twitter](https://twitter.com/kemystra)!
Are You new to the community
Tags: career, beginners, programming, tutorial
Published: 2022-04-21 13:57:32

**This is my firt post here**
So i just new to this community and i am trying everything here just to know what it is and how to use it. Today is my first day in dev.to and this is my first post here. So let me explain what i am trying to do.

**My Action Plan**
I decided i will document everyday about my work and things i study in the coming days.
I will study everyday at least for 10 minutes,yes this is my small plan about my career and just to kick start


So this is my small documentation of my plan.Maybe this will not be the best plan or best post but as a warrior says 


> I'll jist keep moving forward
The Unbounce Conversion Benchmark Report 2022
Published: 2022-04-21 13:55:34


Many marketers don’t know whether their last campaign was a smash hit—or a total dud. Unlike open and click-through rate benchmarks for email marketing, industry-wide data for landing pages just hasn’t been available. Until now.

**“What’s a good conversion rate?”**

A conversion can mean many things. It’s an action that you want your visitors to take—like buying, downloading, or subscribing. It can be a new lead, a phone call, or an in-person appointment. But ultimately it depends on your business, campaigns, industry, and goals.

So, what’s a good conversion rate for your landing pages? And why do some pages (and industries) perform better than others? Knowing this helps you continually improve performance, but understanding what success actually looks like can be a challenge.

That’s why we created this report. Using our proprietary machine learning model, we’re bringing you dozens of insights about what works—and what really doesn’t—when it comes to landing pages. We’ve looked at readability, word count, emotions, and more to create new opportunities to pair your marketing know-how with the processing power of AI.

Optimizing your landing pages doesn’t need to be aspirational. As a source of conversion intelligence, we hope these machine-derived insights empower you to create the highest-converting campaigns of your career—and reach your conversion potential.

Software pages convert 10% below the overall industry baseline...
This report includes conversion benchmarks for 16 key industries drawn from real Unbounce customer landing page data. How do your landing pages perform compared to others in your space? And what can you learn from what marketers in other industries are doing?

**Reference Blog**
[The Unbounce Conversion Benchmark Report](https://www.gomahamaya.com/unbounce-conversion-benchmark-report/)
Doce emprendedores muestran cómo triunfar en los negocios gracias al Sistema SIC de Ventas
Published: 2022-04-21 13:48:10

En el libro de autoría compartida 'Sistema SIC de ventas', cuyo lanzamiento prepara Lioc Editorial, y en el que varios profesionales y empresarios de distintos sectores cuentan cómo este sistema de ventas ha aumentado de manera exponencial el volumen de sus proyectos.

¿Qué pueden tener en común un experto en ventas, una agente inmobiliaria, una esteticista, un asesor financiero, un profesional del marketing digital, un asesor energético, una peluquera, un formador de Tantra y meditación, etc.?

En el caso de los profesionales que reúne el libro Sistema SIC de ventas -que muy pronto publicará Lioc Editorial, especializada en el apoyo a los emprendedores-, hay por lo menos dos características que los unen: por un lado, su carácter emprendedor; por otro lado, el impulso que sus respectivos negocios han experimentado gracias a las ventas.

Procedentes de sectores muy distintos, los doce autores del libro Sistema SIC de ventas cuentan cómo gracias a este sistema de ventas, sus negocios y proyectos han experimentado un crecimiento exponencial.

En este libro, cada uno de ellos, comparte sus vivencias personales, profesionales, su conocimiento y experiencia; así como cuáles han sido los motivos que les ha impulsado a emprender y a ayudar a otras personas ofreciendo sus servicios. Además en él se revelan las herramientas que puede utilizar cualquiera que quiera trabajar por su cuenta en aquello que más le apasione.

[Leer Mas...](http://estartit.tv)
Nuevo Launchpad de BH Network - BHero - De Cero a Héroe
Published: 2022-04-21 13:45:29

Las regulaciones de la criptomoneda están aumentando casi tan rápido como aparecen los proyectos. Con los tirones de las alfombras cada vez más frecuentes, no es de extrañar que los gobiernos estén aumentando los requisitos para la concesión de licencias. Del mismo modo, los inversores y entusiastas se están volviendo más cautelosos en cuanto a dónde ponen sus esfuerzos, con razón. Sin embargo, la creación de carteras y la diversidad siguen siendo esenciales para los inversores minoristas e institucionales.

Estos hechos han aumentado los problemas a los que se enfrentan millones de personas y hacen que la toma de decisiones sea más problemática de lo que fueron los mercados de criptomonedas.

Además, la inherente falta de confianza supone un problema para los legítimos proyectos de criptomonedas que están surgiendo. A los auténticos creadores de proyectos les resulta más difícil adquirir el capital que necesitan para evolucionar, lo que deja sobre la mesa muchos casos de uso y desarrolladores únicos sin margen de evolución.

El amplio espectro de inversores busca ahora proyectos de baja capitalización para sus emprendimientos. Sin embargo, al mirar a la próxima generación de emprendimientos es tan fácil quedarse con las manos vacías como siempre.

El BHero Launchpad está diseñado, operado y supervisado por un equipo que ha demostrado su valía en el sector. Utilizarán su experiencia y sus conexiones para extraer los principales grupos con casos de uso de primer nivel y garantizarán la plena adopción de todas las normativas actuales y futuras, incluidas las comprobaciones KYC y AML de las licencias.

Como primer proyecto de mainnet de BH Network, el equipo está emocionado de lanzar su propio token en el launchpad de BHero. El primer listado será un mercado de autónomos con una huella completa en blockchain, que ofrecerá beneficios de baja latencia, bajas tarifas y alta seguridad que los actuales mercados fiat no pueden ofrecer.

La visión del mercado de BH Network es liderar la innovación de los mercados de autónomos y ampliar las posibilidades para los individuos, las empresas y los clientes a través de la tecnología blockchain, cambiando la forma en que los autónomos y las empresas compran y venden servicios digitales con una visión no sesgada, sin tiempos de espera para el pago, sin manipulación y con una seguridad blockchain de alta gama.

Devolver la confianza al sistema de criptodivisas es el objetivo principal de BHero, independientemente de los cambios de reglas que aparezcan.

BHero será una completa plataforma de lanzamiento de criptodivisas para las empresas de nueva creación y los proyectos de NFT y sus inversores que buscan seguir la ruta más segura y legal de las criptodivisas.

[Leer Mas...](http://estartit.tv)
Schedule / Timeline for React with Planby 2.0 🚀
Tags: javascript, react, webdev, news
Published: 2022-04-21 13:39:51

# Hello readers!
If you are looking for a quick solution to implement your own schedule, timeline, live events, music events, EPG then the [Planby](https://planby.netlify.app/) component is the right tool.

## Planby 2.0 has been released! 🚀
The current version includes a number of key functionalities that makes Planby a fully multifunctional component that meets all project requirements.


### Below is a list of new functionalities:
- set custom time ranges 

- set hour format 24h or 12h (AM / PM)

- set custom width of a hour, e.g. 300px, etc.

- set custom sidebar's width

- set custom event's height

- set custom UI of an event, sidebar and timeline. (Material UI, Chakra UI, Antd etc.)


[Here is the previous article with a detailed description of Planby](https://worldofreact.hashnode.dev/electronic-program-guide-react-planby)


Check out [Planby](https://planby.netlify.app/) with a control panel 🚀
How to Make An Auto Apply Coupon in WooCommerce
Published: 2022-04-21 13:34:45



**Steps to create/set auto-apply coupons**

1. Go to your WordPress admin panel. Under Marketing > Coupons, click on Add coupon. You can also modify your existing coupon.
2. Set the discount type, coupon amount, expiry and other details.
3. Look for the ‘Auto apply?’ option. Enable it. 
4. Set usage limits and other restrictions as per your requirements. Publish/Update the coupon.

**Important notes for auto-apply coupons**

1. Auto-apply feature will trigger only when there’s something in the cart
2. Smart Coupons will check the validity and all the restrictions and limits set for the coupons before auto-applying them.
For example – If you restrict a coupon to “Customer” user role and “Stripe” payment gateway, the plugin will first verify whether these restrictions are met and then apply the coupon.
3. Up to five coupons can be auto-applied by default even if you’ve enabled the ‘Auto apply?’ option in more coupons.
4. Your users can remove any auto-applied coupon if they wish to. But if you want to change this behavior and you can also don’t allow your customer to remove auto-applied coupons.
5. You can bulk generate coupons with the auto-apply feature.
6. Auto-apply feature works with subscription coupons as well.
7. Auto-apply feature is not applicable for gift cards/store credits. That means users can’t auto-apply gift cards/store credits.
8. Auto-apply will not be enabled for coupons that are linked to a product. That means when you issue any coupon with a product purchase, that coupon will need to be manually applied by the users on their next purchase.

**Reference Blog**
[How to Make An Auto Apply Coupon in WooCommerce](https://www.gomahamaya.com/auto-apply-coupon-woocommerce/)
The best moment to learn to program is now
Tags: beginners, devjournal, programming, blog
Published: 2022-04-21 13:16:54

Hi guys, this is my first post in English so excuse me my translation but I try to improve this skill.

Anyway today I would love to talk to you about programming.

In particular about why you should learn to program now.

I know that this skill can be a little hectoring but also it is a very funny and useful skill.

In the world, many companies are searching for people like you with the skills to build and create amazing things using code.

You can become one of these people who are called developers and create the future one code line at once.

But, Why do I want to be a developer?

That is a good question, actually to be a software developer is no easy task. There are a lot of things to learn and the frustration is around the corner.

However, the gratification that We feel when get build anything from zero with code written by us is magnificent.

Programming gives us the power to bring to reality that on our heads.

Of course, learning can be difficult but few things that worthwhile in this life are easy. And the programming is worth it.

Without saying that is one of the jobs most demands in actuality with more and more opportunities in many IT areas.

Also, the philosophy around programming inspires us to improve ourselves, to never stop learning, and always think outside the box. You will often find communities with these values on the internet where you will grow yet more.

Information is everywhere and is often free, you just need to go for it.

Today We can get all this information for learning programming with only a click, if you are interested in programming there is no reason for no start already.

Remember, the way is long but it is beautiful too.

There is no like the now for start.
Versioning technic in short
Published: 2022-04-21 12:57:24

If you ever noticed the version of a software, you must have noticed something like v1.1.0. Today we’ll see how they work. Versioning system like this is called a semantic versioning. In this system there are three numbers, the first one is called the Major version and the second one is called the minor version, and the third one is called the patch version or release.  Let’s explain:

The patch version or patch release is for bug fixing, let’s say we have version 4.13.6 of a software and a bug was found, after fixing the bugs the version would be 4.13.7. So, when the developers fix a bug, they will increase the patch version. The Minor version is used for adding new features that will not break the existing software. So, after a minor update the version would be 4.14.0, notice the patch version is reset to 0? It’s because no bugs were found on this version yet, so it could be unstable and as soon as they find a bug, they will increase the patch version. Now if the update contains a breaking change in the software or If it’s a big update they will increase the Major version, so it’ll be 5.0.0.

Extra: In the node package file you will see something like "^4.12.6", this '^' is called the caret character, this means the PM is allowed to install update version of that software as long as the major version is 4. For example, when someone downloads a git repo long after it was uploaded and does npm install, the PM might install newer version like 4.21.6 keeping the major version same. Sometimes the '~' (tilde) character is also used to tell the PM to keep the major and minor version same. So if old version was like 4.12.6 it might install 4.12.16 depending on the software update. So the caret is used to denote 4.x.x and tilde is used to denote 4.12.x.
How to automate checking for Ubuntu 22.4 release
Tags: linux, ubuntu
Published: 2022-04-21 12:55:01

So, Ubuntu 22.04 LTS is due today, but the actual time of release is uncertain. If you are refreshing their site like me to be the first to download it, don't -- automate it instead. Here's my little bash script to alert me automatically as soon as 22 rolls out:
```bash
{
  function func_name () {
    FOUND=`curl -s https://ubuntu.com/download/desktop | grep 'Ubuntu 22'`
    echo $FOUND;
    if [ ! -z "$FOUND" ]; then
      spd-say "Ubuntu 22 is out"
    fi
  }

  export -f func_name

  watch -n 5 -x bash -c func_name
}
```
Do i need to learn react?
Tags: beginners, blockchain, web3, react
Published: 2022-04-21 12:54:44

I'm Full-stack developer with expertise in creating webapps and admin panels.

I have experience working in PHP-laravel framework for backend and Javascript-Vue framework in frontend. I have also worked on Ionic-Vue for creating mobile applications. 

I'm curious on learning blockchain development. I have read many articles stating you need to have knowledge of react.js.

what will be the learning curve for blockchain development?

Any suggestions/blogs would be helpful.
How to rename the master branch to main
Tags: git, github, devops, webdev
Published: 2022-04-21 12:47:03

While git hosting companies like GitHub are already setting the default branch to `main` for any new repositories since October 1st 2020, there are still a lot of repositories you own that still uses the `master` naming as the default branch.

For the reason why you should do it, I’ll point to this article "[Why GitHub renamed its master branch to main](https://www.theserverside.com/feature/Why-GitHub-renamed-its-master-branch-to-main)" which probably does a better job than what I would try to do.

But it’s a very easy process, it requires only a few commands and a setting change in the GitHub repository.

## Rename `master` to `main`

First thing to do is to checkout the `master` branch if you didn’t already:

```bash
git checkout master
# Also be sure you have the latest changes
git pull origin master
```

Now you can rename the local branch with the following command:

```bash
git branch -m main
```

But now this change is only in your local git folder, what you need to do next is to push this the remote, which is as simple as to run this command:

```bash
git push origin -u main
```

## Change the default branch

Now, at this point you have both `master` and `main` on your remote, and before you can delete the `master` branch, you need to go in the repository settings, go into the `Branches` section, and check what’s the default branch there. 

![Check default branch](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fwzoyvpup80r3b6ohrdo.png)
 

If it’s `master` you will need to change that to your new `main` branch, as shown below:

![Switch default branch](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vkfjifqngr4aaaucdvhc.png)
 

Once you have switched the default branch, you can safely delete the remote `master` branch:

```bash
git push origin --delete master
```

And that’s it! You can say goodbye to the `master` branch for this repository.
Then it’s just rinse and repeat for all your repositories.