teleren/devto huggingface dataset:
Contributing to Open Source Go projects on GitHub - A recipe to clone forked Go repos.
Tags: go, github, opensource, git
Published: 2019-06-08 17:49:15

Phew! It took me a while to figure out the entire process so I decided to write this post and I hope it'll further help everyone else get started. I managed to gather all the ingredients and curate the recipe to start working on an open source Golang project…so follow along.

Say you want to experiment with **org**'s new **tool** which is written in Go. So, you **go to get** (pun intended) the repo which you have **forked** on your GitHub account.

![](https://thepracticaldev.s3.amazonaws.com/i/lgdmrvm0d79bwzxmw7zq.png)

*Question* : Why your regular `go get` on the forked repo won't work?
*Simple Answer* : All your imports will be messed up. You'll have to change all the import statements that say something like `github.com/org/tool` to `github.com/yourGitHubID/tool` to make things work and your code will run into conflicts.

`go get` the original **org**'s repo. `go get` clones the repo into your `GOPATH` . `-u` flag updates the named packages and their dependencies.

    $ go get -u github.com/org/tool

Go to the directory where you just cloned the **org**'s **tool** repo

    $ cd $GOPATH/src/github.com/org/tool

Let's check what remote repos we have at this point. List out the remote repositories. `-v` for a verbose output.

    $ git remote -v
    origin https://github.com/org/tool (fetch)
    origin https://github.com/org/tool (push)

Add a add a new remote Git repository explicitly pointing at your fork. Here the shortname I used for the new remote is `fork`, you can name it whatever you like.

    $ git remote add fork https://github.com/yourGitHubID/tool.git

List out the remote repositories again to check and there you see it, a new remote has been added.

    $ git remote -v
    fork   https://github.com/yourGitHubID/tool.git (fetch)
    fork   https://github.com/yourGitHubID/tool.git (push)
    origin https://github.com/org/tool (fetch)
    origin https://github.com/org/tool (push)

Now that you have a remote that points to the forked repo on your GitHub account, you can start working. To start working on a new branch:

    $ git checkout -b experimentbranch

Make sure you have your branch updated with **org**'s branch. Then you can start making changes to the files on the experimentbranch `git add` your modified files and `git commit` your work  after testing the new features you've added.

Push changes to your fork.

    $ git push -u fork experimentbranch:experimentbranch

Then you can compare the changes you have made and submit a Pull Request to propose changes to be merged with the **org**'s repository.

*If you notice any corrections that need to be made in the post feel free to comment below! :)*
The Art of CSS Illustrations
Tags: css, guide, tutorial
Published: 2019-06-08 15:43:04

# Why Use CSS?

If you follow me or have seen my work, you’ll notice that CSS is a language I love to use in almost every project/pen I do. This being because it is easily customizable and can easily be read by other developers to change to their liking. Yes there are Javascript libraries for making shapes and animations but why make it harder on yourself? You can check out my Intro to CSS if you’re interested in learning the basics before reading the rest of this article.

# It’s Easier then it looks

Using CSS to make illustrations is easy if you think of it like this. Almost all images, designs, drawings are made up of simple shapes, lines and mixtures of colors, depending on the subject. CSS allows the developer to place different divs/elements on top of each other. You can do this using z-index . By using z-index you can move divs/elements to different layers of your page. You can read more about div position here. A quick exercise you can try to see how easily you can make a image/object out of shapes is to think of something and draw it out on a piece of paper using simple shapes. You’ll be surprised how much easier this makes the process and it shows you how many divs you will eventually need. Here is an example:

```
.div {
position: relative;
z-index: 1;
height: 10px;
width: 10px;
background: red;
}
```

# Using it to your advantage

Not many people know the power that CSS has to offer, and by learning how to style a website or create a illustration using Pure CSS it can set you ahead of the game when coding a website or showing off what you can do to a page to grab a viewer’s attention.
React Native Blur Background Image dynamically using Slider Component
Tags: reactnative, android, ios, javascript
Published: 2019-06-08 17:06:39

---
title: React Native Blur Background Image dynamically using Slider Component
published: true
description: React Native Blur Background Image dynamically using Slider Component
tags: #reactnative #android #ios #js
---

Source : <a href="https://www.skptricks.com/2019/06/react-native-blur-background-image-dynamically-using-slider-component.html" > React Native Blur Background Image dynamically using Slider Component</a>

This tutorial explains how to display blur background image dynamically using slider component in react native application. In our previous tutorial we have explained about slider layout design and their component uses in react native application. If you aren't remember then you can follow the below example :
React Native Slider Example

<img src="https://1.bp.blogspot.com/--BcVaiKhC3U/XPuewZRekXI/AAAAAAAAC84/g44KADed3RUHZVHZZzkyKTiEXbSCYc4FwCLcBGAs/s1600/react-native-blur-background-image-dynamically-using-slider-component.jpg" />

<a href="https://www.skptricks.com/2019/06/react-native-blur-background-image-dynamically-using-slider-component.html" >Click Here to read more...</a>
Finding time when you have a family
Tags: discuss, projects, family
Published: 2019-06-08 16:20:31

---
title: Finding time when you have a family
published: true
description: 
tags: discussion, projects, family
---

If you are a dev with a spouse (or a partner) and kids, how do you manage your time so that you give your loved ones the time they deserve but also give yourself time for side projects, hobbies, etc? This has been a challenge for me since my kids were born (now 4 and 2 years old). I am curious to see how others handle it.
If you are front-end dev - how do you keep yourself concentrated on grooming when BE guys discuss their technical details?
Tags: discuss, webdev
Published: 2019-06-08 16:05:43

---
title: If you are front-end dev - how do you keep yourself concentrated on grooming when BE guys discuss their technical details?
published: true
description: 
tags: discuss, webdev 
---

The problem is that I start dreaming if BE is being discussed more than 5-7 min, since I our BE implementation not an easy one and I cannot help BE guys or get into discussion. And since I am dreaming I often got cought by scrum-master that I miss something when BE are done and we start some FE discussion.
Any ideas?
Career Driven Development: An Analogy to Test Driven Development for Learning to Code.
Tags: discuss, beginners, career, learning
Published: 2019-06-08 15:56:26

---
series: Soft Skills For Programmers
title: Career Driven Development: An Analogy to Test Driven Development for Learning to Code. 
published: true
tags: discuss, Beginners, career, learning
---

![Learning to Code](https://thepracticaldev.s3.amazonaws.com/i/ccy1fu5f3ilrtcfaii0d.jpg)


Coding is now the coolest thing out there and everybody is joining the bandwagon. Python, JavaScript, Php, Java and all other cool programming stuff are now everywhere across social media.


Yeah! It is time to build the next Facebook and you just learnt it would be advantageous to learn to code just like Mark.


### Cool!


And you have heard a lot about Robot taking your job in the future as well as the future of work that may deprive you of a better future if you don’t act now.


### Fine!


So you have decided to learn to code but your situation makes it impossible to join a boot camp or any other instituted learning platform. Your search for the best languages, libraries, and frameworks to learn usually brings more confusion. 


Boom! You are scrapping the web for useful information to help you learn. 


As a "beginner-developer", no one or institution would feel ashamed if you are not relevant in the industry. You own all your failures. You don’t know how to ask the right questions and no one is there to help you out yet. Although you have the right information at your disposal, yet it is hard to use the information because you are new to the industry.


Therefore, I believe the developer ecosystem has to design learning systems that can help beginners learn the best ways to make a great career out of learning to code.


Currently, there are several well-established paradigms that are useful in learning to code but such is rare, if any, for career development in the industry. 


I believe there should be well-structured systems like:


#Career Driven Development (CDD)


I choose to name the process I’m about to discuss Career Driven Development (CDD) to achieve an obvious analogy with Test Driven Development (TDD). But CDD is not a programming paradigm, it a learning approach in which learning to code is driven by 


1.	Self-promotion 
2.      Curiosity
3.	Helping others 
4.	Building portfolio
5.	Collaboration
6.	And networking


as a process to position beginners for better careers in the industry.

Learning to code is hard, career development in the industry should not be hard after overcoming tough learning challenges.


A career driven framework is needed to help beginners focus on things that matter in becoming world-class developer whether she learns at a boot camp or by teaching herself. 


I believe this should be approached like Test Driven Development, that is, a well-structured approach is provided –- learn -> showcase -> your skills -> repeat.


### What do you think and why?

Thanks for your time.

[Shakespeare of Code](www.twitter.com/codingnninja)
Wallpaper dev.to based on website preview url
Tags: wallpaper
Published: 2019-06-08 15:29:01

Anyone here have dev.to wallpaper like this in full resolution?
I really like it, if you guys have, I will make it as my desktop wallpaper!

![](https://thepracticaldev.s3.amazonaws.com/i/1eky87j4p09bcwu6s1f8.jpg)
What is that one tool/stack/framework that you have no interest with despite the popularity?
Tags: discuss, watercooler, casual
Published: 2019-06-08 14:37:42

---
title: What is that one tool/stack/framework that you have no interest with despite the popularity?
published: true
description: Just curious...
tags: discuss, watercooler, casual
---

In the tech world, there's always a plethora of popular tools that have been around for some time, but some people including me just don't have the time/capacity/resource/insert-reason-here to try it out.

For me, it's Docker. Most repos now have a way to setup with Docker and infra services such as AWS or Digital Ocean also provide integrations with Docker. The hype is still going strong as of now and people are starting to use Docker in development as well. However, the effort of running it in development just doesn't justify the gain. Maybe it's great on production, but I have been putting up static sites as of late. I've got no time to invest on this I guess, maybe someday when I need them.

How about you all? I'm curious if people here at dev.to is more like the type of people who would always be trying out (or master) the popular ones, or maybe more like me, stick to the usual until it's necessary to try out popular ones.
MiniProfiler ❤ MongoDB
Tags: showdev, csharp, dotnet, mongodb
Published: 2019-06-08 14:15:36

---
title: MiniProfiler ❤ MongoDB
published: true
description: When one tool loves another tool very much...
tags: showdev, csharp, dotnet, mongodb
canonical_url: https://turnerj.com/blog/mongodb-loves-miniprofiler
---

If you're familiar with .NET, you may have heard of an awesome project called [MiniProfiler](https://miniprofiler.com/) made by the awesome folks at Stack Overflow.

{% github MiniProfiler/dotnet %}

If you're unfamiliar, you may have gathered from the name it has something to do with profiling code - you wouldn't be wrong!

MiniProfiler isn't designed to profile every method call - it is however designed to profile the calls you specifically want to know about. These include things like database calls, your controllers or your views. You can optionally profile any other code you want through MiniProfiler's API.

MongoDB - some love it, some hate it but regardless I use it and I like it for my projects. What I don't like with MongoDB is the C# driver so as an ongoing project of mine, I have built my own wrapper for MongoDB C# driver called [MongoFramework](https://github.com/TurnerSoftware/MongoFramework). I have [written about this library previously here](https://dev.to/turnersoftware/mongo-what-now-34lg) so I won't go into much detail besides saying it makes dealing with MongoDB similar to dealing with Entity Framework.

MongoFramework however is how MiniProfiler and MongoDB meet. You see, MiniProfiler has official packages for profiling EF6 and EF Core but doesn't actually support profiling of MongoDB queries. As I had already written a wrapper around the official MongoDB driver, I was already in a good place to extend my own integration to support profiling.

MongoFramework uses a diagnostic layer inspired by how MiniProfiler actually connects into EF Core. This diagnostic layer is per connection for MongoFramework and as an interface, can easily be swapped out for any other diagnostic tool. The diagnostic layer is invoked at every entity read/write as well as the creation of indexes.

![MiniProfiler profiling dialog showing a MongoDB column](https://thepracticaldev.s3.amazonaws.com/i/qrtvcjwr13r3fxwsa6ge.png)

![MiniProfiler showing an actual MongoDB query](https://thepracticaldev.s3.amazonaws.com/i/9wp54kvt67kyt5792mtj.png)

So if you:
- are building a project in .NET
- are using MongoDB for persistence via MongoFramework
- are using or want to use MiniProfiler

Then this might be exactly what you are looking for! Check it out on [NuGet](https://www.nuget.org/packages/MongoFramework.Profiling.MiniProfiler/).

{% github TurnerSoftware/MongoFramework %}
How often do you clean your monitor(s)? ✨
Tags: discuss
Published: 2019-06-08 13:36:34

---
title: How often do you clean your monitor(s)? ✨
published: true
description: 
tags: discuss
---

I've been getting in the habit of doing this at least once a week! And while I'm at it, I'll clean my phone screen too 😄
Download button animation
Tags: showdev, css, codepen, html
Published: 2019-06-08 13:19:42

Everytime I see an animation or a microinteraction, I'm used to ask myself how much time would it take me to do something similar. So when I crossed myself with this GIF from the amazing [Pablo Stanley](https://uxdesign.cc/@pablostanley), couldn't help myself to think a lot on how I could archieve this effect.


![Pablo's Stanley button animation concept](https://cdn-images-1.medium.com/max/1600/1*mHdzshog-HHTz61Msj2DkQ.gif)


And I'm going to walk you through the creation process!

## 1. Thinking to move concept to code.

Alright, this was maybe the hardest part of everything, because I had to think in ways to, for example, moving the text cannot be acomplished with the normal text of a button, and how could I make the button smaller in height without affecting all the other components in a website? I didn't know.


## 2. The HTML.

After all the answers where clear. I moved on to create the HTML for the button, I had in mind something simple, I didn't wanted empty divs o spans anywhere. So I came up with this:

                <div class="cool_holder">
		         <button class="coolass_button" id="coolbutton"></button>
                </div>

Not so interesting, right? That's because I wanted it to be real simple. And while the button doesn't have text, it as an explanation in...


## 2. The CSS.

Here's where things get a little bit messy, since this is an animation, I needed to have multiple classes to hold these states and work together, I would like to give and extend explanation of it, but the post would be huge!
In short, I added the "Download" and "Success!" text using :before and :after .
And for the height of the button, our friend cool_holder has a 100px height, so the button can be smaller but it won't affect the overrall composition of a website.  

Note: I didn't add the CSS because it was too big for this small post haha.


## 3. The javascript.

This is the wrap up of everything, and in esence, it's just a bunch of SetTimeouts that keep adding after a certain time the other classes, maybe it's not the best, but I didn't thought of anything else at the time.

#The result!

After everything was done, I couldn't be happier with the result, and uses are limitless! Download pages, make it a "Post" or "Publish button"! And... Well, maybe not limitless, but I was happy to archieve a cool animation, and here it is:

{% codepen https://codepen.io/Codedgar/pen/JVRbJK default-tab=result %}

And well, this is my first post! So I may have slipped here and there, but I wanted to show my small acomplishment to this great community, thanks for reading!

If you wanna follow me on [Instagram](https://www.instagram.com/codedgar/) you are completely welcomed! I post my advance on microinteractions there, along with some web posts C:
Open Source GraphQL API for Online Show (Netflix, HBO, Hulu, Amazon Prime, etc.)
Tags: opensource, graphql, webdev, javascript
Published: 2019-06-08 13:00:55

---
title: Open Source GraphQL API for Online Show (Netflix, HBO, Hulu, Amazon Prime, etc.)
published: true
description:
tags: opensource, graphql, webdev, javascript
---
frisky is an open source project using GraphQL trying to serve information about TV shows and its episodes with all information like name, description, year, posters, creators, starring and the service providers where you are allowed to stream that show. 

**Current Service Providers:**
Netflix, HBO, Amazon Prime, Hulu

**Links:**
**GitHub:** [https://github.com/prabhuomkar/frisky](https://github.com/prabhuomkar/frisky)
**Docs:** [https://prabhuomkar.github.io/frisky](https://prabhuomkar.github.io/frisky)

**_Show some love by starring the repository or contribute with data/code by reading the API documentation :)_**

{% github prabhuomkar/frisky %}
React vs Preact?
Tags: discuss, react, webdev, preact
Published: 2019-06-08 12:59:29

---
title: React vs Preact?
published: true
description: React vs Preact
tags: discuss, react, webdev, preact
---

For a small project that needa blazing fast speed, which to prefer. 
* REACT
* PREACT
* INFERNO
* MITHRIL
* MOON
Using the term Artineer
Tags: discuss
Published: 2019-06-08 12:01:28

---
title: Using the term Artineer
published: true
description: A short thought about terms / labels that I identify with
tags: discuss
---

After reading [Erika Heidi's](https://dev.to/erikaheidi/the-art-of-programming-21gg) article, I was thinking about changing the term that I currently identify with (developer / technopreneur) into (artist / engineer) or **Artineer** for short.

If someone does engineering, could they be consider as an artist? 
##### Keeping in mind that Art is :
> _The expression or **application of human creative skill and imagination**, typically in a visual form such as painting or sculpture, producing works to be appreciated primarily for their beauty or emotional power._

If someone does art, could they be consider as an engineer? 
##### Keeping in mind that Engineering is :

> _The branch of science and technology concerned with the design, building, and use of engines, machines, and **structures**._

This is just a thought of mine, and maybe there's a word for this that I didn't know about. Though I would be curious about what the community here think about the terms that they feel comfortable to identify as.

UPDATE : Someone bought http://artineer.net/ so I'm definitely not the one who coined this term therefore I've changed the title of this post
go.mod replace: fallthrough
Tags: go, programming
Published: 2019-06-08 11:59:33

---
title: go.mod replace: fallthrough
published: true
description: Using `replace` to replace a pkg that an imported pkg imports
tags: #go,#programming
---

### How do you use `replace` in `go.mod` when you want to replace a pkg that an imported pkg uses?

## The Problem

**Project** uses **Lib**
**Lib** uses **SubLib**

```
Project
  Lib
    SubLib
```

You want to replace **SubLib** with a local version that you're working on to see the result in **Project**.

## The Answer
Open `go.mod` in **Project** to use the `replace` directive.

```
// go.mod

require(
  github.com/example/lib
  // `lib` imports github.com/sublib/sublib
)

replace github.com/sublib/sublib => /local/dir/sublib
```

Profit!

May my hours of suffering help another.
IoT in cold Chain Monitoring 
Tags: productivity, iot
Published: 2019-06-08 11:02:48

Cold chain monitoring means basically monitoring and controlling the temperature of perishable goods that shipped through via aircraft, ship, train, road transport etc.

In the transport industry IoT Solutions is effectively working as a business loss saver in the market. 

Need of IoT in cold chain monitoring.

Temperature monitoring is the factor to avoid the huge loss company may face if no proper temperature is maintained while transport. After knowing a power of temperature monitoring warehouse keeper, logistic companies now understood the value of using cold chain monitoring system to deliver frozen food and perishable food in the maintained condition.

Benefits of smart cold chain monitoring:

•Reduce the spoilage
•Save time and recourses
•Live Monitoring
•Increase Productivity 


Top Industry Benefits

•Real Time Tracking: You can track the vehicle, person or any other transport objective to track the live location, fuel consumption, how many holts taken, kilo meters run etc. 

•Alerts: Get instant alerts If temperature not maintained in particular threshold, know the speed of the vehicle to take the real time decision and prevent the loss. 

•Report: Access the historical reports to take the effective decision.

•Track the shipment: Track the shipment.
Find out more about solutions on 
https://www.hiotron.com/ and https://www.hiotron.com/iot-training/
Tell me about your caffeine inputs
Tags: discuss
Published: 2019-06-08 11:01:06

How much and what type of caffeine do you drink or otherwise imbibe?

Programmers are notorious for being "machines that turn coffee into code", but between the devs I know in real life, opinions are split. So I figured I'd get an actual survey.

Personally, I'm trying to cut back on coffee. I used to drink it like water, but that's probably not good for anybody. I don't think I'll ever quit completely because I've become accustomed to the warmth, the taste, and the morning ritual. I still guzzle tea, but that can be completely decaffeinated and still taste pretty good.

So, caffeine? Tell me about it.