teleren/devto huggingface dataset:
CopyBar: © for collaboration
Tags: opensource, development, programming
Published: 2019-08-30 18:00:37

---
title: CopyBar: © for collaboration
published: true
description: Shift the paradigm of incorporation
tags: opensource, development, programming
cover_image: https://thepracticaldev.s3.amazonaws.com/i/4hzvvks5q52ee7zfy5ze.png
---

Today every developer is using others work. It's just near to impossible to avoid third party dependencies in your project. But there are not so much ways to support other developers. We need to find a solution which will help independent developers and in the same time would not harm the open source movement itself. And the result should be a technical solution not a conversation.

My proposal is to show a list of libraries we use in our web apps. For this I propose to transform useless copyright message into functional component.

> Support initiative with star on [Github](https://github.com/rumkin/copybar).

## Preview

{% codesandbox srxn7 %}

## Motivation

* Funding-gate with implementation proto-advertisement network into `standard` npm package.
* Libraries developers have less chances to receive funding than authors who use their work.

## Specification

Convert copyright message like "©, Author, 2019" into group of links or buttons, where:

* "©" refers to about section with app dependencies
* "Author" refers to author's contact information
* "2019" refers to app's changelog.

![CopyBar example](https://thepracticaldev.s3.amazonaws.com/i/n4ofl63x645o4hubqlhv.png)

### About section

This section contains license information, list of used packages, application name and version.

![About section draft](https://thepracticaldev.s3.amazonaws.com/i/akzwu45xfso5fl2syjzh.png)

### Author section

This section doesn't require any particular structure.

### Changelog section

Present valuable information into a web app about its' changes. Should hold list of versions with changes and links to commits.

![Changelog section draft](https://thepracticaldev.s3.amazonaws.com/i/yuhqax22di8tfdith2eh.png)

## Pros

* Usefulness. It brings new ways for developers to promote their work.
* Usability. It's a very simple way to figure out which libraries was used in implementation.
* Security. Everyone can figure out is it safe to use the app.
* Legal issues. We should provide information about used software in our products according to licenses.
* Ethics. It's just correct to share information about those who helped you.

## Cons

No found yet.

## Real life example

You can see it in action at Code-to-Image web app:
* [About](https://code-to-image.now.sh/#copyright). 
* [Author](https://code-to-image.now.sh/#author). 
* [Changelog](https://code-to-image.now.sh/#changelog). 

## References

* [Copybar Spec](https://github.com/rumkin/copybar)
Taking A Break
Tags: devjournal, discuss
Published: 2019-08-30 17:59:40

##Hello, World 👋##

I'm still alive! I should have announced this prior to taking it, however, I am nearing the end of my week long break from coding and blog writing.

Actually, I've taken a break from email, Twitter, Coding, Blogging, reading, and really anything to do with web development. I'll dive into more on why in a future blog.

While I am itching to get back to it, I will give myself the full week (until Sunday) before diving back into things. 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/i07p7yo8865ipkp6ftpr.PNG)

I've got to say, it feels like a hell of a lot longer than a week. I'm a little paranoid that everything I've learned will vanish in an instant.

While I know this isn't true I wanted to ask how you all go about taking breaks? How often? How long? What do you do in place of coding/reading/learning?

I'm looking forward to writing regular blog posts starting again, this Sunday!
🎥 New video: Installing Istio on a Kubernetes cluster using Helm
Tags: beginners, tutorial, devops, kubernetes
Published: 2019-08-30 17:59:25

---
title: 🎥 New video: Installing Istio on a Kubernetes cluster using Helm
published : true
description: If you ever wanted to get started with Kubernetes and Istio service mesh, but didn't know how - check out these videos that take you through the installation process and help you get started!
tags: beginners, tutorial, devops, kubernetes
---

{% youtube VBV5JAaUJmA %}

If you don't have a Kubernetes cluster set up yet, check out the video below that guides you through the installation processes.

{% youtube FacPam4bwRk %}
A Look at WebAuthn Resident Credentials
Tags: webauthn, w3c, passwordless
Published: 2019-08-30 17:46:16

---
title: A Look at WebAuthn Resident Credentials
published: true
description: With resident credentials you can create a smoother, username-less login experience by saving some of the user data on the authenticator.
tags: #webauthn #w3c #passwordless  
canonical_url: https://auth0.com/blog/a-look-at-webauthn-resident-credentials/
---
TTL;DR: With the release of version 76, Google's Chrome browser now supports WebAuthn resident keys. These allow for a smoother, username-less login experience by saving some of the user data on the authenticator. Let's have a look at how this works.

WebAuthn Until Now
In a typical WebAuthn scenario, a credential ID is generated by the authenticator and saved on the server. This ID is used to identify the saved credential on the authenticator. We will save this credential ID linked to a username or other user identifiable property in our database.

When a user wants to authenticate using a previously created credential, they will enter their username in a login form. The server will look up the saved credential ID for this username and pass it along to the authenticator. The authenticator will then use this ID to select the correct credential to sign the authentication challenge.

This is a good solution, it eliminates the need for a password, and authenticates using the keys generated by the authenticator. The user still needs to enter a username every time they want to login. We can do better!
[Continue reading 📖]( https://auth0.com/blog/a-look-at-webauthn-resident-credentials/?utm_source=dev&utm_medium=sc&utm_campaign=webauthn_credentials)
Vale a pena fazer faculdade para trabalhar com programação?
Tags: udp, universodaprogramacao, podcast, youtube
Published: 2019-08-30 17:41:21

---
title: "Vale a pena fazer faculdade para trabalhar com programação?"
published: true
description: "Um vídeo do canal O Universo da Programação sobre fazer ou não uma faculdade para trabalhar com programação"
tags: udp, universo-da-programacao, podcast, youtube
---

Uma questão que sempre nos afeta é se devemos ou não fazer uma faculdade para trabalhar com programação.

Neste vídeo temos uma reflexão sobre o assunto e espero que te ajude a se encontrar nesse universo de opções que é o Universo da Programação!


{% youtube DukhWWWzi18 %}
Use Web Workers in a Gatsby project
Tags: gatsby, javascript, webpack
Published: 2019-08-30 17:14:47

---
title: Use Web Workers in a Gatsby project
published: true
description: Want to use workers in your Gatsby project? Here's one way to do it.
tags: gatsby, javascript, webpack
---

_Update Feb. 2022 – This probably doesn't work anymore... I haven't worked on a Gatsby project in a while. I'll try to find some time to revisit this and get it working again._

## Introduction

Have a CPU-intensive task that's blocking your UI? Do you want to offload it to a background thread using a [Web Worker](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)? Here's how it's done in the context of a Gatsby project.

*I came across this approach in a [GitHub issue](https://github.com/gatsbyjs/gatsby/issues/12095), and decided to write it up here for anyone else looking for the same solution.*

## Install dependencies

Install [workerize-loader](https://github.com/developit/workerize-loader):

```bash
npm install --save workerize-loader # or yarn add workerize-loader
```

## Add workerize-loader to Webpack bundle

Now, we need to inject our `workerize-loader` configuration into the Webpack bundle generated by Gatsby.

To do so, add the following code to `gatsby-node.js`:

```javascript
exports.onCreateWebpackConfig = ({ actions: { replaceWebpackConfig }, getConfig }) => {
  const config = getConfig()

  config.module.rules.push({
    test: /\.worker\.js$/,
    use: { loader: 'workerize-loader' }
  })

  config.output.globalObject = 'this'

  replaceWebpackConfig(config)
}
```

This code gets the current Webpack config generated for us by Gatsby, and adds the workerize-loader rule which finds files with a `.worker` suffix and processes them as Web Workers.

## Create a worker file

Create a file with a `.worker` suffix, like so:

```javascript
// expensive.worker.js
export function doExpensiveTask(num) {
  let result = 0
  for (let i = 0; i < Math.pow(num, 10); i++) {
    result += result / i
  }
  return result
}
```

## Usage

Now, you can import it and use it like a normal function.

```javascript
import MyWorker from "path/to/expensive.worker.js"

const result = MyWorker.doExpensiveTask(5)
```

## Bonus: Async Example

```javascript
// expensive-async.worker.js
export async function doExpensiveAsyncTask() {
  const url = "https://jsonplaceholder.typicode.com/todos/1"
  return await fetch(url)
}
```

```javascript
import MyAsyncWorker from "path/to/expensive-async.worker.js"

const result = await MyAsyncWorker.doExpensiveAsyncTask()
```
On Style Variables
Tags: css, sass, less, design
Published: 2019-08-30 17:03:53

---
title: On Style Variables
published: true
description: 
tags: css,sass,less,design
---

I used to think that variables in stylesheets were there to make refactoring easier. What I never considered is that they encourage consistency: When you have 4 different spacing variables, you're much more likely to build out a site where the sizes and spacing of each element are much more internally and visually consistent.

The same goes for font sizes and colors. By limiting yourself only to a set of variables, you're much less likely to experience consistency erosion, where your site ends up having 40 different hex values for grays alone.

Bootstrap does this for you, but I've never seen anyone talk about _why_ that feature of Bootstrap is helpful, or why it's a helpful feature of pre-processor design systems in general.
What was your win this week?
Tags: discuss, weeklyretro
Published: 2019-08-30 17:03:05

---
title: What was your win this week?
published: true
description: Got to all your meetings on time? Started a new project? Fixed a tricky bug?
tags: discuss, weeklyretro
cover_image: https://cl.ly/188e843c2985/download/Image%202019-02-15%20at%202.36.37%20PM.png
---

👋👋👋👋

Looking back on your week -- what was something you're proud of?

All wins count -- big or small 🎉

Examples of 'wins' include:

- Getting a promotion!
- Starting a new project
- Fixing a tricky bug
- Cleaning your house...or whatever else that may spark joy 😄

![retro-happy-friday-graphic](https://media.giphy.com/media/xULW8IsZcnJ4ouNPyw/giphy.gif)
Koos, a decentralised social network
Tags: blockchain, typescript, webassembly, react
Published: 2019-08-30 16:50:57

About a month ago, I came across this website that offered bounties for work on open-source, often ethereum-based project. It was the middle of the *Grow Ethereum* hackathon. I was fascinated!

![Gitcoin](https://i.imgur.com/k22Nc99.png). 

I went on `r/programming_buddies` to find a bunch of people, called my graphic designer friends, and there we goes! The beginning were a little bit bumpy - even though we all knew our shits, collaboration can be hard, especially when placed in a situation of urgency. Looking back, I think we should have been way more incremental - implement a feature, write tests, repeat. 

But at the end, we managed to come up with Koos, a decentralised social network based on Fluence and IPFS. You can visit it at [koos.network](http://koos.network). 

![Koos.network](https://i.imgur.com/1ot4ERc.png).

Not gonna lie, this is nothing more than a Proof of Concept. It kinda work, but to have something solid I would need to write tests, re-factor / simplify quite a lot of code 

But still, I earned a bounty, learned to organise a project, discover loads of cool new technologies (3box, Aragon, Fluence, Arweave,...) and have been part of a global communities of like-minded people building cool stuffs :)

So, it's friday night, I'm going to disconnect for the week-end - between my programming job and my side-project, I didn't take the time to do simple things like walking in nature, reading or swimming, and scarified a bit of my quality of life.

But still, it's fulfilling to have done something cool! And who knows, maybe I'll find people to help me fix the tech debt and add feature, so we can have a full-flavored decentralized social network in which people could communicate, meet, trade and exchange without limits!

*You are welcome to help us! Check out our [contribute page](https://gitlab.com/koos-project/koos/blob/master/CONTRIBUTING.md).*
Day #4 - Simple Weather App V2
Tags: android, gson, picasso, retrofit
Published: 2019-08-30 16:48:22

---
title: Day #4 - Simple Weather App V2
published: true
description: Pratice Sharing Series
tags: android,gson,picasso,retrofit
---


Hello, I am practicing android application development every day. I will share my samples daily.

Note: There may be old techniques. The logic is the same.

- Feel free to contact me for any questions.

https://github.com/ardakazanci/WeatherAppV2
Code Story E6: Jonathan Perichon on the Role of a Technical Founder
Tags: podcast, codestory
Published: 2019-08-30 16:02:25

{% youtube C8ZfKkMSWsA %}

Through a chance internship in LA, Jonathan Perichon made his way from France to the United States. In doing so, he fell in love with the culture and opportunity. After working for a startup requiring background checks for its users, he saw first hand how antiquated and slow the process can be. After about 6 months, he and his co-founder set off to build an API driven solution, facilitating the submission, reporting and workflow of background checks for candidate workers… and much more. 

In the above clip, Jonathan Perichon discusses what the role of a technical founder is like. If you like what you hear, check out the full episode below.

{% podcast https://dev.to/codestorypodcast/e6-jonathan-perichon-checkr %}
I am a secondary/high school teacher and programmer, Ask Me Anything!
Tags: ama
Published: 2019-08-30 15:52:06

OK so I teach Computer Science full time in a Secondary/High school. And have my own software company for which I write/maintain the programs. I teach 11-18 years the theory of programming and how to write programs in Python.

I teach anywhere between 75 to 150 teenagers (boys and girls) a day, 5 days a week. Today is the last day of my summer holiday :-(

AMA
Does your organization talk to users before starting development on a project?
Tags: discuss
Published: 2019-08-30 15:51:20

At An Event Apart Chicago this week, there were many sessions that made mention of talking to users, getting users involved at the beginning of a project, and how it helps ensure that we, as developers, are solving the right problems. So my questions to you are: Does your organization do user research at the start a project? What do you do to get the information you need?
What is your stack?
Tags: discuss
Published: 2019-08-30 15:47:12

---
title: What is your stack?
published: true
description: Share your work flow!
tags: discussion
---

I have been working in full stack web development for the better part of last 5 years. Granted at the beginning I wanted to be the front end king, I wanted to impress everybody with my pixel perfect designs with lightly feathered shadows on every div. Alas life does not agree with your plans and trows you in funny ways.

My current stack is:

### Back-end
- ASP.NET - Used as a server to connect the front end with the database and to write API or any other controllers required.
- SQL Server - Primary database.
- Red Gate SQL Tool belt - Amazing software.
- SSIS - For loading in all the files and documents.
- SSRS - For displaying/downloading all the files and documents.

### Front-end
- Bootstrap 3/4 - First thing I did in college, practically know it all.
- WebPack - Took a while to understand it but I am comfortable with it now.
- SASS - was ass to learn but now I am understand it quite well.
- Kendo UI - Great framework to make apps or features quickly but is very, very, very heavy. Webpack helps with managing and importing what you need.
- Jquery - JqUeRy Is NoT a ReAl FrAmEwOrK, yeah well I still need to use it due to legacy.
- JavaScript - JaVaScRiPt BaD!

### Misc
- Git - do I need to say anything else?
- TFS - Microsoft version control system.
- NodeJS - I use this primarily to automate some of my work flow, such as extracting differences between git branches and sending them through email all zipped and js converted!
- Visual Studio Pro - Military grade IDE
- Visual Studio Code - Civilian Grade IDE (with some mercenaries for hire).
- SQL Server Management Studio - Microsoft SQL GUI.
- CMDER - Great alternative to standard cmd or git bash.

I think that is it, If something comes to mind I will add it to the list. Its not a bad stack to have and the experience I have using the above tools has allowed me to do a lot but I am constantly looking for ways to adjust my work flow and make it better hence this post! Now let me know how more superior your stack is!

Thanks!
Code Story E5: Alvaro Sabido on Planting the Seed for Caribu
Tags: podcast, codestory
Published: 2019-08-30 15:45:50

{% youtube 9eDbfd7-Aqc %}

A born creative, Alvaro Sabido loves to travel and continuously be learning. His engineering background led him to love anything with an engine, and having worked in a diverse set of companies through consulting, IT, radio and media, he became a natural problem solver, interested in innovating to make things better.  When seeing a picture of someone in the military holding a book up to a webcam, attempting to read to their child back home, he set out to create a solution to integrate a video chat and a children’s book – and what would eventually be called Caribu. Want to support Caribu? Check out their fundraising campaign on WeFunder (https://wefunder.com/caribu).

In the clip above, Alvaro Sabido dives into what initially planted the seed for Caribu. If you like what you hear, check out the full episode below.

{% podcast https://dev.to/codestorypodcast/e5-alvaro-sabido-caribu %}
Code Story E5: Alvaro Sabido on Using React
Tags: podcast, codestory
Published: 2019-08-30 15:45:39

{% youtube UWb_WFMfdAY %}

A born creative, Alvaro Sabido loves to travel and continuously be learning. His engineering background led him to love anything with an engine, and having worked in a diverse set of companies through consulting, IT, radio and media, he became a natural problem solver, interested in innovating to make things better.  When seeing a picture of someone in the military holding a book up to a webcam, attempting to read to their child back home, he set out to create a solution to integrate a video chat and a children’s book – and what would eventually be called Caribu. Want to support Caribu? Check out their fundraising campaign on WeFunder (https://wefunder.com/caribu).

In the clip above, Alvaro Sabido discusses using React when working on Caribu. If you like what you hear, check out the full episode below.

{% podcast https://dev.to/codestorypodcast/e5-alvaro-sabido-caribu %}
ElixirConf US 2019 and the future of Elixir
Tags: elixir, techtalks
Published: 2019-08-30 15:44:32

> For those of you who aren't familiar with Elixir but are interested in the language, I compiled a little `Resources` section down below, feel free to get some inspiration from there! **What's a better time to jump into Elixir?** :)

As some of you may know, ElixirConf US 2019 is currently running over at Gaylord Rockies Resort, Colorado!

The best thing about it is, even though the conference is still running, the videos are already out, [check them out over at YouTube](https://www.youtube.com/playlist?list=PLqj39LCvnOWYTNs1n3ZNMSNO3Svv_XweT)! I think it's pretty amazing that the videos come out so quicky so people who aren't able to attend don't feel as left out :)

There are a plethora of interesting things that are happening and frankly I haven't even had time to go through all of them yet! Some of those are:

- [Lumen](https://github.com/lumen/lumen), **an alternative BEAM implementation implemented in Rust, designed for WebAssembly**, although the main goal is not to replace BEAM, it does seem like it could eventually head there! (Side note, I think a Rust-based VM is pretty exciting, just like what [Enigma](https://github.com/archseer/enigma) is trying to do.)

- [Elixir's Future](https://www.youtube.com/watch?v=oUZC1s1N42Q&list=PLqj39LCvnOWYTNs1n3ZNMSNO3Svv_XweT&index=8&t=0s) (Stability + Extensibility, better deployment experience, better tooling experience like tools to help aid Code Analysis, ExUnit now diffs for pattern matching as well)

Just thought we could start a conversation here on dev.to, otherwise, the Elixir community is also on elixirforum.com and also very active on the Slack channel over at https://elixir-slackin.herokuapp.com, join us!

---

## Resources

If you're new to Elixir, here are some great resources to get you started:

- [The official Elixir website](https://elixir-lang.org)
- [ElixirSchool](https://elixirschool.com/en/), a community-driven website to help make Elixir easily accessible!
- The amazing books, [Programming Elixir by Dave Thomas](https://pragprog.com/book/elixir16/programming-elixir-1-6) and also [Elixir in Action by Sas̄a Jurić](https://www.manning.com/books/elixir-in-action-second-edition)
- My personal favourite, [Elixir and the OTP](https://pragmaticstudio.com/elixir), video-based tutorial from Pragmatic Studio. I basically learned my Elixir crafts from here!
- Other video resources like [ElixirCasts](https://elixircasts.io) and [Alchemist Camp](https://alchemist.camp) are also great!
- If you're into podcast, I'm a big fan of [Elixir Talk](http://elixirtalk.com/), they're perfect for your commute so definitely check them out!

P.S: With courtesy from [ElixirForum](https://elixirforum.com/search?q=coupon) (probably the biggest Elixir community forum?), you can sometimes get up to 40% off the learning resources! Just try to input `elixirforum` whenever you try to checkout :)