teleren/devto huggingface dataset:
Using Figma to create My Personalised Github Cover Image ✏️
Tags: github, showdev, ux
Published: 2020-09-17 17:28:13

Hey guys. I have recently been updating my github profile to add all my learnings and making a unique and personalised look for my profile. And so, I created a unique github cover for myself using the Figma UI tool. 

I wanted a minimalistic approach for my cover image. So I combined 4 things about myself such as 
 - One of my favourite Colours (a warmer and lighter shade).
 - The tool I use to code everyday.
 - The languages/frameworks I use.
 - My personality - Happy!

to create this 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qhqvhb3xf00z2b1d3miq.png)

You can check out my profile at https://github.com/SoorajSNBlaze333

I feel that the mix of creating it on my own and adding the things I like, defines the image as **"Me"**. What do you guys think about it :)
⌛ Time management checklist
Tags: beginners, productivity, career
Published: 2020-09-17 17:21:51

Here is [checklist for time management](https://infinite.education/expertise/time_management_2): 

Also you may compare yourself with job market by your time management skills. To do this: mark checkboxes for you current skills and see result like this:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fw7aawupt2i1soouvo6t.png)

Give feedback please for checklist! What to improve?

PS statistic updates daily, you may see changed result tomorrow

Project page: https://www.facebook.com/InfEducation
What's new with rdiff-backup?
Tags: python, linux
Published: 2020-09-17 17:16:00

The longstanding Linux backup solution's migration to Python 3 opens opportunity to add many new features.

In March 2020, rdiff-backup advanced to version 2, 11 years after the last major release. The deprecation of Python 2 at the beginning of 2020 was the impetus for this update, but it gave the development team the opportunity to incorporate other features and benefits.

For about two decades, rdiff-backup has helped Linux users maintain full backups of their data locally or remotely without needlessly draining resources. This is because the open source solution does reverse incremental backups—backing up only the files that changed from the previous backup.

[Continue reading on opensource.com ...](https://opensource.com/article/20/9/rdiff-backup-linux)
Placeholder title
Tags: actionshackathon
Published: 2020-09-17 17:06:28

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)


### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)


### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)


### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)


### Additional Resources / Info

[Note:] # (Be sure to link to any open source projects that are using your workflow!)

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. )

[Reminder]: # (Submissions are due on September 17th (11:59 PM PDT) and winners will be announced on September 23!)
Automate repository tagging with GitHub Actions
Tags: actionshackathon, github, daily, devops
Published: 2020-09-17 17:02:52

At [Daily](https://www.daily.co/), we build video chat APIs to streamline adding video chat to any app or website. Developers are building a lot more with video these days, so we've been adding new API features (and growing our team!) to meet the demand. That’s meant many more pull requests. 

We use a monorepo to manage source code for most of our applications. As we faced the challenge of maintaining our [changelog](https://docs.daily.co/changelog), we understood
that knowing what's changed in production wouldn't be as simple as comparing two commits in our monorepo, because we don't deploy every application with every commit.

To help us understand what's changed, and which changes have been deployed to an environment, we developed
a convention for tags we apply in our GitHub:

```
Convention: [app-name]-[YYYY-mm-dd]-[environment]
Example: web-server-2020-07-01-production
```

While we agreed on a tagging convention for our repositories, asking everyone to manually update those tags was unsustainable. 

Enter our hero, GitHub actions! 

![Avengers in Captain America Marvel movie](https://media.giphy.com/media/mSK26uXsLMwwg/giphy.gif)  

Like any of your favorite action movie heroes, [GitHub actions](https://docs.github.com/en/actions) respond to a triggering event and save the day, errr, the developer from having to do a bunch of manual work. We use GitHub actions to automatically update our repository tags.

##Our workflow 
The `create-tag-action` creates GitHub tags after the deployment of an application according to our convention. If the desired tag already exists, the commit with which the tag is associated is changed to the current commit being used in the workflow. 

##Our yaml file 
{% gist https://gist.github.com/kimberleejohnson/f6fde4b395bbe0cd2233e1f55b433bec %} 

Have a look at [our repository](https://github.com/daily-co/create-tag-action) to get the full picture of how this works.  

##Submission category
DIY Deployments  

##Additional resources 
Our [daily-demos open source repository](https://github.com/daily-co/daily-demos) makes use of this action. We hope that more projects try it out soon too, and that this overview was helpful. If you have any questions, please don’t hesitate to [reach out](https://www.daily.co/contact-us).
Keep your Gradle Wrapper up-to-date! 🤖
Tags: actionshackathon, github, gradle
Published: 2020-09-17 16:56:07

### My Workflow

Are you using Gradle Wrapper in your project? How often do you update it?

Maintaining dependencies up-to-date is regarded as a good practice, and the build system files should be no exception!

The **Update Gradle Wrapper Action** aims to help keeping Gradle projects on GitHub polished to high standards and to strengthen the software supply chain in the Gradle ecosystem.

As soon as a new Gradle release is available, this action will open a PR to update your Wrapper files.

Check it out now: [gradle-update/update-gradle-wrapper-action](https://github.com/gradle-update/update-gradle-wrapper-action)

![Pull Request](https://dev-to-uploads.s3.amazonaws.com/i/4wace8m93z6dlsil1si7.png)

#### How to use it

Just create a new workflow file `.github/workflows/update-gradle-wrapper.yml` and paste this:

```yml
name: Update Gradle Wrapper

on:
  schedule:
    - cron: "0 0 * * *"

jobs:
  update-gradle-wrapper:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v2

    - name: Update Gradle Wrapper
      uses: gradle-update/update-gradle-wrapper-action@v1
      with:
        repo-token: ${{ secrets.GITHUB_TOKEN }}
```

### Submission Category: 

Maintainer Must-Haves


### Link to Code

{% github https://github.com/gradle-update/update-gradle-wrapper-action %}

### Additional Resources / Info

Check the detailed description of [action inputs](https://github.com/gradle-update/update-gradle-wrapper-action#action-inputs) and some more [usage examples](https://github.com/gradle-update/update-gradle-wrapper-action#examples).
What is a good Ipad App to write Javascript?
Published: 2020-09-17 16:55:28

I"m looking for a potentially free Ipad app that I can do some simple JS scripts.  Something that would allow me to add react library, and show the console log.  I'm not looking to develop a full-blown site, but more to just write a couple of quick functions as I go through some tutorials. 

Thanks!
Don't Over Do It
Published: 2020-09-17 16:37:02

_Lack of sleep due to staying up all night coding?_ 
_Having a hard time focusing on your project?_
_Motivation slipping away?_

__Don't overdo it__ 

It's as easy as closing your screen and logging in to the world around you.

---

> For anyone reading this who feels frustrated, exhausted, or overwhelmed as they learn to code: take time off if you need it, and never hesitate to ask for help

https://flatironschool.com/blog/best-coding-advice-ever-got-take-break
Beginners: Has COVID affected the start of your career?
Tags: career, beginners, discuss
Published: 2020-09-17 16:36:32

Hello beginners, how has COVID-19 (and the resulting lockdowns) affected the start of your career? I understand there are quite a few bootcamp graduates and other newly trained programmers here who are entering the job market at a difficult time.

What has your experience been? Are there any specific things that have been particularly hard (including mental health)? 

How can we help?

(Photo credit: https://unsplash.com/photos/69zVsGRejY4)
A KubeConEU 2020 story
Tags: conference, kubernetes, cloud, series
Published: 2020-09-17 16:34:50

---
title: A KubeConEU 2020 story
published: true
description: My journey through KubeConEU 2020
tags: conference, kubernetes, cloud, series
series: KubeConEU 2020
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/6t57ydv56h8i17kwbi5e.jpg
---

KubeCon Europe 2020 has been a massive virtual event this year. The price was incredibly low (no travel, no accomodation, lower ticket cost) so it was very accessible.

18k+ attendees gathered online to follow the [massive schedule](https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/program/schedule/) available!

I attended all 4 days of the conference, here is my retrospective.

The quality of content and the number of talks was impressive. My schedule had around 60 different talks I were interested in 😵 I couldn't attend all, but I'll do my best to watch the recording.

A word of mention to the staff, the platform was good, the Slack workspace was massive and very active and the overall experience has been very nice for such a massive event. All talks were registered with a final QA live session, then the discussion continue in the thematic Slack channels, one for each content track.

This year I dedicated my time on hands-on tracks (like AppDev, Security, Observability, Networking, ...) but there was a huge spot for meeting maintainers and sponsors where you could actively engage with the community. I guess I'll dedicate more time on that the next year!

I've added Youtube embed for videos of talks I watched but you can find all videos in [KubeCon + CloudNativeCon Europe 2020 - Virtual YouTube playlist](https://www.youtube.com/playlist?list=PLj6h78yzYM2O1wlsM-Ma-RYhfT5LKq0XC). Videos don't have the questions and answers section included, but if you navigate to the talk page and look for Closed Caption Transcript you should be able to read them.

Let's dive in!

# Day 1

The first day has been introductory. I skimmed around lighting talks and some tutorials.

The talk that hit home was ["KubeCon + CloudNativeCon 101: A Beginner’s Guide to The Conference"](https://kccnceu20.sched.com/event/Zeiw/kubecon-cloudnativecon-101-a-beginners-guide-to-the-conference-karen-chu-michelle-noorali-microsoft) by [Karen Chu](https://twitter.com/karenhchu) & [Michelle Noorali](https://twitter.com/michellenoorali). Is your first KubeCon? Fear no more, as this talk can guide you around giving you a warm welcome in the KubeCon community.

*The journey will continue in the next post from this series!*

Did you attend KubeCon EU 2020? If yes share your thoughts in the comments! I'd love to know.
5 Random Facts About Tech
Tags: discuss, trivia
Published: 2020-09-17 16:27:01

> Note, yes the palindrome numbers are on purpose, I don't know why I did it. Suffer.

# 1: Linus and the pronunciation of Linux
Linus doesn't care how you say his name (Lee-nus, Lie-nus, Lay-nus, Leh-nus) but he does care how you say Linux (Leh-nux).

# 2: SUSE makes Linux songs
The enterprise Linux giant makes song parodies and custom songs about Linux. My favorite is how to pronounce SUSE (soo-sah).

# 3: The creator of JavaScript is homophobic
Wikipedia even puts this fact in an unintentionally funny way: "**known for: JavaScript, opposition to same-sex marriage**." There were also three citations, which added to my odd enjoyment of the fact.

# 2: FreeBSD and Pop!_OS both come from Colorado
I am from Colorado, and this makes me happy I can literally drive to see the developers of the project. Colorado (especially Denver) is becoming a huge foundation for tech, like Washington and California. 

# 1: Tor is a government funded project
Ever since the US Navy made the onion router for their secret technology stuff, they had to make it public. They fund Tor as it is the most popular onion routing browser, and helps keep anonymity for the government.
To new developers
Tags: newbie
Published: 2020-09-17 16:24:42

The programming world is huge. In fact it is so huge and wide that it is impossible to learn everything. And the good thing is that you don't need to learn everything. Being a developer means being good at googling things. And that's it. There are plenty of web developers with 10+ years of experience and they still are googling things how to capitalize the first letter of a string. 

## Main things you should keep in mind

* Noone knows everything
* Being a developer means being good at googling things
* If you don't know something, don't be afraid to ask
* If you copy code that works and you don't understand why, don't beat yourself about it. Move on and you will understand why it works later. And hey, if it works it works!
* Don't try to memorize something!!! Google whenever you need something!
Issue Notifier
Tags: actionshackathon, github, opensource, showdev
Published: 2020-09-17 15:54:53


### Our Workflow

![icon used](https://dev-to-uploads.s3.amazonaws.com/i/8xntkgptfp15wd3rujyi.png)

Creating an **Issue Notifier** is our first entry for the Github Actions Hackathon. It notifies the owner of the repository on Slack when someone submits/**opens** an issue. In addition, this project can help the maintainers to track issues that other contributors submitted. Thus, this creates more interaction for an open-source projects.

When using this project, make sure that you have your Incoming Webhook URL. 

It is a nice experience to create an app for your Development Slack Workspace. You can go to this [link](https://api.slack.com/apps) to start this. 

Start by giving your slack app a nice and flaring name and choose which workspace to use it for. Then after you created your first app, go to the Incoming Webhooks Tab:

![incoming webhooks tab on slack](https://dev-to-uploads.s3.amazonaws.com/i/v2elvk3wbx1fql0m4ya2.JPG)

Activate the Incoming Webhooks. Then at the bottom, click the **Add New Webhook to Workspace** button and select which channel it will make the posts.

Copy that link and paste it on your repository Secrets environment.


Name that secret `SLACK_WEBHOOK_URL`

![creating a secret environment variable](https://dev-to-uploads.s3.amazonaws.com/i/erh2eg47t6iu5kkpbd3u.JPG)

Here is an example of what we created:

![an example of the issue notifier post](https://dev-to-uploads.s3.amazonaws.com/i/uqcrwrbq0hy7iwybbnss.png)

### Submission Category: 

It could fall on ***Maintainer Must-Haves***, but I guess it is good under ***Wacky Wildcards***

### Yaml File or Link to Code
[Issue Notifier File](https://github.com/itshally/issue-notifier/blob/master/.github/workflows/main.yml)
{% github https://github.com/itshally/issue-notifier %}

### Additional Resources / Info

Our project uses [Slack Incoming Webhook](https://github.com/marketplace/actions/slack-incoming-webhook)


### Creators 

[Hally](https://dev.to/itshally)
[Krishna](https://dev.to/krishnakakade)

[Reminder]: # (Submissions are due on September 17th (11:59 PM PDT) and winners will be announced on September 23!)
Pemanas Air Ramah Lingkungan
Tags: waterheater, pemanasair, solahart, handal
Published: 2020-09-17 16:07:54

Belakangan, kegiatan yang berkaitan dengan mencintai alam sedang marak. Termasuk menggunakan peralatan-peralatan yang ramah lingkungan.

Salah satu bentuk pemborosan yang terjadi adalah penggunaan energi atau bahan bakar yang masif. Tidak luput penggunaan rumah tangga.

Oleh karena itu, diperlukan peralatan yang ramah lingkungan dan menggunakan sumber daya yang tak terbatas.

https://www.solaharthandal.com/ adalah salah satu pemanas air berkualitas yang sudah teruji kualitasnya. Merupakan salah satu pemanas yang menggunakan tenaga surya sebagai sumber energinya.

Jadi, sangat ramah lingkungan dan manfaat mandi air panas dapat didapat pula.

Di samping produk, Kami juga menyediakan layanan service. So, Anda tinggal telpon atau WA Kami, customer akan menjawab dengan senang hati.

Silahkan hubungi nomor ini:

TLP/SMS: 0813-8617-9609 

WA: 0858-8771-6656
TIL- Bootstrap - The Grid
Published: 2020-09-17 15:59:12

[Bootstrap](https://getbootstrap.com) is a front-end, specialized in CSS, but also providing HTML and JavaScript components. It was created in 2011 at Twitter.
It includes a system of grid simple and efficient, which allows to design web applications responsive easily. It also allows the use of styles consistent (and aesthetically pleasing) for buttons, forms, navigation bars, modal windows, and so on...
[download](https://getbootstrap.com/docs/4.3/getting-started/download/)
Put in the `<header>` 
`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">`

# [the Gird](https://www.youtube.com/watch?v=e5VQampkqdg)
[shortly explained] (https://www.youtube.com/watch?v=g3LRU3JF-rQ)

The grid system uses *containers* (this will be the class container which you can imagine as a block). Each container is cut into rows (this will be the classrow). In turn, each row is cut into 12columns (this will be the classcol).

The classcontainer can be of two types:

*container* centers the grid on a fixed width (depending on the size of the screen)

*container-fluid*  full page and no longer fixed( always 100% of the width)

Once yourcontainer created, all you have to do is put yourrows (rows), which will contain yourcol (columns): it will be yourgrate system.

To make your life easier, Bootstrap integrates 4 sizes ("breakpoints" or"breaking points") by default :
*collar : size xs, for smartphone screens. For this size, do not indicate collar-xs but only collar ;
*col-sm : for portrait tablet or landscape smartphone screens ;
*col-md : for landscape tablets or small PC screens ;
*col-lg : for widescreen displays ;
*col-xl for very wide screens.

```html
<div class="container">
        <div class="row">
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <img src="..." alt="">
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <img src="..." alt="">
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <img src="..." alt="">
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <img src="..." alt="">
            </div>
        </div>
    </div>
``` 
If you set a column size to a screen size, it will automatically apply to larger screen sizes. 

[offsetting](https://www.youtube.com/watch?v=7kUlqWW3VBw)
The Angular CLI is Creating Your Unit Tests Wrong
Tags: angular, webdev, productivity, tech
Published: 2020-09-17 15:50:13

I love the Angular CLI. It's effective, it's powerful, it's convenient, and it's easy to learn. But there's one thing I really dislike about it, and that's the way it generates tests.

First some background.

Angular has a testing utility called the TestBed. This utility allows you to run Angular in a limited testing mode so that you can run just a few pieces of an entire angular application during a unit test. This way you can test a component with its template. A very useful capability…WHEN it's needed. But the TestBed has some drawbacks.

First, it's heavy. It adds overhead to the execution of your tests. There's a lot of scaffolding that has to run when the TestBed is executing. Second, it adds a bunch of ceremony to your unit tests. It can easily take 10 to 20 lines of code to configure the TestBed.

Sure, it's nice to test the pieces of your Angular app as if they were running inside the Angular runtime, but the reality is that most of the time you don't need this. Angular components, services, directives, pipes, etc. are all just JavaScript classes. If you ignore the Angular-specific decorators, then you're just dealing with plain old JavaScript.

Let's take a look at an example Angular component

![image](https://cdn-images-1.medium.com/max/800/0*En9o_BphbVAVhk3v?)

And now let's look at the test that the Angular CLI Generates for this class: (don't bother trying to understand all the code, just glance at it)

![image](https://cdn-images-1.medium.com/max/800/0*7hHLRZRrNAJP44dc?)

That's about 20 lines of code.

Now let's look at the component again, but we'll ignore the component decorator.

![image](https://cdn-images-1.medium.com/max/800/0*k45cI9IADDtdl3z7?)

That's just a javaScript class. We can write unit tests for JavaScript classes without some heavy test-time engine like Angular's TestBed.

![image](https://cdn-images-1.medium.com/max/800/0*uwGTA1p4ciN5Dk6f?)

That's only 11 lines of code. And although we can't test anything in the template now, we can still test the code in the component itself. In most cases, this is where the stuff lives that really needs to be unit tested.

So next time you're using the CLI to generate your tests, take a minute and reconsider. You may be better off to write more simple, plain tests without the TestBed.

Happy coding!

Signup for my newsletter [here](https://thinkster.io/?previewmodal=signup?utm_source=devto&utm_medium=blog&utm_term=angularcli&utm_content=&utm_campaign=blog).

Visit Us: [thinkster.io](https://thinkster.io?utm_source=devto&utm_medium=blog&utm_term=angularcli&utm_content=&utm_campaign=blog) | Facebook: @gothinkster | Twitter: @GoThinkster