teleren/devto huggingface dataset:
Bem-vindos e bem-vindas, feras de Computação@UFCG!
Tags: ptbr, opensource
Published: 2020-03-12 16:51:09

## Oi, feras!

Primeiramente, bem-vindos ao curso de Ciência da Computação! Esperamos que todos se sintam acolhidos com esse contato inicial da Semana do Fera. O PET organiza tudo com muito carinho e ficamos felizes em fazer parte de um pouquinho disso. ✨

Tivemos a apresentação de algumas organizações estudantis do nosso curso, incluindo o OpenDevUFCG. Como prometido, vamos repassar algumas informações para quem ainda ficou meio perdido/orientações iniciais para quem não esteve presente ficar por dentro da nossa comunidade.

### Quais são os links mais importantes?

O link mágico que centraliza tudo é o nosso [portal](https://opendevufcg.org). Lá tem descrição da nossa visão (basicamente o motivo de nós existirmos), alguns dos nossos projetos e os integrantes do nosso core team. Outros projetos que devem ser de principal interesse para vocês nesse momento inicial:
- [Tamburetei](tamburetei.opendevufcg.org), o nosso repositório de leites e dicas das disciplinas;
- [Glossário](glossario.opendevufcg.org), o guia para entender e se localizar melhor no curso;
- o [blog OpenDevUFCG](dev.to/opendevufcg), que você deve estar lendo nesse momento. 

O código fonte de todos esses projetos está hospedado no nosso [GitHub](github.com/OpenDevUFCG):

{% github OpenDevUFCG/OpenDevUFCG.org %}

### Mas eu ainda não entendi nada de open source e GitHub, o que eu faço?

Falando mais especificamente do blog, ressaltamos a publicação que faz uma introdução do zero a alguns conceitos de open source e GitHub que foi pensada especialmente para quem está chegando agora:

{% link opendevufcg/contribuindo-para-projetos-open-source-com-github-3i76 %}

E é claro, estamos disponíveis para esclarecer eventuais dúvidas. ;)

### E o que eu tenho a ganhar contribuindo com open source?

Fanny, integrante do nosso Core Team, conta um pouco de como o open source e o OpenDevUFCG contribuíram para que ela chegasse até uma vaga de estágio no Facebook. Tem que respeitar, viu?

{% youtube X5iIpXW-Exs %}

### Como entro em contato com o OpenDevUFCG?

O principal meio de comunicação com a comunidade OpenDevUFCG é o nosso [Discord](https://discordapp.com/invite/vFFGGEE). Também é possível ficar por dentro das nossas atividades através das redes sociais: [Instagram](instagram.com/OpenDevUFCG) e [Twitter](twitter.com/OpenDevUFCG).

![Cachorro digitando](https://media.giphy.com/media/Yx5ns1mSPBle0/giphy.gif)

No mais, lembrem-se que estamos aqui para ajudá-los. Não fiquem com vergonha de falar conosco caso tenham dúvidas de como começar e como contribuir. Desejamos a todos um ótimo período! <3
Pendeln & Pantone
Tags: commute, apple, bahn, pantone
Published: 2020-03-23 10:16:28

---
cover_image: https://drikkes.com/wp-content/uploads/2020/03/img_2437.jpg
title: Pendeln & Pantone
published: true
date: 2020-03-12 16:43:42 UTC
tags: commute, apple, bahn, pantone
canonical_url: http://drikkes.com/?p=14214
---

<!-- wp:paragraph -->  
Weil jetzt jede Sparkassen-Sibylle im ICE ihr MacBook aufklappt, musste ich mir ein anderes Accessoire besorgen, das mich auf den ersten Blick als Mitglied der kreativen Klasse ausweist.  
<!-- /wp:paragraph -->
Reveal hidden capabilities of Nuxt router
Tags: vue, nuxt, javascript
Published: 2020-03-12 16:38:48

Simplicity is a double-edged sword, most of the time I enjoy what simplicity gave to me, but other times it annoys me, I want to have more control over my product and do things like God.

Over the past year, I spent most of my time working on Vue and especially with Nuxtjs. Nuxtjs is a great framework to create a universal Vue application. It is very simple to build a website with Nuxt. But, like everything else simplicity has cost. Within the last year, we use Nuxt to develop our new website and everything seems perfect. But something lacks.

Our legacy website has two pages, `/hotel/HOTEL_SLUG` and `/hostel/HOSTEL_SLUG`. These two pages have the same structure but different content, Using Nuxt we have to create two separate page file to create these web pages. But there are tens of pages like this and creating multiple pages is not an option.

What we need is multiple aliases to a single page, but supporting the full functionality of `vue-router` isn’t what Nuxt build for. Nuxt tries to keep everything simple to use, this cause to omit some capabilities of `vue-router`. Take a look at `vue-router` Docs.

> Nuxt.js automatically generates the `vue-router` configuration based on your file tree of Vue files inside the pages directory.

We can’t create a single page for each of URLs, on the other hand creating multiple files for pages that do the same work and have the same functionality was annoying. All do we need is creating an alias to a page with different data. This simple problem leads us to build [Router Extras Module](https://github.com/nuxt-community/router-extras-module/).

Router extras reveal hidden capabilities of `vue-router` with simple JSON/YAML config. With router extras manipulate Nuxt router config. Router extras can:

- Change page path (regardless of its directory structure)
- Pass custom props to page components
- Add meta fields to a route
- Create one or multiple aliases for a page
- Pass custom props to page aliases per alias
- Write `beforeEnter` route guard for a single page

Usage

1. Install `@nuxtjs/router-extras` with your favorite package manager
```
yarn add @nuxtjs/router-extras
# or
npm i @nuxtjs/router-extras
```
2. Register module in nuxt.config.js
```js
{
 modules: [
   '@nuxtjs/router-extras'
 ]
}
```
3. Create `<router>` block in page and define routes
```vue
<router>
{
  path: "/hotel/:slug",
  props: {
    placeType: "hotel"
  },
  alias: [
    {
      path: "/hostel/:slug",
      props: [
        {
          placeType: "hostel"
        }
      ]
    }
  ]
}
</router>
```
Or if you want to do it in YAML
```vue
<router lang="yaml">
  path: /hotel/:slug
  props:
    placeType: hotel
  alias:
    -
      path: /hostel/:slug
      props:
        placeType: hostel
</router>
```
`<router>` is not a predefined tag in Vue files, so if you want syntax highlighting look at [module docs](https://github.com/nuxt-community/router-extras-module/#syntax-highlighting).
tsParticles 1.9.2
Tags: javascript, typescript, showdev, npm
Published: 2020-03-12 16:29:00

# New tsParticles version released, 1.9.2.

## Release notes

*fixed a bug with the new rotation feature*

---

Checkout the demo here: <https://particles.matteobruni.it>

Do you want to replace the old, outdated and abandoned particles.js?
You're in the right place!

---

Here are some demos!

## Characters as particles

[![Particles chars demo](https://media.giphy.com/media/JsssOXz72bM6jGEZ0s/giphy.gif)](https://particles.matteobruni.it/#chars)

---

## Mouse hover connections


[![Particles mouse connections demo](https://media.giphy.com/media/XzvZThpVbxHxMYz5xt/giphy.gif)](https://particles.matteobruni.it/#connect)

---

## Polygon mask

[![tsParticles Polygon Mask demo](https://media.giphy.com/media/lNRfiSgaMFbL4FMhW6/giphy.gif)](https://particles.matteobruni.it/#mask)

---

#### Background Mask particles

[![tsParticles Background Mask demo](https://media.giphy.com/media/dWraWgqInWFGWiOyRu/giphy.gif)](https://particles.matteobruni.it/#background)

---

#### COVID-19 SARS-CoV-2 particles

[![tsParticles COVID-19 demo](https://media.giphy.com/media/fsVN1ZHksgBIXNIbr1/giphy.gif)](https://particles.matteobruni.it/#virus)

**Don't click! DON'T CLICK! OH NO IT'S SPREADING!!!!**

*COVID-19 is not funny. It's a serious world problem and we should prevent its spreading. If you are in a risky area please STAY AT HOME*

--

## GitHub repo
<https://github.com/matteobruni/tsparticles>

##npm
<https://www.npmjs.com/package/tsparticles>

##jsDelivr
<https://www.jsdelivr.com/package/npm/tsparticles>

---

Feel free to contribute to the project!
Due to Coronovirus (COVID19) TCP applications are being converted to UDP to avoid Handshakes..!!
Tags: discuss, news, jokes
Published: 2020-03-12 16:19:36

Due to Coronovirus (COVID19) applications are being converted to UDP to avoid Handshakes..!! This kind of jokes we are reading on social media.

Let's try to understand it.

**Coronovirus**

How anyone can be effected with this virus ???? Simply by accepting it from others.


**How TCP Works**

TCP is how most of the web works. It's a web page like *blog page* sending and receiving data. It's 2 way protocol, there's handshake involved.
You request for data and that request is recognized and you get back data package.
So it's 2 way communication.

**How UDP Works**

UDP is opposite of TCP. It's like there's stream of data you are accepting without recognizing like live streaming. You are just accepting accepting accepting......

This is how it relates with Coronovirus.
HARDENING A VANILLA WORDPRESS INSTALLATION
Tags: wordpress, security, informationsecurity
Published: 2020-03-12 16:08:26

﻿Working with WordPress can be real fun. But if you don’t secure your WordPress installation it can also be a pain in the a**. Because everyone can download WordPress, everyone knows which files and setting you use in your WordPress installation, if you don’t change anything at all. At this point, you’re inviting hackers to a free and funny party in your WordPress backend.

## Step 1: Change the admin user

While installing WordPress you have to create your first account, wich automatically becomes your administrator account. Make sure not to stick with the default “admin” username and change it to something else. Every hacker knows, that “admin” is the default username and has only to try hacking your password if you don’t change it.

## Step 2: Change your login path

After installing WordPress, you can login at www.yourdomain.de/wp-login.php. A direct access to your backend with www.yourdomain.de/wp-admin is also possible. In order to make it more difficult to access your backend, you should definitely change these links. A useful help for this is the free WordPress plugin “Rename wp-login.php”, which does just that. Under settings in the WordPress backend you can adjust your login path individually after activating the plugin and thereby disable the old paths.

## Step 3: xmlrpc.php

XML-RPC (Extensible Markup Language Remote Procedure Call) is an interface between a system (in this case WordPress) and external functions. For example, it takes care of pingbacks and incoming and outgoing messages from other websites.

Apart from the desired functions, this interface can also be used for bruteforce methods. Attackers can try out a variety of passwords to guess the right one. Instead of denying all access to it, there’s little you can do about it because you simply can’t add any captcha or another security check to it. Just add the following code to your .htaccess file and you’ll be much safer than before.

```
<Files xmlrpc.php>
 Order Deny,Allow
 Deny from all
 </Files>
```

## Step 4: Be up to date

Taking care of your WordPress installation is one thing. But keeping it safe is another. You want to make sure to stay updated on WordPress and know when things change. Some security precautions might not work in a few months or years anymore and you want to change them asap when this happens.

Written by Lars Joppich (www.lobelano.de)

Originally published on  [www.thedevpit.com](http://www.thedevpit.com/)
LinkedIn Loader 🛀
Tags: codepen, html, css
Published: 2020-03-12 16:07:35

---
title: LinkedIn Loader 🛀
published: true
tags: codepen, html, css
---



hey coding people, ha ha 😻😎 hope you all doing well. In this dev post you will learn how to make this eye-catchy LinkedIn loader🌴, So scroll down lit bit.

{% codepen https://codepen.io/atulcodex/pen/eYNVogm %}
Micro-Lesson: Shiny Object Syndrome and the Law of the Instrument
Tags: react, hooks, shiny
Published: 2020-03-12 15:58:56

This is my first post, and I don't consider myself the most eloquent writer. So pardon any errors.

Recently I have started diving into React Hooks, and as such I have tried to find any and all excuse to introduce them in my code. They're the hot new thing in state management, right? I mean if you're _not_ managing state with hooks......what are you even doing with your life?

And I wound up running into increasingly subtle edge-cases that were resolved by me simply removing the hooks and simplifying any logic I needed in a given component.

While hooks are nice and have their place, they, like every other hot new function, library, design pattern, language, are not a panacea.


>"_If all you have is a react hook, every problem looks like it can be solved with state management._"


P.S. If you're in the Pittsburgh PA area and looking for a job, Idelic is hiring! https://idelic.com/careers/
Bingo v0.2.0 - Its Homebrew for "Go Get" - Now With Update and Version Support!
Tags: showdev, go, tools
Published: 2020-03-12 15:56:40


### Introduction

Do you love the simplicity of being able to download & compile golang applications with `'go get'`, but wish it were easier to manage the compiled binaries?

Introducing Bingo:

 * GitHub : https://github.com/TekWizely/bingo

Bingo makes installing and managing golang-compiled binaries a bit easier.

#### Features

* Keeps a link between the installed binary and the source package
* Can install binaries to a location of your choice
* Can control the name of the installed binary
* Can install multiple versions of the same package (using different names for the binary)
* Each binary's source package is isolated and managed in its own separate `$GOROOT`

---

### Release Announcement: v0.2.0

#### Highlights

**Update Support**
You can now update existing binaries

**Version Support**
You can now specify which version of a package to install or update

---

### Examples

Below are some quick usage examples. See the project's homepage for more detailed documentation and installation instructions.

```
# Install package latest version as "hello"
$ bingo install github.com/golang/example/hello

# Install specific version
$ bingo install github.com/golang/example/hello@v1.2.3

# Install package with a different binary name
$ bingo install -n foo github.com/golang/example/hello

# Update a binary to latest version
$ bingo update hello

# Update a binary to specific version
$ bingo update hello@v1.2.3

# List installed binaries
$ bingo installed

# Display a binary's associated package
$ bingo package hello

# Uninstall a binary and associated package folder
$ bingo uninstall foo
```

---

### Conclusion

If you're looking for better ways to manage binaries installed via `'go get'`, I hope you will give my project a try.

I am happy to answer any questions you might have.

Thank you for your time,

-TekWizely ( https://github.com/TekWizely )
Simplifying Development for the Future
Published: 2020-03-12 15:45:55

I [commented on unpopular opinions](https://dev.to/jessekphillips/comment/mcd4) and wanted to expand on this in a post. Let me break this up into two parts, the new and the old. 

# The New

In many ways software development has regressed. Not in quality or functionality. No it has regressed in longevity. (please stop listening to me, I have not been programming that long).

What I mean is we are in the current Era of exploration. There is much change occurring and a lot of need to advance. The value of progress is greater than stability and consistency. 

Have you ever had to raise a kid? Did you notice that they don't know the same things as you? It is like all of the progress of humanity has just been wiped clean and all is lost in the world. 

Well those wascally wabbits start to learn things you don't know, they start doing things you find regressive.

# The Old

The past sits there, it is a foundation to make changes. It is a pestering, inconsistent, counter intuitive, piece of garbage that had a place in the progress of humanity. But it can't be shaken no matter how much garbage is put on top. But HTTP has still given us wonders.

The foundation has provided a new platform of exploration and mistakes. Most of the time you can rely on it existing, and that makes it hard to change.

# What Can I Do

One of the key powers of the past is its existence and it is consistently available. But new things aren't. We don't know what new thing do we all agree to use. So many choices, so many opinions and needs.

There was less competition back in the day. Literally it is why we still have [more](https://superuser.com/questions/310137/less-is-more-is-more-less-im-so-confused). If we won't have eggs until we have chickens, maybe we should all start being chickens.

The challenge I see is, even if we have better tools out there, our expert knowledge, our ability to help new recruits is limited if they choose to go down a simpler path. 

I am going to look into 

* Using Fish as my shell (already looks like I can't do this with Git for windows)
* check out an alternative for Git command line

I don't really see the git one working out for me. I think auto stash is a horrible idea, but that appears to be major selling point. But git itself has seen simplifying commands, I need to learn them. 

I won't be leaving vim. 

Any suggestions would be appreciated. In this case I am looking for CLI tools because of the specific benefits of having a CLI to help people.

{% link https://dev.to/jessekphillips/wip-cli-or-gui-what-do-i-use-2dhl %}
Need help with building a simple web application ( CRUD ) to manage rented items
Tags: help, javascript, beginners
Published: 2020-03-12 15:42:29



Hi! I'm trying to write a simple web application for a project, but am having some trouble getting started. 

**Goal:** A simple  web application that let’s admin view, add, delete rented items Explanation: Let’s say I am renting a few cars and I would like to see which one is available, which one is occupied, I would like to add new car or delete one. There could also be a admin login at the start.
I guess this is CRUD in a way.

**Framework:** Vue or React
**Problem / Question:** How would someone with experiences go about this project? I can watch a tutorial, but when it comes to a real project, I am kind of lost.

Any help or guidelines would be much appreciated.
what are your wfh tips?
Tags: productivity, wfh, tips
Published: 2020-03-12 15:23:44

---
title: what are your wfh tips?
published: true
description: 
tags: productivity, wfh, tips
---

By now, I am assuming most of you are working from home due to COVID-19. Please share your best tips and tricks so that we can all stay more productive and healthy.
Health Check with Java Spring easier than walking backwards
Tags: java, todayilearned
Published: 2020-03-12 15:18:45

### 🚨 Direct to the point, the solution is **Spring Actuator**. 

For this post I'll assume that you already familiarized with Spring Ecossystem, but if you aren't I recommends to you Marcos Maia's [post].
(https://dev.to/thegroo/spring-boot-crash-course-21nm)


We have two ways to implement this little guy in our project:
 - Creating a Spring Boot application from zero;
 - Adding Spring Boot Actuator to an existing application;

# Creating a Spring Boot application with Actuator
Let’s create a simple Spring Boot application with actuator dependency.

### You can create the app using Spring Boot CLI like so:
```bash
spring init -d=web,actuator -n=actuator-demo actuator-demo
```
### Another way would be generate the app from [Spring Initializr](https://start.spring.io/) website:
![](https://www.callicoder.com/assets/images/post/large/spring-boot-actuator-metrics-monitoring-demo-application-example.jpg)

# Adding Spring Boot Actuator to an existing application
You can add `spring-boot-actuator` module to an existing spring boot application using the following dependency.
If you are using maven:
```xml
<dependencies>
	<dependency>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-actuator</artifactId>
	</dependency>
</dependencies>
```
For Gradle, add the dependency like this example bellow
```json
dependencies {
	compile("org.springframework.boot:spring-boot-starter-actuator")
}
```
# Now let's check or verify the integrity of our API

Let’s explore the health endpoint by opening the `http://localhost:<your port>/actuator/health` URL. 

The endpoint should display the following if everything goes well:
```json
{
    "status": "UP"
}
```

The status will be **UP** as long as the application is healthy. 

It will show **DOWN** if the application gets unhealthy due to any issue like connectivity with the database or lack of disk space etc. 

##### But Spring Actuator is not limited to just that with it we can do Health check, Auditing, Metrics gathering and Monitoring, so it is a powerful tool for the general monitoring of our application and you can learn more about it [here](https://www.baeldung.com/spring-boot-actuators).


Thank you for your time and reading, until next time.

![](https://media1.giphy.com/media/loiMEcMI7SZby/giphy.gif?cid=790b761157d2aeca980e28731a4e380b4d7cac15464f232e&rid=giphy.gif)
What would you name a read-only user role?
Tags: discuss
Published: 2020-03-12 15:09:28

---
title: What would you name a read-only user role?
published: true
description: I love writing copy
tags: discuss
---

Assuming you implemented a role-based access control system, what would you name a "readonly" role?

Here are my proposals so far, preference-ordered:

```
* Observer
* Spectator
* Monitor
* Watcher
* Reporter
* Guest
* Rubbernecker
* Greg
* Wallflower
* Mall-Cop
* Tattle-Tale
* Sloth
```
WebGL + WebAssembly + Typography
Tags: webgl, webassembly, typography
Published: 2020-03-12 15:02:47

Hey devs!

First time poster here. There is this idea described by Alan Kay about exploring three distinct subject matters simultaneously until they meet at a common point. I am adopting that approach to build a bezier editor using the new web technologies: WebAssembly and WebGL.

I have an idea to build a typeface editor and try out some of the cool bezier types like [Spiro](https://raphlinus.github.io/curves/2018/12/21/new-spline.html) and [Hobby splines](https://twitter.com/ra/status/928271016513609728) as I think the current quad/cubic bezier splines are a bit of a local minima when it comes to typeface design.

I will be sharing my journey here as I explore these technologies and approaches. Hope I will be able to share the cool things that I learn along this journey and communicate them in a way that will be helpful for someone exploring similar trails.

I will be trying to do a journal log per day on this journey. Hope I can keep up the momentum and see this through. Glad to be on dev.to!

Cheers,
Prathyush