teleren/devto huggingface dataset:
Why am I taking OSD600?
Published: 2020-09-17 19:58:02

My name is Jennifer and I live in North York.  I am a Student at Seneca College in my 6th semester in Computer programming and Analysis. Because of COVID19 we are all doing our studies from home. Adapting to working from home on the computer can sometimes be challenging as I am surrounded by teenagers.  

I am taking this course because my goal is in software development.  I believe this course will help me get more experience in the field of development and help me become a better programmer.

Open source is interesting to me because it is community of people that help others solve coding problems together.  It is also a creative outlet that helps all participants make better programs.

My hope is that I can increase my skills as a programmer and learn to use more online tools.  I would like to work on ASP.NET, C++, C#, python, linux and if it is possible Scripting for generating objects with code in 3D modeling.

The trending github repo I found that was interesting was https://github.com/bevyengine/bevy.  It is a game engine built in Rust that is data-driven and easy to use.  What I have discovered in my research of this Bevy Engine is that is it allows you to write code to create 2D and 3D objects with short rendering time. It is designed to be easy to use by beginners.  It also cross platforms on Windows, MacOS and linux. The Bevy Game Engine is still new in it's development phase and so it is not yet reliable for creators.  I picked this trending repo because I think that the beginning of a new game engine that beginners can use is exciting.  A new person interested in learning to code models is a good way to introduce them to design and modeling.
Contribute to HacktoberFest-2020
Published: 2020-09-17 19:51:09

# HacktoberFest-2020

- [HacktoberFest-2020](#hacktoberfest-2020)
  - [What is Hacktoberfest?](#what-is-hacktoberfest)
  - [😕 Why Should I Contribute?](#-why-should-i-contribute)
  - [What Can I Contribute?](#what-can-i-contribute)
  - [How to Contribute in this repo.](#how-to-contribute-in-this-repo)

## What is Hacktoberfest?

Hacktoberfest is a month-long virtual festival event to celebrate open source contributions presented by Digital Ocean and DEV. It is the easiest way to get into open source!

## 😕 Why Should I Contribute?

The Hacktoberfest’s simple plain objective is:
Support open source and earn a limited-edition T-shirt!
But, it’s not just about t-shirts or stickers. It's about supporting open source. It's about celebrating open source, and giving it back.

## What Can I Contribute?

Hacktoberfest® is open to everyone in our global community. Whether you’re a developer, student learning to code.

You can contribute to any open source project hosted on Github.com and contribute anything between October 1 to October 31 midnight in 2020. You will find plenty of issues labelled with hacktoberfest or good-first-issue etc on Github. These will be the simple ones most probably and easy to fix.

- [pycontributors@gmail.com](mailto:pycontributors@gmail.com)

{% github https://github.com/Py-Contributors/Hacktoberfest-2020 no-readme %}
My First Post on Dev.to
Tags: 100daysofcode, codeanappperday
Published: 2020-09-17 19:40:43

Here's my first post and it feels so good to be here. Attached is the first two pages I'm working on. It's about #OneAppPerDay. It's about how I coded a to-do app using HTML, CSS and JavaScript; and each line of code is explained in details. It will be available for free download in few days.

Cheers to all the hardworking people here👏👏👏🔥
Will critique for code
Tags: webcomponents, haxtheweb, beginners, github
Published: 2020-09-17 19:37:45

Ever wanted to contribute to a growing open source project but feel you don't know how to get an "in" or where to begin? [HAXTheWeb](https://haxtheweb.org/) has multiple issues like this but I think this is a particularly good one for people new to front end development looking to learn web components. Our team can bang this out in a few hours but that's not the point - we need you!

## Me?
Yes You! You reading this right now are able to contribute to Web components and making the web a more open place. You don't know where to start, well I'm here to tell you. Here's the place to start https://github.com/elmsln/issues/issues/388

We're looking to make a web component that hits github's API and then presents what it finds. If your willing to donate the time to make it, we're willing to donate the time to critique, guide and help you hone your skills.

## But I don't know anything
Critique is not about shaming or ruining someone's day. Critique is a series of nudges toward a better version of what your trying to build. Our team critique's each other's work on a regular basis; it makes us stronger. Impostor syndrome keeps you from contributing to open source projects or learning a new development approach; we're here to help dispel that too with a friendly and open community! This is a safe place to learn, be wrong, and learn new approaches to things.

## How do I "apply"?
Join us in our slack channel at https://bit.ly/haxslack . If your willing to build a `code-repo-preview` (or whatever name) web component that can visualize Github data as an overview, we're willing to help answer questions and point you to resources on how to make this happen.

## Who are you?
HAXTheWeb is a collective of developers from multiple organizations but the bulk of our code backing is done by multiple college's at Penn State. Together we work with each other, other institutions, government agencies, student groups and random people to build a better, more open, more free web. All our work is open source and our monorepo (1 repo to manage many projects) has north of 200 NPM published web components -- https://github.com/elmsln/lrnwebcomponents

Jump in our channel and let's build the future together!
When Should You Actually Move On To The Next Project?
Tags: beginners, selftaught, codenewbie, projectmanagement
Published: 2020-09-17 19:26:14

---
title: When Should You Actually Move On To The Next Project?
published: true
description: 
tags: #beginners, #selftaught, #codenewbie, #projectmanagement
//cover_image: https://direct_url_to_image.jpg
---

<!-- wp:paragraph -->
<p>This is a question I asked myself today in the midst of anxiety and overthinking. Being self-taught I've had to pave my path based on the amazing advice of others and it's been wonderful but lately I've been asking myself questions that I feel would be better answered on a platform like this.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Some context: I've been working on a basic survey form that for now is purely HTML and CSS. (later on that will change) The first time I tried to work on it I found myself worried about just getting it done and moving onto the next project that I didn't stop and actually look at my code to see if it made sense. Why am I rushing myself?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>After a walk outside, a drink of water, and a few deep breaths later I sat down at my laptop and tried again. This time I tried to focus not on how long it was taking me but the actual structure of the form itself. Is my code messy and hard to understand? Do I know why this particular part has a class of XYZ? If I don't know how to style something will I take the time to figure it?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>I guess what I'm trying to say is that I could spend forever tweaking projects to satisfy the perfectionist voice in my head. But when is the appropriate time to wrap things up and move on to another project?</p>
<!-- /wp:paragraph -->
Leetcode #387 First Unique Character in a String with Swift and HashTable
Tags: swift, 100daysofcode, codenewbie, leetcode
Published: 2020-09-17 19:10:24

{% youtube mRvpqYkg4NU %}

Enjoy the video 😀🙏

Also written version https://losseff.xyz/leetcode/001-first-unique-character-in-a-string/swift/
Using GitHub Actions to Automate Image Classification with Microsoft Azure Custom Vision Services
Tags: actionshackathon, azure, python, github
Published: 2020-09-17 19:09:36

[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!)

I created this new GitHub Action available [here](https://github.com/marketplace/actions/automating-image-classification-with-microsoft-azure-custom-vision-training-and-prediction) with which we can automate the entire process of image classification with Azure Custom Vision.
With this - all a user needs to do is: 
* Add the 4 SECRETS which are basically Azure Custom Vision Services Credentials. The process is explained in the [README](https://github.com/mritunjaysharma394/autoCustomVision/blob/master/README.md)
* Upload Image Dataset in the GitHub Repo and modify the `tags`, `tagsVar` and `trainSize` accordingly in the below `yml` file.

Here's a sample workflow YML file using this Action:

```yaml
name: Auto Custom Vision Classifier
on:
  push:
    paths:
    - '**.yml'
jobs:
  build_model:
    runs-on: ubuntu-latest
    steps:
    - name: Automating Image Classification with Microsoft Azure Custom Vision Training and Prediction
      uses: mritunjaysharma394/autoCustomVision@v1.0
      with:
        tags: "[Hemlock,Japanese Cherry]" # Rename it according to the folder name under images/ which will also be our name to the tags
        tagsVar: "[hemlock_,japanese_cherry_]" # Rename it according to the symmetry of file names under images/tag/ 
        trainSize: "10" # Train Size of Each Tag
        endpoint: ${{ secrets.AZURE_ENDPOINT }}
        trainingKey: ${{ secrets.AZURE_TRAINING_KEY }}
        predictionKey: ${{ secrets.AZURE_PREDICTION_KEY }}
        predictionResourceid: ${{ secrets.AZURE_PREDICTION_RESOURCE_ID }}
```

### Submission Category: 

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


### Yaml File or Link to Code

Link to GitHub Repo of the Action and the Workflow:

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


### Additional Resources / Info

#### Working Video Example:
{% twitter 1306674875700924417 %}
#### Project where it is being used: 
{% github Haimantika/test_autocustomvision %}
Another way to search for an element in an array in JavaScript
Tags: javascript, algorithms
Published: 2020-09-17 18:47:41

Is this useful for you?

```javascript
function funnelSearch(arr, target, x = 0) {
  if (!arr.length) return;

  if (arr.length === 1 && arr[0] === target) {
    return target;
  }

  const left = arr[x];
  const right = arr[arr.length - x - 1];

  if (left === target || right === target) {
    return target;
  }

  if (x > (arr.length / 2)) return;

  return funnelSearch(arr, target, x + 1);
}

const numbers = [1,2,3,4,5,6,7,8,10];

console.log(funnelSearch(numbers, 1)); // 1
console.log(funnelSearch(numbers, 5)); // 5
console.log(funnelSearch(numbers, 0)); // undefined
console.log(funnelSearch('Marco Damaceno', 'D')); // D
```

Honestly, I don't know the name of this technique.

It starts from index 0 AND from the last one incrementing the first index and decrementing the last index. And so on until it finds the element. If it does not find, returns `undefined`. It takes half time to go through all the elements than a usual that starts from index 0 to the last one.

I named it **funnelSearch**, because I didn't find anything like it documented on the web. Maybe, I didn't use the right words on my searches. BinarySearch?

If this technique has a known name, please, let me know.

PS: It also works for strings.
Parabeac-Core v1.1  - Prototyping to Flutter code

Tags: flutter, design, prototyping
Published: 2020-09-17 19:09:34

We just released Parabeac-Core v1.1 & we added some really cool stuff! See below:
* Sketch prototyping
* Parabeac Design Language (PBDL)
* Metrics
* Miscellaneous Bug Fixes

## Sketch Prototyping
We added support for prototyping, now you can prototype & create navigation in Sketch & have it directly exported to Flutter. The gif below is an example of prototyping & navigating to the other screens made in the Sketch file!

## Parabeac Design Language (PBDL)
When we launched, user's quickly told us how much they wanted Figma, but mapping in-between design schemas can be a challenge. So we created a standard, Parabeac Design Language so that any design file could be mapped to PBDL. This makes it very easy to add support for other design files. If we don't support the design program you use, let us know in the comments, make an issue on Github, or reach out to us in the Discord community!

![Sketch prototyping to Flutter](https://kindling-sketch.s3.amazonaws.com/sketch_prototyping.gif)

## Metrics
We added metrics for us to understand how users are using Parabeac-Core so we know where to focus on. The data we track keeps our users anonymous & we appreciate developers who leave this option on but if you don't feel comfortable, you're welcome to turn them off.


---
https://github.com/Parabeac/Parabeac-Core

*Parabeac-Core is an open-source project that takes design files & converts them into Flutter code. You can read why we open-sourced this project & the importance of this project being driven by the designer & developer community: https://dev.to/parabeac/why-we-open-sourced-our-company-3a0i*
Optional chaining (?.)
Tags: javascript
Published: 2020-09-17 18:53:11

Optional chaining is something I know about it later this week and i found it a powerful feature to use when accessing object keys 
```
let personalData = {
userId: 2223 ,
userDetail:{
    name :{
    userName :{
        fullName:{
            firstName:"John",
            lastName:"Bob",
            otherName: {
                nickName:"Jonn"
            }
        }
    },
    age: 24
    }
}
}
```
this is users object in user object  some user have parents information and some don't but we have to access it to utilize the information by calling it through __dot(.)__ notation,
we are calling __fatherName__
```
personalData.userDetail.fatherName 
//VM2126:1 Uncaught TypeError: Cannot read property 'fatherName' of undefined at <anonymous>:1:34
```
it throws back an error as father name is not present in the object its something not good practice to print the __error__ on UI so we have to use this old way using the __AND__ operator
```
personalData && personalData.userDetail 
&& personalData.userDetail.fatherName 
//undefined
```
now we are in a safe zone by using the __AND__ operator now it returns undefined instead of an __error__,  
here comes optional chaining to reduce syntax simply use __(?.)__ and it returns __undefined__ if the value not exist 
```
personalData.userDetail.username?.fatherName
```
this is very needful when accessing nested object properties and makes us on the safe side from causing an error
Issue Branch action
Tags: actionshackathon, github, opensource
Published: 2020-09-17 18:40:21

---
title: Issue Branch action
published: true
description: Github action that comments on an issue when a related branch is created
tags: actionshackathon, github, opensource
---

[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!)

Github action that comments on an issue when a related branch is created.

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


### Submission Category: 

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

Maintainer Must-Haves


### 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)

{% github https://github.com/strdr4605/issue-branch-action %}
Meet the formerly incarcerated software engineers who built a no-police alternative to 911 
Tags: mobile, app, blacklivesmatter, socialjustice
Published: 2020-09-17 18:37:53

I am very proud to share this piece about our amazing team who built Not911 as a response to the killing of George Floyd and subsequent protests. [Read the whole story on Medium](https://medium.com/@emergentworks/meet-the-formerly-incarcerated-software-engineers-who-built-a-no-police-alternative-to-911-5a5af163f8b2?sk=9d634d639398f5c23c0bc28dc9f63bc4)

Not911 is a mobile app for resolving community level issues without police involvement. It is available for download on Android devices and as a web app at [http://not911.nyc](http://not911.nyc).


"Being able to circumvent the police and still get your needs met is a beautiful thing." Not911 was built by [Emergent Works](http://emergentworks.org), where teams are comprised of at least 50% justice-involved software engineers.
My 1st GitHub Action
Tags: actionshackathon, actions, github, opensource
Published: 2020-09-17 18:37:15

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


### My Workflow
Since I am still very new GitHub Actions and were not sure where to start, I started at the beginning. 

Getting a tutorial that will help me understand the basics and to lay the foundation for my 2.0 version.


### Submission Category: 

DIY Deployments


### Yaml File & link to repo

```yml
# This is a basic workflow to help you get started with Actions

name: Testing my first GitHub Action

on: [push]

jobs:
  hello_world_job:
    runs-on: ubuntu-latest
    name: A job to say hello
    steps:
    - name: Hello world action step
      id: hello
      # uses: carike/hello-world-javascript-action@v1
      uses: actions/hello-world-javascript-action@v1
      with:
        who-to-greet: 'Carike and Octocat'
    # Use the output from the `hello` step
    - name: Get the output time
      run: echo "The time was ${{ steps.hello.outputs.time }}"

```

You can find my repo here: 
{% github Carike/hello-world-javascript-action %}


### Additional Resources / Info

If you are just like me, new to GitHub Actions, go through the guide provided by GitHub to get you started by [creating a JavaScript action](https://docs.github.com/en/actions/creating-actions/creating-a-javascript-action).

I tested it out on my own repo referenced above if you want to [see it in action](https://github.com/Carike/hello-world-javascript-action/runs/1087626728?check_suite_focus=true)!
Spring + Thymeleaf + Bulma + Charts = Awesome Covid Trend Tracker
Tags: showdev, java
Published: 2020-09-17 18:36:50

Hi Folks,

I hope you all and your families are safe.

I know I am a bit late for a corona tracker app but I think better late than never. This is not a very unique idea but I have tried to present it differently.

And this is my first attempt on java spring. Thus, I will appreciate your precious feedback. 

So, When I initially thought about creating a spring application, I had no idea of what I will create. And I started surfing the web for ideas and datasets. I had to choose a not so advanced idea so that I can complete the project fast and build my confidence. Then I found [this github repository](https://github.com/datasets/covid-19) where covid data is updated daily. They have hosted CSV files where data is updated automatically everyday.


After digging a bit, I came across [Apache Commons CSV](https://commons.apache.org/proper/commons-csv/) library which made it easy for me to use that CSV file in my project.


I decided to render a line graph for every country to make it more presentable. And that's how I found highly customizable [Google Charts](https://developers.google.com/chart). Fetching Data from CSV was easy, as was using a templated google line chart. But Converting the CSV data to the format which chart needed as input was not that easy. I had to use HashMap of ArrayLists of ArrayLists. 


First Level ArrayList - for day wise record of a country from january. (Each record contains three different values for Total Cases, Recovered Cases and Deaths)
Second Level ArrayList - for all countries


This was fun 🤩🤩. If you are interested to know all the nitty-gritty of the implementation. Check the [source code](https://github.com/pagalprogrammer/covid19Tracker).


For frontend I decided to use [Bulma CSS](http://bulma.io/) due to its lightweight size and ease of use. And for templating, I think thymeleaf is obvious.


Result page looks like this:
![Covid Trend Tracker by pagalprogrammer - Result Page](https://dev-to-uploads.s3.amazonaws.com/i/imaz7cfe2y7fkp34m0uv.JPG)


I am open to positive criticism, feedback, chocolates, repo stars, coffee. Check out the live version hosted at heroku [https://covid-trend-tracker.herokuapp.com/](https://covid-trend-tracker.herokuapp.com/).


If you are willing to contribute, then create an issue and let's discuss about it or you can skim the code to tell me what I did the way I shouldn't.

{% github https://github.com/pagalprogrammer/covid19Tracker %}
Hacktoberfest 2020 — Who's looking for contributors?
Tags: hacktoberfest, opensource, discuss, contributorswanted
Published: 2020-09-17 18:32:28

---
title: Hacktoberfest 2020 — Who's looking for contributors? 
published: true
description: Maintainers: if you're seeking Hacktoberfest collaborators for your projects, this is the spot to share your info!
tags: hacktoberfest, opensource, discuss, contributorswanted
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/2ph1gpihx5yvew74givp.png
---

_Update 10/2/20: If you’d like your project to be eligible for Hacktoberfest contributions, you **must** classify it as a [Hacktoberfest Project](https://github.com/topics/hacktoberfest)._

---

[Hacktoberfest 2020](https://hacktoberfest.digitalocean.com/) is coming up on October 1st! 

Starting now through the end of Hacktoberfest, **maintainers can drop links to/information on their projects in the comments below.** The goal? To find helpful contributors seeking projects to improve in the name of Hacktoberfest!

**Participants can use this thread as a reference for projects that are actively seeking contributions 🎉**

_P.S. Maintainers: Wondering how you can get your repos in tip-top shape for contributors? Take a look at [this article](https://dev.to/devteam/preptember-start-getting-ready-for-hacktoberfest-this-month-58cn)._ 

_P.P.S._ If you'd like to find a way to lend your expertise to this year's group of open source newbies participating in Hacktoberfest, Raise.dev's [Hacktoberfest Helpdesk](https://raise.dev/hacktoberfest) is the perfect opportunity! You can volunteer for paired programming and Q&A sessions via Twitch and more! A few of the DEV/Forem team will be helping out at this helpdesk — hope to see you there!