teleren/devto huggingface dataset:
Ohh Boy!!! Yet Another Feature, I think I am going to explode...!!!
Tags: lifelessons, selfimprovement, selfawareness, motivation
Published: 2019-04-05 22:35:59

---
title: Ohh Boy!!! Yet Another Feature, I think I am going to explode...!!!
published: true
description: what everyone needs to remember 
tags: life lessons, self-improvement,self-awareness,motivation
---

Yes, that’s what we all do.

Is it bad? No!

Is it good? Maybe!

As a developer or as anything the moment you shift careers? One of the things that happens under the hood is that you are signing up to be a life long learner and self developer... Yes you heard that right.

We have alot of developers title, but many times people forget this single developer title out every time :

.Self Developer

When you hear about new technologies or get a notification update for a new feature log on your favourite development environment ?

Don’t freak out...!!!

Relax you don’t have to learn everything.

"One thing I have learnt over time is, learn as you implement, don’t learn before you implement"

Okay that didn’t sound too fancy. But the idea is: Don’t task yourself with learning everything. You don’t have to know it all, you can learn a new idea or concept only when you need to use it, like when you really need it, and then apply.

Don’t disagree with me just yet, I have my reasons.

Reason is because no matter how brilliant you are, this is what happens to everyone and everything everytime:

1. Energy unused is lost.

2. Vitality unused diminishes

3. A day unnplanned is lost

4. You can’t keep time, you can manage time though, that’s where the perfection lies.

5.You should become a master at learning and practicing most of all..

This is just a few points from the universal registry of points...

Another thing is alot of people say read alot. Now I don’t have issues with that, but what I have issue with is, the concept, because it’s not complete.

"What is reading without practice?"

The full sentence should be:

" Read alot more and practice twice as that. "

Now that’s more like it!!!

This is not an article on how, to use Nodejs Nodemailer module or your normal fancy tech post, so there will be no need to make it even more verboose than it already is.

But in as much as we are all good at what we do. No doubt about that, there are little things that we should still remember, so I thought to share and remind us again…

TL:DR

This is an unminified(a more detailed information ) version of my article from someone else.
https://link.medium.com/1Dc7x7gmEV

Thanks for reading.
I have been a TopTal Software Engineer for two years, Ask Me Anything!
Tags: ama
Published: 2019-04-05 18:48:24

---
title: I have been a TopTal Software Engineer for two years, Ask Me Anything!
published: true
tags: ama
---

With a strong tailwind of practical experience, tremendous passion, and a newborn baby I founded my company [ModernUp](https://modernup.io/) in 2015 with one goal in mind: to help startups and early growth-stage companies get to market fast.

However, keeping my schedule full (and money coming in the door) became an early  challenge. I worked hard on finding unique ways to work with new clients, and came across [TopTal](https://www.toptal.com/#explore-exclusively-perfect-software-architect-experts) while browsing LinkedIn.

Shortcut to two years later and I've booked thousands of hours with [TopTal](https://www.toptal.com/#explore-exclusively-perfect-software-architect-experts) across multiple projects. Ask away!
What was your win this week?
Tags: discuss, weeklyretro
Published: 2019-04-05 21:18:39

---
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
---
Happy Friday Everyone :)

It's weekly retro time!

Looking back, what was something you're proud of?

All wins count -- big or small!

Examples of 'wins' include:

- Getting to all your meetings on time
- Starting a new project
- Fixing a tricky bug
- Cleaning your house...or whatever else that may spark joy 😄
🎉
IWD 2019 — GDG Makurdi
Published: 2019-04-05 21:06:38

---
title: IWD 2019 — GDG Makurdi
published: true
description: 
tags: 
---

In the March of 2019, Pius contacted me to share my knowledge about the basic concepts of Angular with the audience of Makurdi, Nigeria. It was organised as a celebration of International Women’s Day 2019.

On the 31st of March 2019, I joined the audience in Makurdi via a Hangout session and discussed the topics starting from the basic set up required to work on an Angular application to component communication, directives etc.

This was my first online session teaching an international audience and there was no less energy in the crowd than that in an offline/physical session.

https://thepracticaldev.s3.amazonaws.com/i/igz0frk6oi7u5hx7929y.jpeg

https://thepracticaldev.s3.amazonaws.com/i/8ho0soo6rbtgoebmrdei.jpeg

However, the session could not be recorded due to network issues.
The topics taught in the session are covered in this Beginners course on Angular by me here: https://www.udemy.com/angular-for-beginners-l/

Contact me at: nishu0505@gmail.com
Generating Passive Supplemental Income Part 1
Tags: business, income, tech, finance
Published: 2019-04-05 21:05:22

---
title: Generating Passive Supplemental Income Part 1
published: true
description: A series on how I generate extra income as a primarily WFH software developer
tags: business, income, tech, finance
cover_image: https://g.foolcdn.com/image/?url=https%3A%2F%2Fg.foolcdn.com%2Feditorial%2Fimages%2F476463%2Frobinhood-logo.png&w=700&op=resize
---

***This part 1 of a multi-part series on software developer friendly ways to generate passive income***

Part 1: [Robinhood](https://share.robinhood.com/timothe535)

[Robinhood](https://share.robinhood.com/timothe535) is a commission free investment platform that allows users to invest in a wide array of stocks, ETF's, options, and more. The app features an intuitive and well designed user interface on both web and app platforms, allowing for both beginners and seasoned professionals to start trading comfortably, with no commision.

I joined the platform as a beginner with no trading experience. I was happy to see that there was no minimum investment, and quickly began experimenting with penny stocks after connecting my bank account and depositing $5. While this wasn't a winning strategy by any means, I went on to discover the concept of dividends, and a true passive income strategy began to emerge.

Stocks that pay dividends can range in overall price and performance, so it's important to do some research before you purchase shares. I was happy to find that REITs, or real estate investment trusts, can offer lower share prices, reasonable volatility, and higher dividend percentages than traditional stocks. 

I've settled with my REIT strategy (as opposed to flashy and volatile tech IPOs) and am happy to be both learning more about the stock market and general investment strategies, while earning a small bit of passive income on the side.

The coolest part about [Robinhood](https://share.robinhood.com/timothe535) is that signing up guarantees free stock, and new users have a chance at scoring high value shares from companies like Apple, Berkshire Hathaway, Tesla, and more.

You can sign up through this [referral link](https://share.robinhood.com/timothe535) and you will get a free stock from Robinhood ($10 value average). You can also sign up [here](https://signup.robinhood.com/), but no free stock will be awarded. 

Stay tuned for part II!
Does front end developer need a mock API Service?
Tags: javascript, react, productivity, fakerest
Published: 2019-04-05 20:28:00

---
title: Does front end developer need a mock API Service?
published: true
description: My thoughts about mocking data for front end
tags: #javascript #react #productivity #fakerest
---

Hello. 
My name is Nikolay. 
I am a front web developer. I am currently participating in a small enterprise project. 
There are two of us. Front end developer and Back end developer.

The thing is that sometimes we are working asynchronously, I mean, one day when I  need to use some REST API it's not ready. Another day its done but contains not enough data and it will take some days to change it according to new requirements. On my practice that situation where several times in some projects.

The first solution came up to me, is to generate fake data on the client and simulate request to the server. The advantage of this is that it's up to you and you don't need anyone to fix this. The disadvantage is your project build contains the code with fake data and fake data generators go to your build to. And sometimes it's big.

As the second solution, I was looking for online mock API services. I found a few but no one did not match my requirements.

Wasn't thinking too long, I decided to create my own mock API service.

And of course with my tricky requirements:

- Dynamic response generation via Mustache or another template engine,
- Url matching support. For example: `/getClient/:clientId`
- Custom media library. To provide links to real data files or images you want.
- Work with teams on projects.
- Request History

What do you thinking of that guys?
Is this all make sense or I am fighting with windmills?

P.S.
If you are interested in my service please take a look on the prototype on https://fake.rest
I can't stop thinking in this coding problem
Published: 2019-04-05 20:24:02

I had this problem during a live session:

*There is going to be a car race. The cars are numbered from 1 to n. Drivers will only get a car if the number of the car is a factor of their preferred number. Find the maximum number of participants.*
 
E.g. n = 3, prefsNumbers = [9, 1, 5], output: 2
`1 <= n <= 1000; 1 <= prefsNumbers[i]`

I had 2 approaches:
* Build a matrix n x m finding a driver for each car. Every row represents a car and every cell [i,j] is true if the car number *i* is factor of the participan *j* preferred number. Then For each row find whether there is at least one driver. If so add one to the total number of participants. 
E.g 
```
  |9 1 5
--------- 
1 |1 1 1
2 |0 0 0
3 |1 0 0
Cars 1 and 3 have at least one possible driver. The output is 2

```
* Sort the prefsNumbers by the number of factors of each preferred number, thus I will find a car first for the numbers that have few chances of getting one, starting with prime numbers

Both approaches didn't pass all the test cases. What am I missing here?

#### Edited: the description of the first solution was wrong
Swift For-In Loops
Tags: swift, ios
Published: 2019-04-05 20:08:14

---
title: Swift For-In Loops
published: true
description: In Swift language we use the for-in loop to iterate over a sequence.
tags: swift, ios 
---

In [Swift language](https://developer.apple.com/swift/) we use the `for-in` loop to iterate over a sequence. A sequence contains items such `Array` elements, `Range`s of numbers or `Character`s in a `String` for example.

Let's quickly experiment with some code. You can iterate a genres of music `Array` like this for example:

```swift
// Iterate genres
let genres = ["Ambient", "Dubstep", "Electronic", "Hip Hop", "Jazz"]
print("Choose a genre:")
for genre in genres {
  print("\(genre)")
}
```
As we can see, we iterated over an `Array` printing every genre inside. We can go further and try the same using a `Dictionary` insted of an `Array`.

Now we have music titles with a file type.

```swift
// Iterate dictionaries
let titleWithAudioTypes = ["Castle in the Hill": "MP3", "Different seas": "WAV", "See you again": "FLAC"]
for (title, audioType) in titleWithAudioTypes {
  print("\(title).\(audioType.lowercased())")
}
```

Above, each item in the `Dictionary` is returned as **(key, value)** pairs.

Now let's say that we want to put a sound to repeat five times. You could use `for-in` loops with numeric `Range`s to achieve this.

```swift
// Iterate ranges
let soundTitle = "See you again.mp3"
let soundRepeats = 5
for time in 1...soundRepeats {
  print("Repeating \(soundTitle): \(time) time(s)")
}
```

The key here is the closed `Range` operator `(...)`. Most of the times when you don't need the constant inside the loop, for example time in `for time in (...)` you can ignore the values by using an underscore `_` in place of a variable name. `time` it's implicity declared by its inclusion in the loop declaration.

You can read more about `for-in` loops in Swift on [Apple Swift Book](https://docs.swift.org/swift-book/LanguageGuide/ControlFlow.html).
Weekend upskilling - from ML to Cloud to OSS
Tags: beginners, webdev, azure, serverless
Published: 2019-04-05 18:32:35


So the weekend is approaching, if there is sun, enjoy some Vitamin D, if not let's upskill, or maybe both? :)


- How bout some sage Advice from John Papa on how to write online articles [link](https://dev.to/azure/how-i-write-online-articles-1lfb)
- Or why not learn how to build a VS Code extension with none other than Brian Clark? [link](https://dev.to/azure/building-a-visual-studio-code-extension-dkj)
- Want to learn how to contribute to Node.js? Tierney Cyren gives is a thorough walkthrough on how to be a good OSS citizen [link](https://dev.to/azure/start-contributing-to-nodejs-in-the-new-year-3dlh)
- If ML is your thing this post by Adi Polak takes you through TensorFlow, TensorFrame and Apache Spark, [link](https://dev.to/azure/what-is-tensorframes--tensorflow--apache-spark-4ih6)
- You love your terminal? Want to use it for everything including deploying to Cloud? Emily Freeman shows how to do just that [link](https://dev.to/azure/deploying-an-app-with-the-cli-2ol5)
Ideas/tips for writing technical posts/tutorials.
Tags: discuss, tutorial
Published: 2019-04-05 18:29:25

---
title: Ideas/tips for writing technical posts/tutorials.
published: true
description: Let's discuss some ideas for creating posts/tutorials. 
tags: [discuss, tutorial]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/h3vtb2s5mrg0wjn9io10.jpg
---

I have started to be more focused on writing new content, my goal is to write at least one post per week. For me, the major obstacle is finding good ideas to write about. So I have been compiling a list of topics.  I want to share them, so, it could be helpful for someone looking for ideas. 

Of course, your welcome to contribute to the list. 


Pro-tips:
- After finding the topic, the major obstacle is how to start, what works for me: use [pomodoro](https://www.themuse.com/advice/take-it-from-someone-who-hates-productivity-hacksthe-pomodoro-technique-actually-works) technique ( work 45 min -- rest 15 min). 

- Before jumping into writing everything, you need to create an index about your article like:

      - Topic 1
          - Sub-topic 1
          - Sub-topic 2
      - Topic 2
          - Sub-topic 1
          - Sub-topic 2

    So, you'll have the big picture and would be able to focus on writing topic by topic,  it helps to get a good feeling about progressing.

- My best trick: when you don't have a lot of motivation, start writing and try to spend more than 15 min without any interruption, after that, you will feel the "obligation"(motivation) for continuing.


My ideas:
- Exposing localhost server to the internet (I did it, read it [here](https://dev.to/levivm/exposing-localhost-server-to-the-internet-in-one-minute-2713))
- API specifications 
- Date usage in Python
- Serverless Rest API (I did it, you can check it out [here](https://dev.to/levivm/creating-a-serverless-rest-api-using-google-cloud-functions-firebasefirestore-in-10-min-37km))  
- Python interview questions
- Javascript for beginners 
- Code Styleguides. 
- Web server vs App server
- Continuous integration
- Microservices
- Destructing in es6
- Socket.io
- Push up notifications using Firebase
- Creating a chrome extension
- Typescript
- Docker workshop (I did it, it is in Spanish). 
- SSH and SSH Forwarding (I did it, you can find it [here](https://dev.to/levivm/how-to-use-ssh-and-ssh-agent-forwarding-more-secure-ssh-2c32))
- Strings "conversions" in Python. 


Shared your ideas :)

If you have any suggestions about a topic you think is important but can't find enough info or it isn't easy to catch up, comment it.
Managing dynamic z-index in component-based UI architecture
Tags: zindex, react, emotion, typescript
Published: 2019-04-05 17:32:27

---
title: Managing dynamic z-index in component-based UI architecture
published: true
description: A scalable and less error-prone approach to managing dynamic z-index values that leverages React, emotion and TypeScript.
canonical_url: https://www.huy.dev/z-index-management-2019-04/
tags: z-index, React, emotion, TypeScript, 
---
This article is a response to [an article](https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/) published in Smashing Magazine recently that discusses the difficulties of managing `z-index` in a complex UI application.
Practically speaking, `z-index` determines the "stacking order" of a DOM element i.e. whether one element appears above another when their spatial extents overlap.
Despite this fairly straightforward functionality, `z-index` can be tricky to work with in practice.

One example that I frequently encounter while developing interactive graphs and charts is that of adjacent interactive DOM elements that have mutually overlapping hover tooltips.
For example, a graph that provides a hover tooltip for every data point can appear next to a legend that also has its own hover tooltip and we want either hover tooltip to be fully visible when they are shown.

Below is a live demonstration (with the code [here](https://github.com/huy-nguyen/z-index-management/tree/problem-demo)).
The viewport is divided into 3 adjacent areas, labeled A, B and C and with different `background-color`s.
They each should respond to hover interactions by increasing their `background-color`'s `opacity` and showing a tooltip that points toward their centers.


_Because I believe that strong ownership my of content will lead to higher quality content, I host all my writings on my website. You can read the rest of this post [here](https://www.huy.dev/z-index-management-2019-04/)._
My First JQuery Only App : Tic Tac Toe Emoji!
Tags: jquery, html, beginners, javascript
Published: 2019-04-05 16:32:37

---
title: My First JQuery Only App : Tic Tac Toe Emoji!
published: true
description: 
tags: jquery,html5,beginner,javascript
---


Hi everyone !! 

My name is Charles and I am so excited because this is my first post on Dev.to! I have been looking for something to write about for millenniums and finally I have something!!

A little bit about me, I am a 23 years old programmer originally from **Cote D'Ivoire, Africa** who came to the United States in 2015 to pursue an Associate's Degree in Computer Information Systems. I have graduated May 2018 and have been working at Delaware Tech Community College (my school) for about 2 years now as the Computer Information Systems tutor.

Now let's talk about the good stuff: **Tic Tac Toe**

This project came into existence because I have been trying to build something with Jquery but was too scared to start (why ? you tell me). I've been working on my skills as a programmer for the past 5 years first learning Android but in the past year I have decided to sharpen my skills in frontend and backend development.  My first experience with web development was with Vue and I fell in love with it from the beginning. I always shy away from Jquery because it looked intimidating but I knew I had to learn how to make web apps without a 'framework'. Frameworks come and go but HTML, JS and CSS won't and Jquery being the go to library for vanilla JavaScript won't either.

That's why I decided to build something simple that doesn't require too much work but will help me get better working with Jquery

![demo image](https://thepracticaldev.s3.amazonaws.com/i/9cur7e8ou7dzbe8dckww.png)


This is a basic Tic Tac Toe app that I built yesterday night. We are using the laughing emoji for player 1 and the angry emoji for player 2. The first player to get a row wins

I am planning making it look better with CSS and reorganize some of the code but for now it works for me.

The project is available on [Github](https://github.com/charleswritescode/tic-tac-toe-emoji) and a live version is available [here](https://tic-tac-toe-emoji.surge.sh/)

Feel free to look at it and give me some feedback :)

Thank you and have fun playing :)
Post planning: how do you do it?
Tags: discuss
Published: 2019-04-05 17:13:08

I tend to jot thoughts down in Evernote whenever they come to me. Just bullet points, nothing fancy.

![](https://thepracticaldev.s3.amazonaws.com/i/0hgbkka5lr7cyd5g31v1.jpeg)

How do you do it? 😀
Labs Week 3: A Review
Tags: lambdaschool
Published: 2019-04-05 17:12:15

---
title: Labs Week 3: A Review
published: true
description: Brief review of Lambda Labs week 3
tags: Lambda School
---

This week was dedicated to finalizing the features of our app as well as making it responsive. My main accomplishment was getting Stripe integrated into redux so it allows for a better user experience when subscribing a plan. This involved taking the Stripe integration I had built already and refactoring it to work through redux for better state management. If I had to do it again I would have preferred our team to decide on redux earlier but in the end it wasn't too bad.

![subscription](https://media.giphy.com/media/ZNyrdtVHCnMzKArRMs/giphy.gif)

One big challenge I faced was how to make creating a user with stripe and adding the Stripe customer id do our database and then sending that same customer id back to stripe when doing the first payment in our system.

After having our UI/UX meeting mid week we came to realize our main dashboard wasn't going to handle a lot of data well. We needed a way to have everything on one page without a huge long list or using infinite scroll. We decided as a team to use pagination. Having very little experience with pagination I decided to take on the task to push myself. 

After doing a little research I was able to find a nice npm package, [Material UI Flat Pagination](https://www.npmjs.com/package/material-ui-flat-pagination). After a quick read of the docs I was able to add it into our project with relative ease.

![pagination](https://media.giphy.com/media/58FqpnLF3EyUdYmAZR/giphy.gif)

This week our team work really well to make big decisions quickly in order to make our user experience better. From removing modals and making them full pages to allowing each individual to make their own design decisions for the section they are working on. As each team member worked on the components they all started to come together into a cohesive app. I would say the only real challenge our team faced as a whole was after having our UI/UX meeting. It shined a light on some of our design decisions and how they wouldn't work. We were able to overcome this by meeting right after and taking the feedback and putting it into our Trello board to accomplish during the remainder of the week.

Ready to take on week 4

If you've managed to make it this far make sure to check out my labs team on Twitter!

[Nate](https://twitter.com/nateboyette) | [Leigh-Ann](https://twitter.com/lafriedel) | [Brandon](https://twitter.com/BrandonLent17) | [Alex](https://twitter.com/_alex_ak)