teleren/devto huggingface dataset:
Exploring DEV
Tags: hacktoberfest
Published: 2020-11-03 08:45:31

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### [Begineer to Open Source]
This is the first time I am using DEV, I participated in Hacktoberfest and there I came to know about DEV platform, still I am exploring this platform
<!-- This is the first time I am using DEV, I participated in Hacktoberfest and there I came to know about DEV platform, still I am exploring this platform  --> 
### Background
I am new to the opensource community, As I am a student so I am into programming for the last 2-3 yrs and I always wanted to contribute to the open source community
<!-- I am new to the opensource community, As I am a student so I am into programming for the last 2-3 yrs and I always wanted to contribute to the open source community→

### Progress
I did 4 pull request in Hacktoberfest and all of them got accepted.
<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### Contributions
I contributed to BitMesara git hub repo as I know a little bit of web development 
https://github.com/ietebitmesra/HacktoberFest-2020
<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### Reflections
This is the first time when I came to know about Hacktoberfest and I tried this for the very first time.
Next year also I will participate in this.
<!-- Overall, how has your Hacktoberfest 2020 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->
Local lib-jitsi-meet
Published: 2020-11-03 08:41:56

Hi,
I'm trying to create a react application that uses lib-jitsi-meet.
If I install the lib via npm I don't have problems, if I set up the package.json to use a local folder (I need to modify lib-jitsi-meet) I obtain the following error:

./node_modules/@jitsi/js-utils/jitsi-local-storage/index.js
SyntaxError: /Users/user/uncr/unicorn-app/app/node_modules/@jitsi/js-utils/jitsi-local-storage/index.js: Support for the experimental syntax 'classProperties' isn't currently enabled (11:14):

   9 |      * The object used for storage.
  10 |      */
  11 |     _storage = {};
     |              ^
  12 | 
  13 |     /**
  14 |      * Empties all keys out of the storage.

Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel config to enable transformation.


I tried to execute the eject and add @babel/plugin-proposal-class-properties  and follow https://git.io/vb4S, but nothing.

do you have any advice about the solution?
Thanks
Angelo
2020-11-02 | Docker Fundamentals, JS Course, Contemplation
Tags: learninpublic, beginners, webdev, career
Published: 2020-11-03 08:39:12

---
title: "2020-11-02 | Docker Fundamentals, JS Course, Contemplation"
published: true
description: "Summary of my day"
tags: ["LearnInPublic", "Beginners", "Webdev", "Career"]
series: "miku86 Diary"
canonical_url: "https://miku86.com/blog/day-2020-11-02"
---

My first task was to move some parts of my local dev environment into containers. I did this for Postgres, PGAdmin and Redis. Re-learned a lot about Docker. The [fundamentals](https://www.docker.com/resources/what-container) are actually quite simple. The container terminology comes from the cargo/shipping industry. As a cargo manager, you don't have to deal with different cargo sizes placed onto the ship, the people who want to ship their stuff just put them in standardized containers. The cargo manager now just has to keep track of the amount of containers, instead of how to place them tetris-like onto the ship.

`instruction set (= Dockerfile) => image from the instruction set => container instance from the image`

If you want to use a pre-made image, you can download it from [Docker Hub](https://hub.docker.com/search?q=&type=image) and skip creating your own instruction set.

---

Afterwards I worked on the content of my JavaScript course. I think I use a cool approach. Less about the nitty-gritty implementation details (= what to type), more about how to think. I think beginners care too much about the implementation details ("Which programming style/language/framework/syntax should I use?").

First beta release to get first feedback is planned for end of next week.

---

In the afternoon I did a big printing session. I like do work on my contemplation stuff with pen & paper. I think it is important to have analog skill hobbies. I think even social activities nowadays have a high amount of screen time. That's why I read [Rationality: A-Z](https://www.lesswrong.com/rationality). Focused reading at a desk is highly underrated.
Parsing Json File Using Python
Tags: python, beginners
Published: 2020-11-03 08:25:01

Here Some script to parsing json file using Python :


### data_barang.josn

```json
{
  "data":{
    "row" : [
      {
        "id":"10001",
        "nama_barang":"Air Mineral",
        "stok":"7",
        "satuan":"Botol",
        "harga":"5000"
      },
      {
        "id":"10002",
        "nama_barang":"Minyak Goreng",
        "stok":"10",
        "satuan":"Pcs",
        "harga":"20000"
      }
    ]
  }
}
```

### tania.py

```python
import json
json = json.loads(open('data_barang.json').read())
value = json['data']['row']

for i in range (len (value)):
    print("=================================")
    print("Nomor        : ",i+1)
    print("Id Barang    : ",value[i]['id'])
    print("Nama Barang  : ",value[i]['nama_barang'])
    print("Stok         : ",value[i]['stok'])
    print("Satuan       : ",value[i]['satuan'])
    print("Harga        : ",value[i]['harga'])
    print("=================================")
```

### Result

![Alt Result](https://dev-to-uploads.s3.amazonaws.com/i/1c0m5xs5snhweje09mz5.png)
PongPong ! My First Game
Tags: python, gamedev, github, codekaro
Published: 2020-11-03 08:22:04

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1go4pb384qz25kks7lo1.gif)

Ping Pong, Recently I finished coding the game and it is actually working 😂
Ever wondered, how can I make games, which programming language to use or do I need to learn DSA or Machine Learning?

Until last month, I was also wondering about these questions when I started this project to learn something new.

Programming Language I used: Python

Yes, that’s it, you need to know how to code in Python and you have covered 90% !

Remaining 10% can be covered using pyglet, an amazing python game library, that you would need for graphics and motion of objects.

And yes, you don’t need to learn DSA or Machine Learning to make this game, it is super simple and anyone can start their journey to game development with this game of Ping Pong.

Go, check it out and explore different functionalities that you can add to this game.

Later, I will be posting a tutorial on how to use pyglet for game development. So stay tuned !

Link to this project in comments.
#codevember - 3 - Colored Chaos - Made with tsParticles
Tags: codepen, showdev, javascript, html
Published: 2020-11-03 08:14:00

# Colored Chaos

**Made with [tsParticles](https://github.com/matteobruni/tsparticles)**

{% codepen https://codepen.io/matteobruni/pen/mdEKEym %}

Checkout more samples on CodePen [here](https://codepen.io/collection/DPOage)
Project Universe update
Tags: gamedev, videogames, indiedev, unity3d
Published: 2020-11-03 08:12:21

Just posted a situation update to Patreon regarding Project Universe's game/school development!

https://www.patreon.com/posts/43483698

Game dev is accelerating thanks to several new volunteers joining the team!

Promising news regarding the integrated global school system

and more!
React Learnings from 2018 - Part 3
Published: 2020-11-03 08:12:01


---
title: React Learnings from 2018 - Part 3
published: true
description: Part of an old series of posts I wrote about getting to grips with React
tags: 
//cover_image: https://direct_url_to_image.jpg
---



This is part 3 of my React Learning series. Using knowledge gleaned from [React For Beginners by Wes Bos](www.reactforbeginners.com) 

 Last time we explored:

- Setting up the tutorial environment from React for Beginners.
- How to create a component
- How to import and export it
- How to use JSX
- How to apply a basic style to index.js

Now lets look at stringing a few components together onto a page.

## App - The Parent Component

We first need a root or parent component to centralise and share data, methods across the three sibling components as follows:

- **App**
    - Menu
    - Order
    - Inventory

At this point its probably worth mentioning that the course is working on making a restaurant site with three panels (Menu, Order and Inventory) but I'll try to use generic examples where possible.

Anyhow, that is 4 components we need to make. We make them in the components folder and for convention we give them a capital first letter.

### To make the App component we do the following

1. Create the `App.js` file
2. Import React
3. Create App Class
4. Add Render Method
5. Export App Class
   
So this makes the code look like this:

```js
import React from 'react';

class App extends React.Component{
    render() {
        return (
            {/* Divs containing other components can go here*/}
        )
    }
}

export default App;
```

This is a frequent pattern so I will spare you the process for the other components.

# The index.js

For now we can just import App and replace the storePicker to render like so:

```js
render(<App />, document.querySelector("#main"));
```

# Back to App.js

Since this is parent component, we need to include the child components. We can do this by nesting divs inside a parent div. With some styling, we will end up with something like this:

```js
class App extends React.Component{
    render() {
        return (
            <div className="lukies-awesome-store">
                <div className="menu">
                    <Header />
                </div>
                <Inventory />
                <Order />
            </div>
        )
    }
}
```

In conclusion, we now have a bunch of components:

- An App Component which is the one referred to in index.html. This in turn contains:
    - A Header Component
    - An Order Component
    - An Inventory Component

Right now they are siloed, in the next post we will look at how they can pass information to each other and how that information itself is kept.
HacktoberFest 2020 Experience
Tags: javascript, java, python, git
Published: 2020-11-03 07:26:09

Contributing to open source seems to be a very hard thing to do especially for beginners. Every year, hacktoberfest is organised to help open source community to learn and grow. It benefits all new comers and professional workers equally. While some might find this as an opportunity to grab a t-shirt and some cool stuffs, but that is not the purpose of hacktoberfest.

While looking for some really cool projects like industry-level code bases to beginner-friendly projects, I find the latter one a bit easy to begin with. So I started out with some repositories that included SPOJ and Leetcode solutions. I contributed to them with some of my submitted and accepted solutions. 

How did I contribute?
Of course, there's a fancy word "pull request" for contributing to open source repos. Suppose You make local code changes and then submit those changes to a remote project maintainer for review before those changes are implemented, or merged. Now, This is called a pull request; you are requesting that someone reviews and approves your changes before they become final. Once the code review is completed, it is merged in the final code base by the maintainer, after it is merged, your PR is accepted. 

The beautiful thing about open source is, you can contribute to almost anything. Take this challenge not for the t-shirt and goodies, but to learn git and write quality code which would be eventually used in the enterprise world, sounds cool, right? 

See you all next year!
My Open Source Journey
Tags: hactoberfest2020, digitalocean, opensource
Published: 2020-11-03 06:15:19


 I Learned a lot From Hacktoberfest
This is the first time I participated in Hacktoberfest and also my first opensource contribution. I learned a lot of new skills from Hacktoberfest, working with new developers on their projects helps me to improve a lot. It was a great experience.

Hacktoberfest 2020 is one of the best experiences of my journey to a developer, that I will always cherish it. The excitement at the hour when my first pull request was merged can't be expressed in words. To Be Honest, I didn't know the importance of this fest I just take part in this fest for fun. My only target was to submit 4 pull requests but Later on, I realized that I did more than 4 pull requests. I am extremely grateful to be a part of Hacktoberfest 2020 which boosted my confidence to a different level.

Skills I gained during this period -

Git
GitHub
CSS
Finding issues
** I hope my journey with open-source will continue.**

Thanks a lot, Digital Ocean for this opportunity!
What are your Short/Long Term Goals as a Software Developer? 💻
Tags: discuss, career, goals, productivity
Published: 2020-11-03 06:09:53

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

I'm currently in my nth month and fairly newly-hired software developer and for our first `1-on-1s` I was asked what are my short and long term goals.

So for `short-term` goals, I quickly thought of technical skills which I don't know a thing or just a gist of it that'll be supplemental for my role while a general idea of leadership/management skills for `long-term` goals.

But that's just me, I want to know what plans/ideas you guys are in preparation for. :ledger:
Node.js Crash Course - Part 1 - Introduction and Set Up
Tags: node
Published: 2020-11-03 05:58:06

![1](https://dev-to-uploads.s3.amazonaws.com/i/oab19bjta4rd873rr3i3.png)

To check node version in my computer: `node -v`
To start node console: `node`

Running a javascript file 'test.js'
```
//filename test.js
const name = 'rittwick'
console.log(name)
```
Command to run this file: `node test`
MY HACKTOBERFEST EXPEREINCE
Tags: hacktoberfest, opensource, github, git
Published: 2020-11-03 05:47:29

This was my first Hacktoberfest. Being a fresher, I always thought that my level was not that high for clearing this event. But when I started, I started with the goal of learning new things and not completing events.

The things I learned from Hacktoberfest 2020:

Git and Github

Javascript

Working on issues
What is System Testing? System Testing Types and Methods
Tags: systemtesting
Published: 2020-11-03 05:07:46

System Testing

The process of testing the complete and integrated software product to meet specified requirements is said to be System Testing. The main aim of this testing is to test the whole software product which is already integrated. It is the third level of software testing. Independent software testers will perform this testing.

Working Process of System Testing

Initially, it will perform testing on fully integrated applications to verify that the interaction is made perfect with the application.
To Optimize each and every input of the application or product to get the expected output
Finally, make sure that the application got the desired output which will be ready for the final level of testing
Types of System Testing
It is broadly divided into two types namely Functional Testing and Non-Functional Testing

Again Functional Testing is divided into many types

Acceptance Testing
Beta Testing
Integration Testing
Interface Testing
Regression Testing
System Testing
Sanity Testing
Smoke Testing
Unit Testing
Non-Functional Testing is also divided into many types

Compatibility Testing
Compliance Testing
Install Testing
Localization Testing
Performance Testing
Recovery Testing
Reliability Testing
Security Testing
Usability Testing
Among the above testing types, this testing mainly involves for following types

Usability Testing
Load Testing
Regression Testing
Recovery Testing
Migration Testing
Methods of System Testing
According to software testing, there are 3 methods of testing available namely

Black Box Testing
White Box Testing
Grey Box Testing
Among these three methods, this testing will come under the Black Box Testing Technique

Advantages

It performs testing on end-to-end scenarios of the system
This testing helps to determine the errors or bugs before the product goes live
It helps in testing both application and business requirements

Disadvantages

As it needs to test the whole system it requires a lot of time
Depending on the business requirements and application architecture cost may also increase
For more information about this article visit :
https://w3softech.com/blog/system-testing-types-and-methods/
Effective Java! Check Parameters for Validity
Tags: java, effective, method, architecture
Published: 2020-11-03 05:04:38

---
title: Effective Java! Check Parameters for Validity
published: true
description: A dive into chapter 49 of Effective Java
tags: java, effective, method, architecture
series: Effective Java Review
canonical_url: https://blog.scaledcode.com/blog/effective-java/check_params_for_validity/
---

This chapter begins a new section about methods. We start off talking about something that affects all of our methods, that is of checking the validity of the method parameters. This is a concern that affects all of our development. Invalid parameters, if not handled correctly can lead to various issues. From innocuous as delayed errors to something as serious as invalid data being persisted and corrupting all the valid data being processed. 

So how can we mitigate this? It's usually fairly easy. As calls are made into our methods we check to see what if the parameters fit within our acceptable constraints. This may be something like running parameters through `Objects.requireNonNull` or checking if an index is non-negative. Along with writing these checks in our code we also should update our Javadoc and other documentation to explain that these checks are happening and what parameters values are valid and which are not. 

So what methods should we put these checks on. There are a few things to consider. Private and package-private methods you hold complete control over and thus should do the necessary checks before calling, in these methods we should not need to do the validity checks. _Effective Java_ proposes using assertions in these cases instead of validity checks but I have never found that too useful. There are also cases where checking the validity could be expensive and/or will be performed in the regular business logic of the method. 

All of this is solid advice and should be applied in places where this makes sense. It seems to me that much of _Effective Java_'s guidance is largely applicable to library designers. While this is very useful, most developers don't find themselves writing reusable libraries with a wide distribution everyday.

The downside of these validity checks can be that the code gets much less clear. Validity checks, while often simple code, can be fairly lengthy. This is where things like the various `@Nullable` and `@NonNull` annotations can come in as well as JSR-308. The beauty of these tools is that it allows you to add validation while not polluting your code. 

Much of this section will be focussed on writing defensive code. Validating our parameters is a great step in that direction. As we do this we can bring errors earlier in the process, protect our business logic, and overall build a better system.
How to Add Custom Fonts to a GatsbyJS Site
Tags: gatsby, css, tutorial, webdev
Published: 2020-11-03 05:00:27

Today, I successfully added a custom font to a Gatsby site I'm working on. The process is pretty simple! Here it is in 4 steps:

1) Create a folder `src/fonts/` and put your custom font files in it (mine was called `Timeless.ttf`).

2) Create a global CSS file at `src/css/index.css`.

3) In the global CSS file you just created, write the following:
```css
@font-face {
  font-family: 'Timeless';
  src: url('../fonts/Timeless.ttf');
}

html {
  font-family: Timeless;
}
```

4) In your `gatsby-browser.js` file, import the global CSS file.
```javascript
import '.src/css/index.css'
```

And there you go :)
How to automate the deployment in Jekyll using Travis CI
Tags: webdev, github, git, opensource
Published: 2020-11-03 04:53:34

![Automating deployment using travis ](https://dev-to-uploads.s3.amazonaws.com/i/u8c12s114jixt0jzk3f4.png)

Hi, hope you have learnt how to write posts on your Jekyll Blog with the help of my [previous post] (https://dev.to/vkassingh/how-to-write-your-first-post-on-jekyll-23lf).


In today's __TUTORIAL__ you will learn how to automate this deployment using Travis and Github pages.

For this you need:
⚡ A GitHub account
⚡ First of all, you need a new account on Travis.org.

From here, the tutorial starts.
➜ Go to your newly created account on Travis and click on your profile image.

➜ There go to the settings feature.

➜ Now you can see the list of all your GitHub repositories there.

➜ Under __Legacy Services Integration__, check/enable the repo for which you want to automate the deployment process.

➜ Now you can see that an automatic webhook is added by Travis to your target repo settings. You can check this by going to the settings of your target repo on Github.

➜ Once you have enabled the webhooks of Travis, the next thing is to create a __.travis.yml__ file inside your repo folder on your local system. This is done to configure Travis on your project.
 
➜ Once you will start committing this file, Travis will automatically trigger on every push/ actions.

➜ Now its time to pay attention to what the configuration in .travis.yml will look like.

NOTE: We will be configuring this file in JSON here. 

➜ First, we have to set up its language; ex- Nodejs.

➜ Then you need to specify the version of the language; ex- 11.6.3

➜ Then you need to specify that you will cache all the __npm__  dependencies. This will help in speeding the process in case you need to build again and again.

➜ Its time to set up Travis hooks
install:
   -npm ci

script:
   -npm test
  -npm run build

deploy:
  provider: pages
  skip-cleanup: true
  github-token: GITHUB_TOKEN
local_dir: build
  on:
    branch: gh-pages

__NOTE:__ You have to replace GITHUB_TOKEN with your personal GitHub token.

➜ Its time to add these configurations to the repo.

➜ For this, open git. Switch to your target folder
cd [FOLDERNAME]

➜Then switch to github branch
git checkout [BRANCHNAME]
git checkout gh-pages

➜ Stage the changes
git add .

➜ Commit the changes
git commit -m "automating deployment"

➜ Finally push the changes
git push origin [REPONAME]
git push origin gh-pages

This is it. We did it together. Next time when you make any commit in this project, it will be automatically deployed on the Github page.

With respect to this, travis will on the success/failure of this deployment.

If you get stuck on any point, ask in the comments sections.

Connect with me on
Instagram
https://www.instagram.com/p/CFqrvobFlsL/?igshid=j3lhn2qi3og0

Twitter
https://mobile.twitter.com/_SinghVikas_
Hacktoberfest 2020
Tags: github, git, python
Published: 2020-11-03 04:44:46

This was my first _hacktoberfest_, I just participated to learn something new and tried my level best to clear it and yes I cleared it.When I started I was not sure if I will be able to make even any PR but I learned and did whatever required by following all the guidelines provided by them and now I can see the fruitful result.
My Hacktoberfest 2020 Experience
Tags: hacktoberfest, github, python, git
Published: 2020-11-03 04:29:50

This was my first Hacktoberfest . Being a fresher, I always thought that my level was not that high for clearing this event. But when I started, I started with goal of learning new things and not for completing events.

The things I learned from Hacktoberfest 2020:

1.Git and Github

2.Python
3.Working on issues