teleren/devto huggingface dataset:
Completed Hacktoberfest 2020 challenges
Tags: hacktoberfest
Published: 2020-10-17 03:35:56

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
I completed Hacktoberfest 2020 challenge by making 5 contributions to different Github repositories and the top 4 pull requests got accepted and 1 was a bonus.
The best part of open source is that any developer can contribute which makes it exciting to have all those unique ideas together.
Won Hacktoberfest2020!! 
Tags: hacktoberfest
Published: 2020-10-17 03:25:06

It was very exciting experience to have such Hacktoberfest challenge, it helped me not even to use the git and the these technologies but also helped me to enhance my skill usage in such a manner to contribute to open source. It was pure corporate like working experience to have such wonderful challenge.
@DigitalOcean, #hacktoberfest
My Hacktoberfest Story
Tags: hacktoberfest
Published: 2020-10-17 03:17:25

Seriously saying I just loved taking part in the Hacktoberf, it's because of the new people I interacted with learned new things from them. It had given me a great boost in my knowledge. I am very happy as it was my first Hacktoberf and luckily I made it. I will be waiting for the next Hacktoberf too and will be taking part in that one too ;)
My First Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-17 03:14:10

Just few days before October my friends told me about Hacktoberfest. I had totally no idea about Open Source Community and was I so so happy to contribute and make extra bonus PRs. I had contributed to the algorithms sections in the C++ repositories . I also want to thank the hacktoberfest organizers to make this event a success and spam-free. I am so happy to contribute to open-source.
Svelte + Rust WASM = ❤️
Tags: rust, webassembly, svelte
Published: 2020-10-17 03:13:35

---
title: Svelte + Rust WASM = ❤️
published: true
description: A new template for setting up a WASM app with Svelte
tags: rust, WASM, svelte
//cover_image: https://direct_url_to_image.jpg
---

So, over at STLRust, I've been looking for the best JS framework to pair with my WASM escapades for a while.

At this point, I've all but written off the bigger frameworks such as React, Angular, and Vue for reasons beyond the scope of this article.

I decided on Svelte due to its minimalism ultimately.

On my path of bootstrapping my new stack though, I realized that there just isn't any real good documentation on doing this sort of thing yet, so I went ahead and created a template to solve half of that equation.

So if you are in the mood to play around with Svelte and WASM, feel free to give it a try:

https://git.stlrust.org/j4ng5y/svelte-wasm-template.git
Hacktoberfest Completed🔥
Tags: hacktoberfest
Published: 2020-10-17 03:13:21

## What I Learned From Hacktoberfest
I learned a bit of Kotlin,Basics of Android app development and many more skills due to Hacktoberfest.Github is a very good open source platform for developers.Doing 4PRs in public repository was a challenging task and also  a fun task :)
Github link :-
https://github.com/Hritesh007
Hacktoberfest- a wonderful experience.
Tags: hacktoberfest, opensource, machinelearning, algorithms
Published: 2020-10-17 03:11:15

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
* I worked on a lot of algorithm-based beginner-friendly projects. 
* I was contributing to some of the famous coding e-books available.

It was a wholesome and enthralling experience. I learnt that even a novice, such as myself, can contribute to some beautiful and majestic open source products that we use.
HACKTOBERFEST 2020
Tags: hacktoberfest
Published: 2020-10-17 03:08:50

During this period people celebrate the existence of open source by celebrating it. As you know Github is one of the major contributors of open source, so ever year GitHub gives a task when you complete it you are awarded cool swags. This year also Github has challenged to create 4PR and if it gets successful passes the time period than you successfully complete the. challenge!

Open source is important because you can contribute to the people and if your PR gets accepted then your contribution in making the thing shows up in the repo.

To know about the contribution please visit my Github Account:- https://github.com/Arbind007
Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-17 02:58:56

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->

Had a great time this October open-sourcing in Github. Hacktoberfest was really fun for me as, me being a budding developer was able to indulge myself in various open-source projects. I was able to showcase my ability of programming and also learn from pros.

Thanks to Digital Ocean for organizing such an overwhelming fest this year.

Wishing everyone to have a safe, healthy year.
My first Hacktoberfest experience.
Tags: hacktoberfest
Published: 2020-10-17 02:56:25

This is my first time participating in Hactoberfest. I really enjoyed the open-source.
Stop being hesitant and jump. Follow where your curiosity takes you. You never know where you may end up. If you make a mistake, accept it and learn from it. I can assure you that most people will be understanding. It's okay to be a rookie. Everyone was new at one time, and chances are, you are probably a lot more capable than you think you are. Every journey starts with allowing yourself to take those first few steps.
Here I go! Hacktoberfest 2020 complete
Tags: hacktoberfest
Published: 2020-10-17 02:47:17

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->

As a contributor, I got to learn about a lot of new good repositories and to contribute in them was a great achievement. 

As a maintainer, I got the opportunity to review a lot of good Pull Requests and to disregard many repo's which violated the hacktoberfest 2020 standards and label them as spams.
How to Ask a Great Programming Question
Tags: programming, questions, productivity
Published: 2020-10-17 02:43:09

#### When you start the programming journey, you face a lot of problems and bugs in your code that are hard to detect on your own especially if you are a beginner.

There comes asking a question in some of the __great programming communities__ like [`StackOverflow`](https://stackoverflow.com/), [`Reddit`](https://www.reddit.com/), [`Quora`](https://www.quora.com/), and [`CodeProject`](https://www.codeproject.com/) to see if you can get help with your code. Here I am to give you __`7 tips`__ to base on if you want to ask a great question that will get great answers.

### 1. Explain what you're trying to do
People who are going to help you need to know what you are doing to get started helping you. It can help them to correct you if you are using the wrong method to create your project.

### 2. Talk about what you did to solve the issue
Anyone who will be willing to help you will see that you're actually putting in some work on your own.

### 3. Specify the programming language you are using
This is very helpful because you don't want to get the solution of your __`python`__ problem in __`cobol`__. Sites like StackOverflow uses `#tags` to make your question searchable in searches.

![Screenshot of StackOverflow tags](https://dev-to-uploads.s3.amazonaws.com/i/n09hagy7cxhhlpkhzytk.JPG)

### 4. Specify when you get the error.
Do you get the error at the start of the running the program or when you perform some action like clicking on a button or inputting some data?

### 5. __Copy and paste__
Copy and paste the `insensitive parts of the code` and the `error message` that you think might help you to get your answer quickly if possible.

![Screenshot of code sample](https://dev-to-uploads.s3.amazonaws.com/i/63w5c1joq2pfppys6t0f.JPG)

![Screenshot of error](https://dev-to-uploads.s3.amazonaws.com/i/03093jmhegb7v1o03t3k.JPG)

### 6. Include the versions
Try to include the version of the programming language, library, and/or framework you're using. Sometimes you are using an outdated version that doesn't support the features that you want to use or syntax differences between the older and newer version.

### 7. Did you change the code
If the error came after you made a change in your code, explain what you changed and why you changed it. You might need to revert changes or change a different section of your code.

### 8.  :heavy_plus_sign: Plus tip
Now you need to follow the internet etiquette, use a good language, and demand for what worth the question you are asking. __Remember you are asking for help__.
I completed Hacktoberfest 2020 challenge
Tags: hacktoberfest
Published: 2020-10-17 02:41:37

## What I Learned From Hacktoberfest

I completed Hacktoberfest 2020 challenge by making 4 contributions to different Github repositories and all of those 4 pull requests got accepted.
I learned from hacktoberfest that open source is actually powering the software of the world. The best part of open source is that any developer can contribute which makes it exciting to have all those unique ideas together.

It was a great experience to contribute to open-source :)
Fizz Buzz..??? Again?? 🐍
Tags: python, beginners, oop
Published: 2020-10-17 02:39:50

Yes..! let's do `Fizz Buzz` using `python`

But first. What is `Fizz Buzz`?
The "Fizz-Buzz test" is an interview question designed to help filter out the 99.5% of programming job candidates who can't seem to program their way out of a wet paper bag. 
[Fizz Buzz Test](https://wiki.c2.com/?FizzBuzzTest)

>  Si, vamos a programar `Fizz Buzz` en `python`
 Pero primero. Que es `Fizz Buzz`?
 Fizz Buzz test is una pregunta diseñada para una entrevista en lenguage de programacion.

How this is done?
`Check for reminder between two numbers. >>> 5 % 3 = 2`


* Let's create a list of numbers.

```python 
nums = [x for x in range(1, 50)]
```
We need to iterate the list and check the reminder of each number, if reminder of `3 and 5 print 'Fizz Buzz'` if reminder of `3 print 'Fizz'` or reminder of `5 print 'Buzz'` else `print the number`  

Let's create a function that takes the list `nums` and do the job...

```python
def fizzBuzz(nums):
  for i in nums:
     if i % 3 == 0 and i % 5 == 0: 
        print('Fizz Buzz')
     elif i % 3 == 0:              
        print('Fizz')
     elif i % 5 == 0:              
        print('Buzz')
     else:
        print(i)
```
Great! How is the output look like?
`use and ide, this output is too long for this post..!!!`
Let's do some refactor to this code. We are going to use shorter couple ways to do this block of code.

> Fantastico! Como se ve el resultado de este codigo?
`use un ide, este resultado es muy largo`
Vamos a refactorizar este codio un poco. Usaremos lineas mas cortas.

```python
def fizz_buzz(nums):
  for i in nums:
     fizz_buzz = 'Fizz Buzz' if i % 3 == 0 and i % 5 == 0 else ''
     fizz = 'Fizz' if i % 3 == 0 else ''
     buzz = 'Buzz' if i % 5 == 0 else ''
     print(f'{fizz_buzz}' or f'{fizz}' or f'{buzz}' or i)
```
We can be even shorter than this last block of code.. Let see

```python
fizz_buzz = ['Fizz' * (i % 3 == 0) + 'Buzz' * (i % 5 == 0) or i for i in nums]
print(fizz_buzz)
```
Yup! One line and is done...
This might not be the better way to approach `Fizz Buzz` if you can contribute with a different `or` better way, please do. 

Cheers..🍺
I created an AI-powered website improvement tool
Tags: webdev, a11y, typescript, css
Published: 2020-10-17 02:36:28

---
title: I created an AI-powered website improvement tool
published: true
description: Visible is a tool-chain that helps developers to build websites from the perspective of accessibility
tags: webdev, accessibility, typescript, css
cover_image: https://github.com/visible/visible/blob/develop/packages/@visi/web-client/public/static/thumbnail-en.png?raw=true
---

Hi there 👋

This is my first post on Dev.to! I released a brand-new online web accessibility testing tool called Visible. Please try it out!

- https://visi.dev

The main differences between Lighthouse or other testing tools are:

- **🤖 Suggestion:** Visible use AI platforms, [Google Cloud Platform](https://cloud.google.com/) to provide patches to fix the problems of your website!
- **🌎 Accuracy:** Visible uses Chrome via Puppeteer, a headless browser so the result you see is the exact same as what actual browsers render.
- **🤓 Hackable:** Visible supports plugins so you can customize anything like browser, fixing algorithm, or rules.

I coded the entire project with TypeScript and it's (unsurprisingly) open-sourced at https://github.com/visible/visible. Also, don't forget to star it!!
Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-17 02:22:01

This was my first hactoberfest and I learnt more 

I'm newbie to the git and GitHub. So, I know how to make new repo and commit, push. But I never tried (I tried before, but realize that was wrong way🙀) to make a pull request and merge two branches after making changes and never pull.
After participating in this global online event, I learnt it there.

I wanna tell you that no need any rocket science knowledge to contribute to this event. Just, Learn and make it. That's what I did.
My Hacktoberfest20
Tags: hacktoberfest, opensource, github
Published: 2020-10-17 02:16:53

## What I Learned From Hacktoberfest
##How did I come to know about Hacktoberfest 2020?
This was the first time I participated in the Hacktoberfest event. And also the contributions I made were my initial ones. Though I had heard about open source and its vastness, but on making 11 PRs out of which 3 got rejected and labelled spam, I reconsidered my decision of planning for open source contribution anytime in future but not today.

##Current Scenario
After all this and seemingly forgetting about hacktoberfest and my PRs, I resolved to first gain skills. But it was today morning when I received a mail of having completed the HacktoberFest 2020. And that made me yet again rethink about learning by contributing to real projects and not just watching tutorials.

##HacktoberFest 2020 :-
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3hy3txt8jx6x4g54ofs8.png)

##Conclusion
1. This had been my first contributions to open source
2. First time participation in the Hacktoberfest(or any such event or challenge for that matter)
3. First Blog on DEV platform
And hope to continue now that I have started this journey.
Some basic feh commands
Tags: linux
Published: 2020-10-17 01:48:28

feh is a lightweight image viewer aimed mainly at users of command line interfaces.

View images locally or using a URL:

`feh {{path/to/images}}`

View images recursively:

`feh --recursive {{path/to/images}}`

View images without window borders:

`feh --borderless {{path/to/images}}`

Exit after the last image:

`feh --cycle-once {{path/to/images}}`

Set the slideshow cycle delay:

`feh --slideshow-delay {{seconds}} {{path/to/images}}`

Set your wallpaper (centered, filled, maximized, scaled or tiled):

`feh --bg-{{center|fill|max|scale|tile}} {{path/to/image}}`

Create a montage of all images within a directory. Outputs as a new image:

`feh --montage --thumb-height {{150}} --thumb-width {{150}} --index-info "{{%nn%wx%h}}" --output {{path/to/montage_image.png}}`
Simple URL validation with Javascript
Tags: javascript, webdev, schema, yup
Published: 2020-10-17 01:27:05

There is a simple way to validate if an URL is valid in Javascript, no messy Regex needed.

>`const url = new URL(url [, base])`

>`base` is only required if you enter a relative `URL`.

The only catch here is that... IE does not support this. If IE support is NOT required, e.g. building an admin tool for the internal team or it will be launched under a browser instance, etc., use this!

You can use it as a standalone test:

```Javascript
export const isValidUrl = (url) => {
  try {
    new URL(url);
  } catch (e) {
    console.error(e);
    return false;
  }
  return true;
};
```

And you can integrate with a Yup schema:

```Javascript
const schema = yup.object().shape({
  url: yup
    .string()
    .test("is-url-valid", "URL is not valid", (value) => {
      return isValidUrl(value);
    })
});
```
My Hacktoberfest20 summary
Tags: hacktoberfest, github, opensource
Published: 2020-10-17 00:36:39

## What I Learned From Hacktoberfest

This is the second time I have participated in Hacktoberfest. And I can tell how much I have learned this time while contributing to different types of projects.

I have contributed to these projects which I think I should highlight here:

{% github mattermost/mattermost-developer-documentation  no-readme %}

In this one, I learned how to configure sorting the lists(here the blog posts) in Hugo the static site generator.


{% github hasura/learn-graphql no-readme %}

In the second one, I migrated the whole apollo-angular tutorial to Angular's latest version, i.e. 10! I learn how to migrate older versions of angular apps to the latest version of the framework and the other libraries that are built upon the schematics of angular devkit.

I learned about working with Graphql while contributing to the Hasura project.

Some other contributions were some minor changes which I believe most of the people have done during this season.

 
Thank you DigitalOcean, Dev, and all the wonderful humans out there!
Photovoltaic Fault Detector with Keras and Tensorflow
Tags: opensource, datascience, github, hacktoberfest
Published: 2020-10-17 00:21:50

# Model Detection
Fault detection methods for photovoltaic systems are numerous (electrical characterization, visual inspection, ultrasonic inspection, infrared imaging, imaging…). Some methods use appropriate equipment (thermal camera…).

That is what the [Rentadrone](https://rentadrone.cl/developers) team, have been developing during these last months, to make an open-source solution to achieve that task.

The models used for detection are SSD SSD: Single Shot MultiBox Detector and YOLOv3 with some improvements and modifications. You can see more about in [YOLOv3: An Incremental Improvement](https://arxiv.org/abs/1804.02767)

# Example of type of data
The images used for the design of this model were extracted by air analysis, specifically: FLIR aerial radiometric thermal infrared pictures, taken by UAV (R-JPEG format). Which were converted into .jpg images for the training of these detection models. Example FLIR image:
![Thermal image](https://dev-to-uploads.s3.amazonaws.com/i/ucous97zalsd73yu08lf.jpg)

# Example of output data

### Soiling Fault Detector
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/g2l0aepw9tni9jusy5wq.jpg)

### Affected Cell Detector
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/iqmh4rozb76ao18xcozw.jpg)

### Diode Fault Detector
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vk8tc5bj8a74suq2axt5.jpg)

### Panel Disconnect Detector
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/35icg9hgn0m49zhpfyxo.jpg)

In our [GitHub repository](https://github.com/RentadroneCL/Photovoltaic_Fault_Detector), you can find all the pertained models detection models that point out where the panel faults as wells as some examples and how to train & test the models.

All contributions are welcome, whether to add new features, fix existing bugs, or add support.

Want to know more about taking a look [Rentadrone.cl](https://rentadrone.cl/developers), or follow us on [GitHub](https://github.com/RentadroneCL).
Can you spot the algorithmic error?
Tags: computerscience, algorithms, algorithmicthinking, pseudocode
Published: 2020-10-17 00:07:22

## Buggy Code

This algorithm has a bug in it.

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

## (Spoiler Alert: Solution below)
This is the same pseudocode with the bug removed
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gzal8wqabo4b2qtneir5.png)

Did I miss any bugs?
Add Testing to Existing Vue Project
Tags: vue, testing, tdd
Published: 2020-10-19 04:49:57

---
title: Add Testing to Existing Vue Project
published: true
date: 2020-10-17 00:00:00 UTC
tags: vue, testing, tdd
canonical_url: https://hiltonmeyer.com/articles/add-vue-testing-to-existing.html
series: Learning Vue along with TDD
---

I've been intrigued to learn Vue and have tried to get Vue under my belt after going through the vanilla javascript course and now feeling comfortable writing javascript and actually looking at it and understanding more or less what is going on in the code. I have also been hearing about test driven development so thought that if I'm in for a penny then might as well be in for a pound. So my project is to get a shopping list setup based on recipes I have and also keep an inventory of stuff I have in the pantry. So I will document how I get it all put together and hopefully help anyone who is looking to get a project started using Vue and then advancing the getting started project on to something more substantial which is where things normally drop off on other tutorials I see online.

So having the project already started which in hindsight I should document but as this is adding to an existing project I guess this will be the starting point. Using the vue-cli you can add testing to a project as follows:

```
vue add @vue/unit-jest

```

That will add the testing suite to your project and even include an example of a test. My one change to it was in the `package.json` file scripts to add watch to the testing script so that I don't have to run it every time but it rather act's as a runner.

```
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit --watch",
    "lint": "vue-cli-service lint"
  },

```

Now when using VS Code I have a split terminal. One running the `serve` script and the other running `test:unit`. I might even delete the `:unit` for now as this project might only use unit tests.
How to change the name of branches locally and remotely in Git?
Tags: git
Published: 2020-10-17 00:00:00

---
  title: How to change the name of branches locally and remotely in Git?
  published: true
  tags: Git
  date: Sat Oct 17 2020 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/change-name-of-branch-local-and-remote-git
  cover_image: https://melvingeorge.me/_next/static/images/main-8b3ac6379ce37b7f428a476ca497b4ee.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/change-name-of-branch-local-and-remote-git)
  
## Change the branch name locally

There is 2 scenarios here:

### Scenario 1: If you are on the branch

If you are on the branch which you want to change the name then you can use this

```bash
git branch -m new-name-of-branch
```

command.

### Scenario 2: If you are on another branch

If you are on another branch but want to change the name of a specific branch then you can use this

```bash
git branch -m old-name-of-branch new-name-of-branch
```

command.

## Change the branch name remotely

After changing the name of the branch locally in git, now you may want to get the same name reflected remotely like in GitHub, Gitlab, Bitbucket, etc, Git hosting services.

To do that first, you need to delete the old branch in remote, you can do this with this command,

## 🚀 NOTE: BEFORE DELETING ANY REMOTE BRANCHES ALWAYS MAKE SURE YOU HAVE THE LATEST CODE CONTENT LOCALLY.

```bash
git push origin --delete old-name-of-branch
```

Then you need to push the newly renamed local branch to remote, to do that you can use this,

```bash
git push origin new-name-of-branch
```

And lastly, you need to reset the upstream branch for the new local branch. You can achieve this using this,

```bash
git push origin -u new-name-of-branch
```

This is done to keep the sync between the remote and local branches.

This is what I do personally to rename the branches in my projects ✅.

That's all! 🌟

### Feel free to share if you found this useful 😃.

---