teleren/devto huggingface dataset:
Linux Application Summit
Tags: linux
Published: 2020-09-30 21:18:19

One of my passions is to make the Linux platform to be the place to write applications. While the market is small it is growing slowly and continuously as more people switch.

Now you might think that such a goal is fairly high level and maybe hard to achieve. But I have an advantage. I have spent 20+ years being part of GNOME and in that time frame I have built quite a number of relationships. In addition, I do corporate open source as well. My role most of the time is to build open source communities and ecosystems.

Linux Application Summit is a conference that I help conceive about 5 years ago. It started off with just the GNOME project, and last year we added KDE - and now trying to add more partners. The idea is that we start collaborating around the idea of building applications together. By working on apps, talking with each other we can start laying out the foundation around app stores, common toolchains, and supporting each other.

So far, it has been a success with fairly good attendance, that is slowly growing. But the best thing is building that trust between projects.

If building a market for apps, being able to get compensated for it is something you're interested in, you should register for Linux Application Summit. This year, we have two fantastic speakers - **Greg Kroah-Hartman** Linux Foundation Fellow who maintains stable tree of Linux and **Megan Logan**, an expert in open source marketing and also found her roots at Linux Foundation. 

Check us [out](https://linuxappsummit.org/)

If you have any questions let me know - the year of the desktop gets bandied about but not many people really know what it means to achieve that. I believe I do and I'm working my way towards it.
I made my first independent React project!
Tags: showdev, react, javascript, codenewbie
Published: 2020-09-30 21:05:09

I work with React every day for my job, but I hadn't gone out of my way to work with it independently, save for a few code-along tutorials. I wanted to make something completely from scratch, with nice design and with dynamic data. 

So, I created a [Portfolio Template](https://github.com/paytonjewell/ReactPortfolioTemplate)! 

A few months ago, I posted my [portfolio](https://dev.to/paytonjewell/portfolio-review-58b1) here, which was made in Vanilla JS at the time, and got some amazing feedback. Since then, I've translated it into React, and decided to make a template based on the design. 

Let me know what you think :) 

https://github.com/paytonjewell/ReactPortfolioTemplate
Practice your Svelte skills during Hacktoberfest 👩‍💻👨‍💻
Tags: hacktoberfest, svelte, webdev, typescript
Published: 2020-09-30 20:55:08

## 👾 An Evolutionary Database System for Modern Hardware

[SirixDB](https://sirix.io) is an evolutionary, accumulate-only database system. Each new commit stores more data in a new snapshot, which shares common data with the previous revisions. The system never overwrites data. It supports a single read-write transaction per resource concurrently to N read-only transactions. Furthermore, in stark contrast to other database systems, the persistent, durable tree consists of variable-sized database pages. Versioning takes place at a sub-page level according to a novel sliding.

## 🐣 [Svelte based Frontend](https://github.com/sirixdb/sirix-svelte-frontend)

![Screenshot Depicting Diffs](https://github.com/sirixdb/sirix/raw/master/Screenshot%20from%202020-09-28%2018-50-58.png)

Moshe Uminer and I are looking for contributions to a frontend for the system mentioned above. The frontend is pretty new (the project started a few months ago), thus there's a lot of work to do.

{% github sirixdb/sirix-svelte-front-end %}

{% github https://github.com/sirixdb/sirix-svelte-frontend/issues/10 %}

{% github https://github.com/sirixdb/sirix-svelte-frontend/issues/249 %}

The idea is to build a frontend, which can interactively depict the differences between revisions of the data and visualize the result of time-travel queries.

In general, it would be great to provide a similar space-filling approach (modified Sunburst-View) like the one I once developed for my [master's thesis](https://github.com/JohannesLichtenberger/master-thesis/raw/master/Master/Thesis/thesis.pdf):

{% youtube l9CXXBkl5vI %}

{% github https://github.com/sirixdb/sirix-svelte-frontend/issues/250 %}

{% github https://github.com/sirixdb/sirix-svelte-frontend/issues/251 %}

Furthermore other, related views are imaginable. I'm open to new research ideas :+1:

I'm for instance also interested into how best to present the result of time travel queries to a user / analyst.
How to know what code to use?
Tags: html, javascript, css, beginners
Published: 2020-09-30 20:32:08

I have been self-taught since December of 2019. I have a couple projects I want to build ground up. 

MY QUESTIONS:
1. How do programmers best plan the designs for their ideas? I am not at all creative when it comes to layouts and colours so for now I ask my best-friend (she's not a programmer), to help me out with that😂

2. Is it normal for me starting out to be referring lots to google, stack overflow, etc. Just trying to figure out the best code to implement? 

3. How do experienced programmers just know how what code to write and barely have to reference; and what are things I can work on so I can work towards be a bit more like that? 

If you have answers or tips to any or all the questions, that would be great! 
Thanks
Meet a new Green Contributor badge!
Tags: azure, azureheroes, greencontributor
Published: 2020-09-30 20:30:16

---
title: Meet a new Green Contributor badge!
published: true
description: Green developers contribute to the growth of the sustainable software engineering field. Recipients of this badge drive innovation by building sustainable software and help educate the community by creating content and resources related to sustainable software engineering.
tags: azure, azureheroes, greencontributor
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/e5zencfrbc1qnxqw4fhd.jpg
---

Today, at [GreenConf](https://greenconf.io) 💚, we announced the new addition to our #azureheroes family: The Green Contributor 🌱

👉 Green developers contribute to the growth of the sustainable software engineering field. Recipients of this badge drive innovation by building sustainable software and help educate the community by creating content and resources related to sustainable software engineering.

To qualify, you must verify at least one of the impacts in any of the bullets below.

* Creator or maintainer or core contributor to an open-source software project with a focus on sustainable software.
* Created several pieces of content for blogs, webinars, podcasts, or talks related to sustainable software.
* Created tutorials, how-to guides, or sample code related to the field of sustainable software engineering.

![Green Contributor](https://dev-to-uploads.s3.amazonaws.com/i/e5zencfrbc1qnxqw4fhd.jpg)

💻 Are you all about #sustainable software engineering? This is the right badge for you then! [Nominate yourself](https://aka.ms/we.nominate) or your colleague or friend!
Hacktoberfest 2020 : October Festival
Tags: opensource, hacktoberfest
Published: 2020-09-30 20:24:40

My First Open Source Contribution: Hacktoberfest 2020
My name is Hritik Khurana, pursuing B.Tech in Computer Science And Engineering from University Institute Of Engineering And Technology , Kurukshetra University. I am currently a second year student and has an inclination towards open source contribution.

Skills
I am familiar with programming languages like C and C++.I am a problem solver and love to do competitive coding . I am a web developer and a Machine learning enthusiast. 

Contributions
I spotted bugs in C and C++ programs and also added some optimum solutions of problems.

Reflections
This October was really osm . It was really enjoying and informational, we get to learn from each other through interaction and learn what mistakes we possibly make while developing something. If possible, I surely wish to participate in it next year as well.
How to Set up Node.js with Typescript
Tags: node, typescript
Published: 2020-09-30 20:23:23

First thing first, we need to install all packages for typescript.
## Install Packages
```bash
yarn add -D @types/node typescript
yarn add ts-node
```

`@types/node`: contains all type for Node.js.

`typescript`: supports typescript on the app.

`ts-node`: tool that read typescript files.

## Add `start` script on `package.json`
```json
"scripts": {
  "start": "ts-node src/index.ts"
}
```

We also need to create `tsconfig.json` to understand `.ts` file and set up compiler options.
```bash
npx tsconfig.json
```
It will ask you what framework you are using. I will choose `node`.

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

Let's run typescript. We are going to run the `.ts` file without transpiling. Create `src/index.ts` and type like this
```javascript
console.log('hello world') // hello world
```
and run command `yarn start`. And you will see `hello world` on the console.

## Add `tsc -w` on package.json
When you run typescript files, there are a coule of things you worry about

1. Compiler compiles typescript files and run the app, which it is slow to execute.
2. You are not sure what bugs come out before you transpile `.ts` especially when you build the production code.

So what I am going to do is transpiling the `.ts` to `.js`, and run only `.js` file, not `.ts`

Open package.json and add `watch` flag
```json
// package.json
"scripts": {
  "watch": "tsc -w",
  ...
}
```

`tsc -w` command is one of Typescript CLI command and simply transpiles `.ts` files and generate `.js` files.

But you need to tell Typescript CLI in which folders you are going to put `.js` files transpiled by `tsc -w` command.

So open `tsconfig.json` and add option `"outDir": "./dist"`
```json
{
  "compilerOptions": {
      "target": "es6",
      "module": "commonjs",
      "lib": [
         "dom",
         "es6",
         "es2017",
         "esnext.asynciterable"
      ],
      ...
      "outDir": "./dist"
      ...
  }
}

```

You can change the directory whenever you want. You just change `"outDir": "yourDir"`.

Okay. Let's try this out. Open `package.json` and add `dev` script like this.

```json
// package.json
"scripts": {
  "watch": "tsc -w",
  "dev": "node dist/index.js"
  ...
}
```
Open two terminals and run `yarn watch` and `yarn dev`. And you will see compiler is running `.js` files that transfiled from `.ts`.
Why you don't use Gitlab ?
Tags: git, tips, gitlab, dev
Published: 2020-09-30 20:22:16

Hey *Githubers*!

Today, I will try to convert you to use GitLab as main repo support for your projects.

I discover Gitlab about 6 months, and the first thing I've find very cool, its the subproject support.

You can do your project architecture as this :

```
MyProject
  - backend
  - frontend
```

so the url of repo is :

`https://gitlab.com/myproject/backend`
`https://gitlab.com/myproject/frontend`

**very cool no ?**

## Push directly with command line

Simply use this command if the repo doesn't exist 

```shell
git init
git remote add origin https://gitlab.com/<GroupProject>/<Project>
git add .
git commit -m "initial release"
$git push -u origin master
```

The `-u` command on `git push` is to set a new project if it doesn't exist.

**Another thing**

## Private package registry
For an entreprise is really useful to have **Private package registry**.

Packages registry is a cloud image of your project for a reuse as container by exemple.
For exemple, you can set in Docker a gitlab registry.

like:
*docker-compose.yml*
```
image:registry.gitlab.com/<GroupProject>/<Project>
```

If you love gitlab, set a comment. *(and clap your hands👏)* 🎶
Start Kubernetes: Pods and ReplicaSets
Tags: kubernetes, tutorial, beginners
Published: 2020-09-30 19:58:35

---
title: Start Kubernetes: Pods and ReplicaSets
published: true
description: Check out these videos to get started with Kubernetes
tags: kubernetes, tutorial, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/54z36tqegpojr5v02h8o.png
---

{% youtube B1_jgR3zuvA %}

{% youtube n2iN9Gl1zfM %}

{% youtube PgvKGRYUgeY %}

{% youtube RcxQfQjxD_4 %}
Switch to Linux?
Tags: discuss, linux, windows, beginners
Published: 2020-09-30 19:45:40

hey!!!

I currently work with an HP laptop running Windows 10. I have ever been tempted to switch to Linux and lately the idea has been coming back to my head.

Actually, as a programming student, I do a bit of everything: web, mobile, desktop, databases, graphic design...

I think I could continue using all the programs I use (VSCode, Netbeans, JetBrains IDE's, Figma, Gimp...) although I think I would lose compatibility for my vices (Steam, etc... ahahaha).

Tell me, should I switch to Linux? Why? What advantages does it give me compared to Windows? What can't I do on Windows that I can do on Linux? What can't I do on Linux that I can do on Windows?

As always, any help is appreciated.

Cheers!
Getting started with OSS!!
Tags: hacktoberfest, github, git, opensourcehacks
Published: 2020-09-30 19:41:22

Starting from July ,when I first came to know about `Hacktoberfest`,I was quite excited to participate in it.In the due course of time I came across the `Open Source Hacks` organised by `Anitab.org` . There I got a chance to get more familiar with the git concepts and came in contact with some amazing mentors (which i have learned but never applied in a Real case scenario working with any organization)

This helped me a lot to get familiar with the project's actual production code base.That (OSH) event was going to end on 30th of September and Hacktoberfest was going to start from 1st of October. As I was familiar with that projects code base I decided to get started by Contributing towards [Mentorship-Android](https://github.com/anitab-org/mentorship-android) .
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/e2fdtwj9ac6p1mipuk9j.PNG)
Later, explored issues marked with hacktoberfest resolved couple of those in the September.As I completed with my commits , I eagerly started waiting for 1st of October.

At 12:00 am,Oct 1st, I send my first PR to Anitab-org `Mentorship-android` that was basically solving a xml bug which occured on the login screen of the app background. The count on Hacktoberfest profile turned 1! I can't wait further I made the other 4 pull requests and filled the bar!!!!!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/d9070bf3ymez0vut16m6.PNG)
Looking forward to contribute as much as I can during the fest!

Even if you are new to git , Github , Open Source platform give it a try its a great platform to get started in OSS 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4mu9tiay17f9zwc33we0.jpg)
[Resources](https://hacktoberfest.digitalocean.com/details)
Start Stop Button in Python
Tags: python, threading, beginners
Published: 2020-09-30 19:21:03

I am a Technical Support Engineer who always quenches his thirst of coding to automate the repeating manual work. I would like to share one of the challenges that I faced while creating one such tool.

I have developed a code to monitor case & ticket in the Ticketing Tool. One of the boring work of a support engineer. The aim was to create a UI for start and stop button which can control this ticketing tool. The UI was created using the Tkinter package.

The Challenge was whenever the start button was pressed, the button won't release until the code execution of the function started using the button completes. During the search for this solution, I came across the MultiThreading.

These guys saved my life. Although this common to many, coming across such thing was a thrill. 

Multithreading is having different thread under the same process where all threads share the same memory. So the process always has a Main Thread which is the main program and other thread which is created from Main Thread.

I created a function to start_thread to start my start function as a separate thread

```python
start_btn = Tk.Button(root,Text="Start",command=start_thread
start_btn.pack()
 def start_thread():
    t1= threading.Thread(target=start)
    status=True

def start():
    while status:
        <Main code>
```

As we are using Multithreading the memory is shared, so at anytime the value of status can be changed and the application can be stopped

```python
stop_btn = Tk.Button(root,Text="Start",command=start_thread
stop_btn.pack()

def stop():
  status=False
```

So I can now easily control my application a few lines of code. Though is a small thing for a coder, for me at that moment was a Saviour.
GCP DevOps Certification - Pomodoro Five
Tags: googlecloud, devops, sre, certification
Published: 2020-09-30 19:17:04

# SLO in latency terms

A common SLA might be response times. 

Lets say your SLA is that every request will be resolved within 300ms then you might set an SLO of 200ms.

Crucially notice that you will find out your breaking your SLO before breaking the customers trust and service level agreement.

Going back to the concept of [reliability being considered a feature](https://dev.to/eggsy84/gcp-devops-certification-day-four-1a35) - if you have a clear SLO on response times and then you start to break it then its essentially an indicator that feature velocity should slow and reliability/performance investments should be prioritised. Yay!

# Measuring Reliability

Now this part I love! The key notion around the element that you are going to measure is the [Service Level Indicator](https://www.bmc.com/blogs/service-level-indicator-metrics/) (SLI)

So for example - measuring the response time would be done by checking the latency. So latency is your SLI.

SLI's tend to be expressed as the proportion of events that were good. EG. How many requests were within the 200ms mark vs how many requests in total.

![SLI valid events versus bad events](https://dev-to-uploads.s3.amazonaws.com/i/ky9z81phd0x38u0zzpy0.png)

# Setting the SLO for the SLI

Wow even I'm now hating the acronyms but let us go on.

So we're measuring response times and we know how many requests were marked as good (200ms or less) from all our requests. 

But what SLO target might we set?

They have a few key features.

* Generally percentage based value
* Utilise the SLI
* Timeframe (EG. Last 4 weeks)

**For example:**

99% of requests will fall within 200ms over the last 4 weeks.
Is there any way to generate flutter code of Adobe XD shapes
Tags: design, adobexd, flutter
Published: 2020-09-30 19:12:15

Do anyone know here how to generate the code for shapes like this from adobe xd to flutter? Upon generating the code for that shape I get something like below. For every other widget it is generating code well. I know I shouldn't be looking for these kinds of shortcut and should learn how to make shapes like this in flutter . Because of shortage of time I have to do it. 
```dart
SvgPicture.asset(
                    'assets/svg/Path 8.svg',
                    height: 595.6666259765625,
                    width: 501.8892822265625,
                  )
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/210fg9tlnj8htdefzfht.PNG)
3 Project  that I made during my #100DaysOfCode Challenge
Tags: react, javascript, typescript, showdev
Published: 2020-09-30 18:58:45

I was a freelance web developer for more than 1 year.

During that time I work on multiple WordPress|Express.js projects with clients from different countries. but freelancing It did not suit me and It did not meet my expectations. so I decided to land a full-time job in the field of Front-end development. 

But with no work experience, how employers can trust me?
I thought if I have multiple cool and crazy projects, that Increases the chances of getting a job.

in this post, I wanna show you 3 projects that I made during my [#100DaysOfCode](https://twitter.com/hashtag/100daysofcode?lang=en) Challenge. so stay with me

# 1-[Scream Master](https://github.com/ariannargesi/scream-master)
This one, it's the crazy one.
basically, you should pass the ball from Barrier, but you cant use your keyboard or any button. instead, you should do this with your voice.
it's crazy ha? 
This is a voice-based game developed using vanilla javascript. it listens to your voice and detects your sound level and based on that, determine the ball position on the screen.
I encourage you, for the best gaming experience, play this game on google chrome or Firefox web browser, and don't forget to allow to the browser to use your microphone
Play it [here](https://screammaster.netlify.app)
[Source Code] (https://github.com/ariannargesi/scream-master)  
# 2-[Cubic Forms](https://github.com/ariannargesi/cubic-forms)
I don't know why I made this. but the idea behind it was fascinating. imagine you have multiple forms on your page and all of them come together on a single cube and you can navigate to each side of that cube
When I wrote the code and implemented the idea, I thought it might be a good idea to provide a hinting system for users. so added another cube that helps the users to fill the forms correctly.
This project is written with react and typescript and context API for state management.
[Demo](https://cubicforms.netlify.app)
[Source Code](https://github.com/ariannargesi/cubic-forms) 
# 3-[Sticker Shop](https://github.com/ariannargesi/stickershop)
Note: this project it's a clone of [flerbo.ir](https://flerbo.ir).
This is a simple shopping site. when started this project, I had absolutely had no experience with react.js and I wanted to figure things out on my own so I wrote all components (except the carousel) from the scratch.
[Demo](https://stickershop.netlify.app)
[Source code](https://github.com/ariannargesi/stickershop) 

what do you think? please tell me in the comment section. 

ps: I use a lot of "I" in this post. sorry about that. 
ps: I am going to apply for a job so wish me luck.