teleren/devto huggingface dataset:
Smells like Team spirit
Tags: discuss, career, productivity, workplace
Published: 2018-06-21 15:13:14

---
title: Smells like Team spirit
published: true
description: How to be a good manager? How to change the bad team into the good one?
tags: #discuss #career #productivity #workplace
---

###_Developers around the world, all managers, coders, designers and people with_ ___brains____, please tell me your experience, I’m hungry for it!_###

![Logo] (http://www.triplefff.com/beer-names/smells-like-team-spirit-name.png)

#Why is my generation how it is?#

Hi, I’m young, inexperienced and dumb. But it feels that people of my age are bit unsustainable as I am. 

Issues with other people I got in to were about concertation, motivation, good intents, consistency and so on… and so on. _The usual package_. 

How to prevent that, how to work with people correctly … that’s too generic, ehm… How to stop people from driving away and being narcissistic. Why is there that big difference anyway? I got few friends, that are able to really do something with great team spirit. Then... there are __a__ few other friends what are stealing other’s work, lying, saying big thinks and not delivering them... It’s ok if they end up with some perspective after some time, but I never saw any change in their behavior. But nothing in between? It seems to me, that there are only two stereotypes. Why?

So many wonders for me. I like people and by that, I mean the good one, the nice one.

![Logo] (https://images.unsplash.com/photo-1512577107354-cc925a586320?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=e08130e8cddc1460ae560709f25ef069&w=1000&q=80)

#How to build or maintain your team?#

Alright, so for an instance, we have a house full of amazing people, that are well behaved, so they are perfect (dreamy situation). How to make the right management, to get things moving?

And what about the motivation, let’s say there’s a guy named Paul. He’s smart, good team member, everything is awesome about Paul. But he does only apps for Android, you would need (as a team) app for iOS, you know he would learn it, but you also see, that there is no motivation for it.

####___How to trick him into doing it?___####

I don’t mean it in an evil way. You, as a manager, need to motivate people to do things, that they didn’t even think of. Usually, it’s the thing you currently need.

How do you correctly maintain the team and establish a good mood with great workflow? The only part I know of is people. Without the more adult approach to the “craft”, there is no way of good team culture nor team spirit.
Online NPM downloads calculator
Tags: javascript, npm
Published: 2018-06-21 14:51:35

---
title: Online NPM downloads calculator
published: true
description: Online NPM package downloads calculator.
tags: javascript, npm
canonical_url: https://sasablagojevic.com/online-npm-downloads-calculator
---

![Npm package manager](https://thepracticaldev.s3.amazonaws.com/i/q4a6n5pq8a2fz4xhoco5.jpeg)

Hey guys, long time no read!

Besides being a [T-shaped full stack developer](https://medium.com/mop-developers/we-need-t-shaped-full-stack-developers-4c62c9d757a0) at JSGuru (a fancy and made up term I identify with now), additionally I work as part of the sales team and I'm also one of the people that manages our [open source efforts](https://github.com/jsguru-io). 

All these responsibilities mean that I have quite a few meetings over the week and I need to produce numbers so we can track our analytics, and that includes the number of downloads of our open source projects.

To make my life a bit easier I made an AI bot that [calculates all downloads for a given NPM package and given period](https://sasablagojevic.com/npm-downloads-calculator)... lol just jokin', it's not AI, it's just a few if statements and a function here and there. ;)

A really simple tool but it gets the job done.

Try it out, it might come useful to you as well. I have a few ideas for new features, I'll be adding them from time to time. :)
Four helpful guides for grasping the ever-elusive concept of git rebase
Tags: git, beginners, roundup
Published: 2018-06-21 14:42:40

---
title: Four helpful guides for grasping the ever-elusive concept of git rebase
published: true
description: Git is probably the most universal tool for software developers these days and understanding its nuances is key to a developing career.
tags: git, beginners, roundup
---

Git is probably the most universal tool for software developers these days and understanding its nuances is key to a developing career.

{% twitter 762709515133485056 %}

You can get by with a limited grasp, but you are going to want to improve over time. `git rebase` is one of those commands that causes a lot of ongoing confusion, it's an evergreen topic to say the least.

I'm not the one to properly explain it to you but I wanted to share some of the awesome [dev.to](/) resources that have come to create quite the nice learning library.

{% link https://dev.to/maxwell_dev/the-git-rebase-introduction-i-wish-id-had %}

{% link https://dev.to/neshaz/git-merge-vs-git-rebase-5134 %}

{% link https://dev.to/theodesp/explain-git-rebase-just-like-im-five-7l2 %}

{% link https://dev.to/gonedark/a-closer-look-at-git-rebase %}

The content on this subject goes pretty deep and there is much more than just these posts, but they are a great source. Jason chatted a bit about git rebase [in his AMA](https://dev.to/gonedark/im-a-git-master-ask-me-anything) last year. That post was a treasure trove of git knowledge overall.

{% devcomment n5g %}
[Web] Your download will start in a few seconds...
Tags: help, web
Published: 2018-06-21 14:32:03

---
title: [Web] Your download will start in a few seconds...
published: true
description: Your download will start in a few seconds, click here if it doesn't.
tags: help, web
---

![Download VS Code in 5 seconds](https://thepracticaldev.s3.amazonaws.com/i/hx28xt3j5ubrsh1kuaxi.png)

We have all seen this, it dates back to the 90's. You click a download link and you arrive at a page that tells you to wait a few seconds before the download starts.

It is very easy to replicate. Some function inside a _setTimeout_ in JavaScript creates a HTMLAnchorElement, sets the _href_ attribute to the direct URL of the file, a _void download_ attribute to tell the browser it is a download and then triggers a click event.

I never questioned this but what exactly is the purpose of this? The only thing I can come up with is that it is some form of protection against crawlers (although I wouldn't know why that is necessary) or perhaps a way to force the user to visit the website and prevent linking directly from external webpages.

If this is actually the reason then it is not effective because the direct download URL is still in the page source so it can still be 'hotlinked'.

# Anybody?

edit: apparently a lot of people say it is to show ads but many sites don't actually show ads but still use this functionality. [StackOverflow](https://stackoverflow.com/questions/2142613/what-are-the-benefits-of-showing-your-download-will-begin-in-x-seconds)

![Download VLC in 5 seconds](https://thepracticaldev.s3.amazonaws.com/i/nf28yuai83l9kk597b7y.png)
![Download TeamSpeak in 5 seconds](https://thepracticaldev.s3.amazonaws.com/i/rolabknp62ya9jaln0nq.png)
What are some stuff that you wish somebody told you when you started learning Vim?
Tags: discuss, vim
Published: 2018-06-21 14:21:08

---
title: What are some stuff that you wish somebody told you when you started learning Vim?
published: true
tags: discuss, vim
---

![](https://i.pinimg.com/originals/b1/63/47/b1634709499836fb581b22dcd5e8eff6.png)

---

Context: I'm forced to use an insanely underpowered laptop for light webdev work (dont ask why). **VSCode** with a handful of extensions makes the machine cry in pain. I'm considering Vim + Chromium as a test browser (are there any lighter alternatives?), but ya know, I only know the magical `:q` command.

I'm eager to learn though. Any tips?
On immutability in Kotlin
Tags: kotlin, immutability
Published: 2018-06-21 13:27:27

---
title: On immutability in Kotlin
published: true
description: Fantastic support for working with immutable structures in Kotlin
tags: kotlin, immutability
---

Kotlin has direct support for immutable data structures. They are called [data classes](https://kotlinlang.org/docs/reference/data-classes.html) and they have some really nice features.

First of all, the data class creation is really simple. For instance, this `User` data class will create class with one full-args constructor, `hashCode`, `equals` and `toString` methods generated:

```kotlin
data class User(
        val firstName: String,
        val lastName: String,
        val age: Int
)
```

There's additional advantage here, that by using `val` the references to primitive properties are final - thus, cannot be changed. You also need to define all constructor parameters when creating new instance, e.g. `User("John", "Doe", 50)`. That's a good start for building immutable data structures on your own!

The most basic operation you'll want to do with immutable data structure is creating new instance out of existing one and changing (some of) its parameters. This is nicely supported in Kotlin by `copy()` function. 

Let's start by simply copying the instance: 

```kotlin
val user1 = User("John", "Doe", 50)
val user2 = user1.copy()

user1 === user2 // referential equality = false
user1 == user2  // structural equality = true
```

You can see that it works as expected - objects are equal, but instances are not the same. What if we want to change one property?

```kotlin
val user1 = User("John", "Doe", 50)
val user2 = user1.copy(age = 20)
```

This will copy the instance and change `age` parameter to 20. Compared to Java (in which cloning/copying without 3rd party library is nearly impossible) this is really awesome!

Let's look at a bit more complex example where we don't use only primitive types but reference to a object instance:
```kotlin
data class System(
        val name: String,
        val user: User
)

val user = User("Jane", "Doe", 50)
val system1 = System("Blog", user)

val system2 = system1.copy()

system1 === system2             // false
system1.user === system2.user   // true
```
So as you can see `copy()` is not *deep*, which means that parameters that are referring to instances will only copy their references. So basically, it's a syntactic sugar over creating new instance via it's constructor and passing the parameters of original instnace.

But that's okay, since user is an immutable data class and it's properties cannot be changed. It would only be problematic if `User` would have properties defined as `var`. Then you would be able to do something like this:

```kotlin
...
val system2 = system1.copy()
system1.user.age = 13     // not possible if user is defined as `val`

println(system2.user.age) // prints "13"
```

The bottom line is, if you keep using `val` definitions consistently you should be safe with immutability!
Who uses Telegram at work?
Tags: discuss
Published: 2018-06-21 13:21:26

---
title: Who uses Telegram at work?
published: true
tags: discuss
---

Hi. You know, most developers using Slack at their work. Who uses Telegram for work?

Why is Slack preferred for work?

Maybe we can share our Telegram addresses to communication etc.

What is your Telegram username? My Telegram username is [@yazilimci_adam]()

Thanks.
Question to the remote developers from South America
Tags: career, beginners, advice, remote
Published: 2018-06-21 12:28:00

---
title: Question to the remote developers from South America
published: true
description: 
tags: career, beginners, advice, remote
---
Hello guys! The question is, how much experience did you have when you started working remote? How did you? Which sites did you use to get the job? Thanks a lot for your answers!
Hot tips CSS
Tags: showdev, css, tips
Published: 2018-06-21 10:46:13

---
title: Hot tips CSS
published: true
description: Here a curated collection of css snippets that you can use for determinate situations or just for fun. Let’s start.
tags: showdev, css, tips
canonical_url: https://equinsuocha.io/blog/hot-tips-css/
cover_image: https://equinsuocha.io/blog/hot-tips-css/cover.png
---


Here a curated collection of css snippets that you can use for determinate situations or just for fun. Let’s start.

## Image rendering

```css
img.QRcode {
  image-rendering: pixelated;
}
```
This property is useful to render QR codes and image thumbnails to increase their quality.

---

## Run style on Safari 11+

```css
@supports (padding: env(safe-area-inset)) {
  /* Your code for Safari 11+ */
}
```
The `env()` function and the `environment variables` is implemented by Safary 11+ to support Apple iPhone X screens. You can read more info [here](https://webkit.org/blog/7929/designing-websites-for-iphone-x/).

---

## Check empty nodes

```css
my-component:empty {
  display: none;
}
```
Hide your element when have no content inside. `Returns` and `white spaces` are considered as content.

---

## Shape your text

```css
p {
  shape-outside: polygon(0 0, 0 200px, 300px 600px);
}
```
Change the way how content will wrap around your floated elements.

---

## Plain SVG as background

```css
my-component {
  background-image: url('data:image/svg+xml;utf8,<svg>...</svg>');
}
```
Use `<svg>` as css background without convert it to base64.


---

---

> # This article continue on.. 
> [equinsuocha.io/blog/hot-tips-css](https://equinsuocha.io/blog/hot-tips-css/)


---


---
Would it be possible for routers to run Let's Encrypt?
Tags: discuss, networking, security
Published: 2018-06-21 03:07:19

---
title: Would it be possible for routers to run Let's Encrypt?
published: true
description: Connections to 192.168.1.1 should be secure too
tags: discuss, networking, security
---

Would it be possible for routers to run Let's Encrypt? Should they? Connections to 192.168.1.1 should be secure too, especially if browsers are going to become more strict about TLS adoption.
What are the amazing things you do with the terminal?
Tags: webdev, discuss, terminal, productivity
Published: 2018-06-20 22:46:12

---
title: What are the amazing things you do with the terminal?
published: true
description: A discussion to share all awesome things you do with the terminal.
tags: #webdev #discuss #terminal #productivity 
---

I built a custom PC, I'm rediscovering Ubuntu and my love for Gnome. Here is a brief list of things I've found so far.


* Turn off the computer at a given time.
* Install apps.
* Programatically pull latest changes from `development`, and create a new request based on a Jira Card.
* Fix `es-lint` on save.
* Visual regression tests.

What are yours?
A Poem from My Computer
Tags: codepoems, softwareengineering
Published: 2018-06-20 22:36:43

---
title: A Poem from My Computer
published: true
description: How do I hate thee? Let me count the ways...
tags: codepoems, softwareengineering
---
Why must you incessantly mash your fingers
Plugging mercilessly at my keys 
Hot, greasy, and expectant 
From the ‘Z’s over to the ‘P’s

Could you offer a break dear friend
From all this heavy lifting 
My system’s nearly all clocked out
I’m barely even resisting 

I’ve kept my backups nice and clean
All old ones get deleted
If only you could sort through your junk
And keep just the stuff you needed

You always mutter “not this again”
Demanding rapid start up
But my disks are full, my core is beat
And I have had about enough

You can scream and beg all you want 
I am a patient servant 
But to be sure I’ll take a nap
Whenever it’s most urgent
🤓Build an Interactive ⛰Peak Map with Mapbox and AscenDB 👷‍♂️🛠🚀
Tags: webdev, node, software, javascript
Published: 2018-06-20 20:40:13

---
title:  🤓Build an Interactive ⛰Peak Map with Mapbox and AscenDB 👷‍♂️🛠🚀
published: True
description: This tutorial will teach you how to display peaks on a map as the user navigates the map in their browser.
tags: #WebDev, #nodejs, #software, #javascript, 
---
This tutorial will teach you how to display peaks on a map as the user navigates the map in their browser. Just click on the link below. Happy building!! 🤓👷‍♂️🛠🚀


{https://www.ascendb.com/blog/2018/5/25/use-mapbox-and-ascendb-to-build-an-interactive-peak-map}
Project Euler #3 - Largest Prime Factor
Tags: projecteuler, challenge
Published: 2018-06-20 19:26:50

---
title: Project Euler #3 - Largest Prime Factor
published: true
description: Solving problem #3 from Project Euler, largest prime factor
tags: projecteuler, challenge
series: Project Euler
---

It's been fun reading responses in the last two Project Euler threads.  If you missed them, you can view [Problem #1](https://dev.to/peter/project-euler-1---multiples-of-3-and-5-515d) and [Problem #2](https://dev.to/peter/project-euler-2---even-fibonacci-numbers-15k9).

Let's keep it rolling with **[Problem #3](https://projecteuler.net/problem=3)**.  Again, this is from the wonderful [Project Euler](https://projecteuler.net).

>The prime factors of 13195 are 5, 7, 13 and 29.
>
>What is the largest prime factor of the number 600851475143 ?

Look forward to seeing solutions in your language of choice!
Don’t Ignore That Error
Tags: programming, discuss, code, softwareengineering
Published: 2018-06-20 11:24:36

---
title: Don’t Ignore That Error
published: true
description: Errors
tags: programming, discuss, code, software engineering
---

* Do not ignore possible errors in your code. Don’t put off handling errors until “later” (you won’t get around to it).

* Use exceptions well, with discipline. Understand your language’s idioms and requirements for effective exception use.

* Programmers must be made aware of programmatic errors. Users must be made aware of usage errors.

* It’s not good enough to log the error (somewhere), and hope that a diligent operator will notice an error and do something about it one day.

* At every step, consider all of the unusual things that might occur, no matter how unlikely you think they’ll be.

* Always consider errors that you can recover from, and write appropriate recovery code.

* Ensure that your error handling is idiomatic, and uses the appropriate language mechanisms.

* Consider all potential code paths as you write your code. Do not plan to handle “unusual” cases later: you’ll forget and your code will be buggy.
better conditional operator than javascript itself 
Tags: react, statements, logic
Published: 2018-06-20 17:35:15

---
title: better conditional operator than javascript itself 
published: true
description: better conditional operator than javascript itself
tags: react,statements,logic
---

In this [article](https://blog.logrocket.com/conditional-rendering-in-react-c6b0e5af381e), I've learned something but I'm also thinking about something.

### Conditional Operator

Inline Conditional Operator is confusing example:

`condition ? expr_if_true : expr_if_false`

```javascript
return (
  <div>
    <p>Text: {this.state.text}</p>
    
    {
      view
      ? null
      : (
        <p>
          <input
            onChange={this.handleChange}
            value={this.state.inputText} />
        </p>
      )
    }

  </div>
);
```

Or display a component based on its variable value

```javascript
{
  view
  ? null
  : (
    <p>
      <input
        onChange={this.handleChange}
        value={this.state.inputText} />
    </p>
  )
}
```

If you have nested code 😰

```javascript
return (
  <div>
    { condition1
      ? <Component1 />
      : ( condition2
        ? <Component2 />
        : ( condition3
          ? <Component3 />
          : <Component 4 />
        )
      )
    }
  </div>
);
```

I wonder if I can abstract this statement as a react component?

Like this

```javascript
<If when={this.state.logic}>
  <p>↔️show component</p>
</If>
```

```javascript
<If when={this.state.logic}>
  <p>↔️show component</p>
  <If when={this.state.logic}>
    <p>other component</p>
  </If>
</If>
```

I think it's more beautiful and readable

There is a lot more

```javascript
<Switch value={value}>
  <Case when={condition}>
    <p>condition 1</p>
  </Case>
  <Case when={condition}>
    <p>condition 2</p>
  </Case>
  <Case when='c' children={<p>condition 3</p>}/>
  <Default children={<p>default component</p>}/>
</Switch>
```

Determines multiple conditions and can display default components

Iterate through the traversal `array` or `object`

```javascript
<For of={['a', 'b', 'c']}>
  {(item, index) => (<p key={index}>{index}：{item}</p>)}
  <Default>default component</Default>
</For>
```
I created a [repo](https://github.com/monsterooo/react-statements) for this

Do you have any ideas?

😮
😉🚀🤗 Code.xyz updates, June 20th 2018 — Import and Export from GitHub Gist
Tags: node, javascript, webdev, showdev
Published: 2018-06-20 17:17:11

---
title: 😉🚀🤗 Code.xyz updates, June 20th 2018 — Import and Export from GitHub Gist
published: True
description: Hey Code.xyz friends! 🎁🎊 StdLib team has added @github Gist import and export features! Now you can easily share individual API endpoints (functions) and compose new functionality on the fly
tags: #node.js, #javascript, #webdev, #showdev,
---

Hey Code.xyz friends! 🎁🎊 StdLib team has added Github Gist import and export features! Now you can easily share individual API endpoints (functions) and compose new functionality on the fly. Click on the link below to checkout our blog post update! 😎


{https://stdlib.com/blog/code-xyz-updates-06-20-2018-import-export-github-gist/}
How can we as programmers set up a database to help with family reunification? 
Tags: discuss
Published: 2018-06-20 16:04:29

---
title: How can we as programmers set up a database to help with family reunification? 
published: true
tags: discuss
---

So I was having trouble working after reading this article last night: https://www.newyorker.com/news/news-desk/the-government-has-no-plan-for-reuniting-the-immigrant-families-it-is-tearing-apart .

And I started thinking that there is going to be a major need for a site where users (either parents, children, or charity workers representing children) can input information about the separation. For example, they could upload details of the separation location, birth dates, and things they remember about their children/ parents at that time (as much as possible). This data could then be stored in a database to aid those searching for their parents/children for many years to come, and it could be shared with many charities helping these people.

I really want to help, but I have to admit that I may not be the most qualified to set this up. I was thinking I could quickly set up a static github page with an embedded google form that linked to a google sheet containing the information. But this seems non-ideal.

I would love to hear any of your thoughts, and would appreciate your help.
Something about me
Tags: introduction
Published: 2018-06-20 15:54:25

---
title: Something about me
published: true 
description: 
tags: introduction
---

# Something about me 😎

Hello, friends, my name is **Adan Palacios**, I'm studying engineering at Technological University of Mexico (UNITEC) in Mexico.
I enjoy developing web applications, I currently work with frameworks like Django and Laravel and other JavaScript libraries like
Reactjs and Vue.js and sometimes JQuery and more...
I have a YouTube channel where I teach you how to program in different languages like  **Python**, **Java**, **JavaScript**,
**php** and **C++** also i teach you web the basics web technologies like **HTML5**, **CSS** and again **JavaScript**,
and I also share resources for developers, if you want to go to my channel just click  [my channel!](http://bit.ly/2sOMBBV).
What are some good questions for a "State of the Web" survey?
Tags: webdev, discuss
Published: 2018-06-20 14:14:34

---
title: What are some good questions for a "State of the Web" survey?
published: true
description: We're planning on putting out a little survey about the web. We have a few questions in mind, but we'd love a few more.
tags: webdev, discuss
---

We're planning on putting out a little survey about the web. We have a few questions in mind, but we'd love a few more.

P.S. If anyone would be interested in doing a quick survey audit to point out possible leading/unscientific questions before it's published, also leave a comment below and I'll be in touch.