teleren/devto huggingface dataset:
How to Add a GitHub Actions Badge to Your Project
Tags: github, actions, badges, rust
Published: 2020-03-20 13:09:11

---
layout: post
title: "How to Add a GitHub Actions Badge to Your Project"
description: "To add a GitHub Actions badge to your project just use the following markdown."
tags: [github, actions, badges, rust]
published: true
---
I've been playing with [GitHub Actions](https://github.com/features/actions) for a couple of months now. I had been an ardent [Travis](https://travis-ci.org/) loyalist, but given how impressive GitHub Actions are it feels inevitable I will make the switch.

One thing which tripped me up though was how to add GitHub Actions badges to my projects. This is so I can provide some observability and prove my projects build and the tests pass.

It turns out it is really simple, but it doesn't seem to be well documented anywhere. So I thought I'd make a note of it and share it.

To add a GitHub Actions badge to your project just use the following markdown. Obviously fill in the relevant `{user}`, `{repo}` and `{action}` information:

```markdown
[![Actions Status](https://github.com/{user}/{repo}/workflows/{action}/badge.svg)](https://github.com/{user}/{repo}/actions)
```

One thing which can be a little confusing is what the `{action}` name should be. This should reference the name property in the yaml action config file within your `./.github/workflows` directory.

For a [Rust project](https://github.com/RobDWaller/csp-generator/blob/master/.github/workflows/build-test.yml) I recently worked on this is `Build and Test`.

```yaml
name: Build and Test

on: [push]

jobs:
  build:
  ...
```

The only change required for the badge URL is to replace the spaces with `%20`, so the URL `{action}` reference becomes `Build%20and%20Test`.  

Here is an example from my [Rust project](https://github.com/RobDWaller/csp-generator/blob/master/README.md) which should make this clearer:

```markdown
[![Actions Status](https://github.com/RobDWaller/csp-generator/workflows/Build%20and%20Test/badge.svg)](https://github.com/RobDWaller/csp-generator/actions)
```

And you can see the working badge here: 
[![Actions Status](https://github.com/RobDWaller/csp-generator/workflows/Build%20and%20Test/badge.svg)](https://github.com/RobDWaller/csp-generator/actions)

I hope this info helps, have fun with GitHub Actions, and if you have any questions drop me a message [@RobDWaller](https://twitter.com/RobDWaller).
Daily Developer Jokes - Friday, Mar 20, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-03-20 13:00:24

---
title: "Daily Developer Jokes - Friday, Mar 20, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Friday%2C%20Mar%2020%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258a63bab5.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*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 did the array say after it was extended?

___A:___ Stop objectifying me.
 -->
COVID-19 can’t stop you from becoming a web developer
Tags: career, motivation, watercooler
Published: 2020-03-21 03:20:14

---
title: COVID-19 can’t stop you from becoming a web developer
description: You might want to pause your career transition and pick web development back up after COVID-19 blows over. Thing is, now is as good a time as any to press on.
published: true
date: 2020-03-20 12:54:00 UTC
tags: career,motivation,watercooler
canonical_url: https://raddevon.com/articles/covid-19-cant-stop-you-from-becoming-a-web-developer/
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/l5l8afwsauwuqlxv5xlv.jpg
---
{% youtube C7kRDqIPeL8 %}
Resources for the End of the World
----------------------------------

I hope you’re OK, and I hope you can find the strength to keep pushing forward. This virus may change a lot of things, but it ultimately doesn’t change what you need to do to see the transformation you want.

Here are the resources I mentioned in the video to help you keep going:

*   💌 First things first. Here’s my email address: [devon@raddevon.com](mailto:devon@raddevon.com)  
    Email me if there’s any way I can help you, if you need to get something off your chest, or just if you need a friend. We’re in this together.
*   If you’re not sure what to do right now, I recommend these three things for starters:
    1.  📗 Check out my video on [_The Obstacle Is the Way_](https://raddevon.com/articles/books-that-made-me-obstacle-is-the-way/). It’s a gentle introduction to stoicism that’s never been more relevant than it is right now.
    2.  🧘‍♂🧘‍♀ Try [meditation](https://raddevon.com/articles/stepping-back-meditation-for-aspiring-web-developers/). It can teach you to disconnect from your brain when it’s filling you full of anxiety and doubt. [Waking Up](https://wakingup.com/) is a great guided meditation system that’s a little pricey, but it has worked better for me than any of the alternatives. Find whatever works best for you and run with it. (P.S. I don’t actually meditate in the lotus position like in the emoji, but who knows? Maybe you will. 😉)
    3.  💻 Code. 🔄 Every. 🌞 Day. Don’t take a break. Don’t wait for the economy to straighten out. Don’t wait for the virus to blow over. Just keep practicing.

Feel free to reach out using the email above, [in the YouTube comments](https://youtu.be/C7kRDqIPeL8), or [on Twitter](https://twitter.com/raddevon).
How to obtain the CSS necessary to create an element?
Published: 2020-03-20 12:09:53

Hello guys,,
I have a file open in Sketch (Lunacy actually), and in it is a rectangle shape with rounded edges (screenshot). I'd like to obtain all the CSS necessary to re-create this on my web page. As you can see from the screenshots, the application shows most of the CSS needed to re-create this, e.g. background color, width, etc. But one thing it is missing is the border-radius. Any ideas why that is missing? In another tab, the application indicates the 'corner radius' is 31 (screenshot). So why isn't that information in the 'code' tab?
https://trackeasy.fun/usps/ https://showbox.tools/
I know I specifically mentioned the program Sketch, yet my screenshots are from a different program: Lunacy. I'm happy to receive answers for both--I'm hoping they are similar enough in this regard to help resolve the issue in Lunacy. Maybe it's a deficiency with Lunacy? I posted this question to the Lunacy forums, but didn't receive any replies :-/
Diferentes formas de declarar variables en javaScript ⭐
Tags: javascript, vscode, codenewbie
Published: 2020-03-20 12:06:37

# Diferentes maneras de declarar variables en JavaScript

**Tipos de declaraciones de variables**


**var**
```javascript
/* Declarando variables con var */
          var myVar; // inicializada sin declarar
          var myVar = 'hola mundo'; //Inicializada declarando el valor string 'hola mundo'
          console.log(myVar); 
          //Resultado:
          // 'hola mundo'
```

>Puede ser declarada tantas veces como quieras con el mismo nombre y no ocurrirá ningun problema.
>Su salida dependerá del último valor declarado, en nuestro caso 'hola mundo'.


**let**
```javascript
/* Declarando variables con let */
          let nombre = 'Jesus';
          let apellido = 'Abril';
          let nombre = 'Juan';
          console.log(nombre + ' ' + apellido);
          // Resultado:
          // Uncaught SyntaxError: Identifier 'nombre' has already been declared

          //tambien puedes declarar múltiples de la siguiente forma
          let  myNombre   = 'Jesus',  // como puedes observar se usa una coma.
               myApellido = 'Abril';
          console.log(myNombre + ' ' + myApellido);
          // Resultado:
          // Jesus Abril

          let otroNombre;
          console.log(otronombre);
          //Resultado
          //Uncaught ReferenceError: otronombre is not defined
          otroNombre = 'Juan Ramirez';
          console.log(otroNombre);
          // Resultado
          // Juan Ramirez

```

> No permite declaraciones de variables con el mismo nombre;
> Puede ser declarada sin inicializar.
> Debe ser inicializada antes de su uso.
> Deben llamarse diferente.

Utiliza let cuando su valor se cambien en un futuro.


**const**
```javascript
/* Declarando variables con const */
          const producto;
          console.log(producto);
          // Resultado
          // Uncaught SyntaxError: Missing initializer in const declaration

          const otroProducto = 'Jabón';
          console.log(otroProducto);
          // Resultado
          // Jabón

```

> Una constante *siempre* debe inicializarse
> No puede llamarse igual a otra variable

Úsala cuando sepas que su valor no cambiará en el futuro.

Podeis reusar el código [github](https://github.com/3rChuss/JsVariables)
Set up Bootstraps <script> and <link> tags automatically?
Tags: bootstrap, npm
Published: 2020-03-20 11:54:16

I finally took the deep dive into learning how to use NPM and Bootstrap and publishing with Parcel.

One thing I am wondering though is if there is a a way to automatically set up bootstrap's `<script>` and `<link>` tags in an empty html boilerplate automatically, based on the version that got installed using `npm I bootstrap`?
Changelog: DEV upgraded to Webpacker 4/Babel 7
Tags: rails, webpack, javascript, changelog
Published: 2020-03-20 11:51:52

This week brought a major upgrade to the frontend infrastructure for DEV. We've been on webpacker 3.x and Babel 6.x for quite a while now. There were several attempts, including a couple of my own prior to working at DEV that were unsuccessful. However, this week during the last week of our cool-down period before we start our next cycle of development, I had time to perform the upgrade successfully. We are now using webpacker 4.22 and Babel 7.x.

If you're not familiar with webpacker, I encourage you to check out the project. The TLDR though is that it's a Ruby gem that makes integrating webpack bundles into a Rails app very easy.

{%github https://github.com/rails/webpacker %}

The upgrade opens up a lot of things that were being held back by the webpacker 4 upgrade. With the upgrade, we can now do the following:

* Upgrade to the latest Storybook. We're currently on a very old version that is missing a lot of the new awesome features.
* It moves us one more step closer to upgrading to Rails 6

Another benefit of the upgrade is faster builds in the frontend.

I won't bore you with the details of the upgrade process as [they are documented](https://github.com/rails/webpacker/blob/master/docs/v4-upgrade.md) already in the webpacker repository.

The issues that I ran in to during my initial attempts were false negatives. DEV, for those who aren't aware, uses [Preact](https://preactjs.com/) in the frontend, not [React](https://reactjs.org/). Why do I bring this up? One, for awareness, but also because the issues I ran into were related to running an older version of Preact (we [have a blocker for upgrading](https://github.com/thepracticaldev/dev.to/pull/5639) to Preact X) that was not compatible with the [React DevTools](https://github.com/facebook/react-devtools).

Because the tooling was not compatible, it was creating weird UI issues when the React Devtools were running. In some cases I saw components twice, in other cases I received errors about root something something. In the end, with a clear head this week, I realized that was the issue and was able to get it all sorted.

For those interested, here is the [merged PR](https://github.com/thepracticaldev/dev.to/pull/6664).

That's all for now peeps!

Photo by [Sebastian Herrmann](https://unsplash.com/@herrherrmann?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/boxes?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
Algorithm 101: 3 Ways to Reverse an Integer
Tags: algorithms, javascript, beginners, integer
Published: 2020-03-20 11:49:25

This article is a build up on the [string reversal](https://dev.to/ebereplenty/algorithm-101-7-ways-to-reverse-a-string-15cb) article. If you already understand the string reversal algorithm, then all you will find new here is the ``toString()``, ``Math.sign()`` and ``parseInt()`` methods.

```javascript

  intReversal(-1234); // -4321

  intReversal(1234); // 4321

```

Can you try it out on your own? 

I will be giving you 3 ways to achieve this.

### Prerequisite
To flow with this article, it is expected that you have basic understanding of javascript's string methods, Math methods and array methods.

### Let's reverse an integer using:

* split(), .reverse(), .join(), toString(), parseInt(), Math.sign()

```javascript
      function intReversal(int) {
        let intToString = int.toString();

        let reversedString = intToString
          .split("")
          .reverse()
          .join("");

        let stringToInt = parseInt(reversedString, 10);

        return stringToInt * Math.sign(int);
      }
```

* reduce(), toString(), parseInt(), Math.sign()

```javascript
      function intReversal(int) {
        let intToString = int.toString();

        let reversedString = [...intToString].reduce((acc, char) => char + acc);

        let stringToInt = parseInt(reversedString, 10);

        return stringToInt * Math.sign(int);
      }
```

* for...of...loop, toString(), parseInt(), Math.sign()

```javascript
      function intReversal(int) {
        let intToString = int.toString();
        let reversedString = "";

        for (char of [...intToString]) {
          reversedString = char + reversedString;
        }

        let stringToInt = parseInt(reversedString, 10);

        return stringToInt * Math.sign(int);
      }
```

### Conclusion
There are many ways to solve problems programmatically. You are only limited by your imagination. Feel free to let me know other ways you solved yours in the comment section.

If you have questions, comments or suggestions, please drop them in the comment section.

> Up Next: [Algorithm 202: 3 Ways to Sum a Range of Values](https://dev.to/ebereplenty/algorithm-202-3-ways-to-sum-a-range-of-values-5g93)

You can also follow and message me on social media platforms. 

**[Twitter](https://twitter.com/eberetwit) | [LinkedIn](https://www.linkedin.com/in/samson-ebere-njoku-profile/) | [Github](https://github.com/EBEREGIT)**

Thank You For Your Time.
80G Registration
Tags: 80g, 80gregistration, section80g
Published: 2020-03-20 11:46:05

Under the Revenue Income tax Process, particular duties or endowments are outfitted for a responsibility end under Section 80G. NGOs or various other non-benefits must get an application and are actually certainly checked out by the IT Division just before being permitted such a confirmation. This resides in the illumination of the fact that such groundworks are going to as a rule bring in a greater number of endowments from corporates as well as people organizing to satisfy altruism while obtaining a good deal on a fee.

What you offer is what you receive, on top of that, in case you offer a selfless trust that possesses an 80G verification, already, you will certainly receive ask for diplomatic immunities either party or even completely. An NGO or even Section 8 Provider signed up under Segment 12A is going to take on the service provider to benefit-cost rejection under Section 80G. It is actually of many unbearable essentials for all NGOs to make an application for Area 12A and 80G entrance.

<a href="https://www.80g.co.in">Get 80g Registration</a>
Como estou estudando
Tags: beginners, career, codenewbie, todayilearned
Published: 2020-03-20 11:25:41

Como prometido no post anterior, irei detalhar aqui como estão meus estudos, explicando cada "projeto" e o que pretendo estudar mais.

A primeira coisa que fiz, foi tentar me organizar. O primeiro método que tentei, foi escrever as coisas que eu planejava estudar. Ficou dessa forma:

![Quadro de estudos](https://dev-to-uploads.s3.amazonaws.com/i/jlmj6w787s9vry4sibse.jpg)

No começo eu ia marcando manualmente, só que aí ocorreu um problema: eu precisei mudar algumas coisas.
Procurei formas melhores de organizar nesse caso e achei [esse artigo](https://woliveiras.com.br/posts/criando-nosso-plano-de-carreira-no-trello/) do [William Oliveira](https://twitter.com/etc_william).
Montei meu quadro no Trello e ficou da forma que eu queria. Podendo atualizar colocando mais, retirando o que não é mais uma realidade, marcando checklists e tendo uma visão melhor e em qualquer lugar.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4bdtp21ejloeyu1dzdq4.JPG)

Depois de me organizar, veio o mais difícil, que é por onde começar. Como eu já sei lógica de programação, pensei que o melhor nesse momento seria aprender Git e como usar o Github. Usei [esse curso](https://www.udemy.com/course/git-e-github-para-iniciantes/) da Udemy. É gratuito e achei que deu uma base muito boa. Aprendi git e comecei a usar em todos os cursos que tô fazendo para reforçar.

Atualmente, tenho feito duas formações da Alura. Uma em Python e outra em Front-End. Tenho colocado tudo no [meu github](https://github.com/amaralluiz), colocando sempre um readme para explicar um pouquinho cada projeto. Junto com cada curso, também vou sempre acompanhando com livros, como os que falei na postagem anterior. É sempre bom ter mais de uma fonte, visto que serão maneiras diferentes de explicar e com isso você tem mais chances de entender melhor o que está estudando.


Futuramente tentarei explicar um pouquinho de cada projeto dos estudos para ir reforçando algumas coisas. Até mais.
UNVT one-line installer for Raspbian
Tags: unvt
Published: 2020-03-20 11:17:55

We developed a one-line installer of the United Nations Vector Tile Toolkit (UNVT) for Raspbian, for an easier installation of Misora. The install command is:

```zsh
curl -sL https://unvt.github.io/equinox/install.sh | bash -
```

This will install UNVT tools such as Tippecanoe, ogr2ogr, and vt-optimizer. 

See also [gh:unvt/equinox](https://github.com/unvt/equinox) for details.
More time for my training platform project
Tags: showdev, webdev, training, fair
Published: 2020-03-20 11:13:47

Hi everyone, 

Today, I want to write about my project and also how this will change the frequency(how often I post articles) that I create articles and share my opinions with you **Dear Reader**.

First of all, it was an honor to be able to write articles and exchange ideas with the DEV.TO community and team.

I will continue to do so in the future, but I can only write one article per week.

WHY Wolfiton?

**Because I am a single man and want to bring my dream in reality and create the next-gen training platform.**

I take my profession very seriously as a trainer and want to help others learn more easily and quickly new technologies.

You can find more in this discussion here(look at the last comment from me) [discussion link](https://dev.to/wolfiton/do-you-consider-ethical-to-offer-half-the-course-for-free-but-no-refunds-aoc).

Thank you for reading, **Dear Reader**
Crypto Infotech offers white label cryptocurrency exchange development products
Tags: blockchain, cryptocurrency
Published: 2020-03-20 10:26:45

Crypto Infotech is a white label cryptocurrency exchange development company that offers software for all the crypto enthusiasts. According to the CEO of Crypto Infotech, “ a product is a combination of IT power and top-notch marketing strategies which harness your business growth in the crypto sphere.” 

Crypto Infotech emphasizes its crypto exchange development software is, scalable, and geared toward the finance and blockchain industries. The firm offers white-label cryptocurrency exchange development services that allow businesses to achieve their financial objective by converting casual visitors into paying customers. 

The trading platform developed with this software will deliver high-frequency trading for virtual currencies and fiat, along with assets such as real estate that have been tokenized on the blockchain.

According to the Crypto Infotech - it can help nesting crypto businesses get their own cryptocurrency exchange and running within 3 weeks- complete with promotion across all social media channels that help to generate traffic and revenue. There are certain features you can expect to address in your crypto exchange such as: 

High Trascations per second (up to 8000 transactions)
Powerful trade engine
Secure wallet (Hot wallet)
Multi-layer security
Market maker
Margin trading
API to external exchange
KYC/AML
Multi-language support

Visit: https://www.crypto-infotech.com/cryptocurrency-exchange-development-company-services
Quarantine Assistant - part 3 - all view screens and navigation (video)
Tags: showdev, react, reactnative, coronavirus
Published: 2020-03-20 10:12:38

It's the third day of the hackathon, I am a little tired because I slept only 4 hours this night. But I did all the screens and connected with navigation. Next step is to write logic for those views.

To remind, the project is about a mobile application for local authorities to better control and contact with people in quarantine. 

![Video](https://media.giphy.com/media/YN8TBcJZB2BtZfzbQ5/giphy.gif)
How to Setup a CI/CD Pipeline with Kubernetes 2020
Tags: codepen, productivity, kubernetes
Published: 2020-03-20 10:12:07

When it comes to DevOps, the word that clicks in mind is CI/CD pipeline. Let's have a look at Definition of CI/CD pipeline:

CI is straightforward and stands for continuous integration, a practice that focuses on making preparing a release easier. But CD can either mean continuous delivery or continuous deployment and while those two practices have a lot in common, they also have a significant difference that can have critical consequences for a business.

- Atlassian.com

CI stands for Continuous Integration, and CD stands for Continuous Delivery and Continuous Deployment. You can think of it as a process which is similar to a software development lifecycle.

- Edureka.co

Systems provide automation of the software build and validation process driven in a continuous way by running a configured sequence of operations every time a software change is checked into the source code management repository. These are closely associated with agile development practices and closely related to the emerging DevOps toolsets.

- Gartner.com

<b>In the DevOps world, we have a plethora of toolsets that can help and leverage CICD capabilities.</b>

Docker
Kubernetes
Proxies
Git
Jenkins/ Jenkins X
Ansible
Chef
Code Pipeline, etc
This blog gives direction to up and running your CICD pipeline running on the Kubernetes cluster by the GitLab CICD pipeline.

Prerequisites:
Hands-on knowledge of Docker containers
Hands-on knowledge of kubernetes architecture and understanding
The Idea of how to write YAML files
Up and Running kubernetes cluster

Step 1: Creating and Deploying on kubernetes cluster (in this example we took AWS EKS)
https://logz.io/blog/amazon-eks/

Step 2: Installing Gitlab 
https://docs.gitlab.com/charts/installation/cloud/eks.html

Step 3: Configure Gitlab for Kubernetes
Go to GitLab > operations > kubernetes > Add Kubernetes Cluster > Add existing cluster, and you will be getting the page as below :

<a href="https://addwebsolution.com/blog/how-setup-cicd-pipeline-kubernetes-2020">Read Complete Guide</a> 10 Worthy min.