teleren/devto huggingface dataset:
Patience is a virtue
Tags: programming, beginners
Published: 2019-01-04 14:49:40

---
title: Patience is a virtue
published: true
description: My first post to dev.to. Here I am outlining my experience as a programming newbie.
tags: programming, beginner
---

After multiple failed attempts on trying to learn how to code in the years prior to 2018, I finally made a breakthrough in 2018. I had tried learning from various sources only to stop learning either after encountering tough concepts and problems or because I was occupied by my full-time work.

In 2018 after having quit my full-time job, and after having started a failed startup, I was ready to tackle programming again. This time I picked Harvard's famous CS-50 course. After quickly going through the week 1 lecture and making a successful program via scratch, the course dived into C. It was here where my issues with the problem sets started. However, I stuck to my task, and slowly but surely I made progress. 

This brings me to the title of the post "Patience is a virtue." Many times during the course of solving a particular problem set, I hit brick walls. I recall during many problem sets when I initially looked at the problem, I had no idea where to begin from. I was lost and the thought that preoccupied my head was "I can't do this" or "Boy! this is tough". But something funny happened as I persevered through the problems, slowly the problem set began to unravel and my code slowly took shape. Yes, there were multiple occasions when I referred to google's guidance. In the end though, when I was managed to solve a problem sets it felt so good. 

This high only lasted for a little while though, because then another problem set followed, and with it, similar thoughts surfaced all over again. Again, slowly but surely I got through the problem set.

Going through the course in 2018 made me conscious that I needed to persevere and keep at it, and I will be able to solve the problem. I also learnt from experience that while the struggle is great, reaching out for help is key. As I look back now, I remember struggling through PSETs for weeks and even months, and not seeking out as much help as I should have. I am yet to complete my CS50 studies which I intend to do in January itself. 

I am looking forward to carrying this momentum going into 2019 and hoping to land a job sometime soon. 



(This is my first post. Also, I don't know if it belongs in here.)
Rust Dev - Free
Published: 2019-01-04 14:33:06

---
title: Rust Dev - Free
published: true
description: 
tags: 
---

<!-- #######  YAY, I AM THE SOURCE EDITOR! #########-->
<h1 style="color: #5e9ca0; text-align: center;"><span style="color: #ff0000;">Rust</span> <span style="color: #000000;">Dev</span></h1>
<p><span style="color: #000000;">About :&nbsp;</span></p>
<p>&nbsp;</p>
<p><span style="color: #000000;">Hello my name is Dan, I am from the UK (Wales) I have been coding/making Rust servers for some time now, and most other server owners I have meant wish there was someone who was there to help them with coding/editing their server, So I am making this post to put a hand out to all the small server owners, I am here to help all type of servers big and small.</span></p>
<p>Prices? :<br /><br />My&nbsp;services are free but I do accept donations over paypal,</p>
<p>&nbsp;</p>
<p>What do I do? :</p>
<p>I help small/big server owners make their server better, this could be by adding a plugin like "Adminkey" to make the server much easyer to add a server staff member/admin,</p>
<p>&nbsp;</p>
<p>What don't I do? : I don't make plugins, but I can edit plugins what are made,</p>
<p>&nbsp;</p>
<p>My servers :</p>
<p>I own TGA Rust and HashGaming, I am hoping to make sure servers soon,</p>
<p>&nbsp;</p>
<p>Thank you for reading if you would like my help message me on discord</p>
<p>:<span class="username headerTagUsernameNoNickname-2_H881 weightSemiBold-NJexzi">Videogames2k</span><span class="discriminator">#7226</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
Ryan Bigg on Imposter Syndrome and Becoming a Senior Developer
Tags: career, opensource, leadership, culture
Published: 2019-01-04 13:48:59

---
title: Ryan Bigg on Imposter Syndrome and Becoming a Senior Developer
published: true
cover_image: https://thepracticaldev.s3.amazonaws.com/i/4v824uy189vnboordq5c.png
tags: career, opensource, leadership, culture
series: Learn from Expert Developers - devpath.fm
---

I recently had the opportunity to talk with one of my personal heroes, Ryan Bigg aka [radar](https://github.com/radar).

Ryan is a prolific software engineer who has made [one or two contributions to Rails](https://github.com/rails/rails/commits?author=radar) and basically [built the open source project I maintain today](https://github.com/solidusio/solidus/graphs/contributors).

{% twitter 1080612694821023749 %}

We talked in-depth about Ryan's personal experiences with imposter syndrome, which he feels the effect of even today. Coming from a developer with over a decade of experience this quote stuck with me:

> I have it [imposter syndrome], maybe not on a daily basis, but a weekly basis? Sure.

Ryan's honesty is so refreshing because it helps to clear the misconception that veteran engineers have this whole imposter syndrome thing figured out. In reality, pretty much everyone doubts their abilities or value at some point or another. And that doesn't make you a bad engineer; Ryan is living proof.

Another thing we spent quite a bit of time on was learning to work on a team. Ryan's job now is to provide leadership and mentorship to a cohort of junior developers at Culture Amp (which sounds like a really cool job), but there was a time when he didn't value the team dynamic.

Ryan admitted that even today, he struggles with being reactive. This is ironic because he is well respected as a mentor and teacher. It just goes to show, being aware of your struggles is conducive to succeeding.

If this kind of stuff interests you, please check out the [full recording](https://www.devpath.fm/episodes/professional-mentor-ryan-bigg). It's also available on [Spotify](https://open.spotify.com/episode/6VUor881WYMd8EoUdZigCd).

Regardless, let's try to follow Ryan's example and be honest about imposter syndrome and our shortcomings (feel free to share your own experiences with imposter syndrome 👇)
I threw it all away to become a developer
Tags: career, webdev
Published: 2019-01-04 13:45:32

---
title: I threw it all away to become a developer
published: true
description: 
tags: career,webdev
---

I had completed 3 years of an undergraduate degree in biochemistry when I decided to drop it and become a developer.

In retrospect it was a pretty crazy decision. I was really lucky because I had the family support that allowed me to do this, but it was still a risky move.

The study of biochemistry is actually really interesting. It's all about the internal machinery of cells and how DNA works. I still love reading about life sciences news, especially with new developments like gene editing.

But when I imagined myself working in a lab and building a career in academia, something was missing. I didn't just want to do research, I wanted to make things.

That's what eventually brought me to software. In software I could pick up a computer and make things. There's something so powerful about that. And I didn't need anybody's permission.

Compare that to the world of research and academia. You have to ask for permission, so to speak, at every step of your career. You ask to be accepted by a professor to work in their lab. You ask journals to publish a paper. You ask for funding for your research. You ask permission to speak at a conference. If your work is really good, then eventually it turns around and people start asking you for things, but it's a long path to get there.

Here's why software is different and why it appealed to me. With software you don't need any institution or lab to learn it, you can do it yourself.

You can build and publish your work and nobody's going to stop you.

If your work is good, people will share it and even pay money for it.

That's why I ended up becoming a software developer and it was exactly the kind of career that I was looking for.
Gatsby and WordPress: Creating WordPress Page Types
Tags: wordpress, gatsby
Published: 2019-01-04 09:17:41

---
title: Gatsby and WordPress: Creating WordPress Page Types
published: true
tags: wordpress, gatsby
canonical_url: https://booyaa.wtf/2019/gatsby-wordpress-pages
cover_image: https://thepracticaldev.s3.amazonaws.com/i/5lxrq1yrytz87k7lg8t0.png
series: Gatsby x WordPress
---
_Photo by Billy Huynh on [Unsplash](https://unsplash.com/photos/saS98jKhVjA)_

WordPress Pages are another [Post Type](https://codex.wordpress.org/Post_Types), they differ from Post Post(!) Types insofar that they aren’t time-related or be assigned categories and tags. Generally, they’re used for navigational items like About, Contact or Archive pages.

We’re going to update our `gatsby-node.js` to also pull in WordPress Pages so we can add an About link in our footer.

```jsx
  const createWpPages = new Promise((resolve, reject) => {
    const query = graphql(`
      {
        allWordpressPage {
          edges {
            node {
              id
              slug
            }
          }
        }
      }
    `)

    query.then(result => {
      if (result.errors) {
        console.error(result.errors)
        reject(result.errors)
      }

      const pageEdges = result.data.allWordpressPage.edges
      pageEdges.forEach(edge => {
        createPage({
          path: `/${edge.node.slug}`,
          component: path.resolve(`./src/templates/page.js`),
          context: {
            id: edge.node.id,
          },
        })
      })

      resolve()
    }) // query.then
  }) // createWpPages

  return Promise.all([createWpPosts, createWpPages])
} // createPages
```

It’s almost identical to our createWpPosts bar a few places such as query and template.

Here’s the page template `src/templates/pages.js`

```jsx
import React from 'react'
import { graphql } from 'gatsby'
import Layout from '../components/layout'

export default ({ data }) => {
  const page = data.wordpressPage
  return (
    <Layout>
      <div>
        <h1 dangerouslySetInnerHTML={{ __html: page.title }} />
        <div dangerouslySetInnerHTML={{ __html: page.content }} />
      </div>
    </Layoqut>
  )
}

export const pageQuery = graphql`
  query($id: String!) {
    wordpressPage(id: { eq: $id }) {
      title
      content
    }
  }`
```

Finally, let’s update our footer (which lives in the Layout component `src/components/layout.js`)

```html
<footer>
© 2018, Built with <a href="https://www.gatsbyjs.org">Gatsby</a> | <a href="/about">About Us</a>
</footer>
```

## Checkpoint: Let’s talk about us

If we restart Gatsby, and we’ll see a new link in our site footer.

![About Link](https://booyaa.wtf/img/gxw-about-link.png)

Clicking on it takes us to our newly created WordPress Page!

![About Page](https://booyaa.wtf/img/gxw-about-page.png)

If you got stuck, you can check out the following Git hash: [`ce6cc022a881e813af31279ff857f908ecc599f4`](https://github.com/booyaa/wordsby/commit/ce6cc022a881e813af31279ff857f908ecc599f4)

_To go to the next part of the series, click on the grey dot below which is next to the current marker (the black dot)._
technical leadership quick test
Tags: leadership
Published: 2019-01-04 13:32:25

---
title: technical leadership quick test
published: true
description: you can't unit test leadership, so how do u know what u do correct or not?
tags: leadership 
---
##introduction
you are a programmer. Then one fine day, top management decided to upgrade you to the next level. 
* add senior to ur title
* replace existing title with manager something
* add lead to existing title

##qualification
So u been wondered, what makes a programmer or developer upgrade to the next level? 
+ more story point burn compare to other developer?
+ less bug introduce with each line of code?
+ number of year experience
+ centre of attention when there is a fire?

![test](https://media.giphy.com/media/349qKnoIBHK1i/giphy.gif)
 
>with great power comes great responsibility 

##quick test on leadership potential
Now how do you know if any of ur team member have the potential to be part of leadership role? Just ask any **_developer_** whether they willing to be part of this person new team.
You will be surprise by how effective this test can be.
You can't be a leader if no one is following you.
Introducing Visual GraphQL Editor - draw your GraphQL schema
Tags: showdev, graphql, opensource, githunt
Published: 2019-01-04 12:46:43

---
title: Introducing Visual GraphQL Editor - draw your GraphQL schema
published: true
description: The open source 
tags: showdev,graphql,opensource,githunt
cover_image: https://thepracticaldev.s3.amazonaws.com/i/d4055dtsencos1t4npzs.png
---

Introducing our latest open source project - Visual GraphQL Editor
This simple tool lets create your GraphQL schema from blocks or visualize existing one from URL - https://github.com/slothking-online/graphql-editor

![header](https://thepracticaldev.s3.amazonaws.com/i/9lrx4w73siuue75zi8dc.jpg)

![features](https://thepracticaldev.s3.amazonaws.com/i/pl0w1ykfbsvnbt3omly1.jpg)
Levensthein algorithm for better faker experience
Tags: typescript, javascript, faker
Published: 2019-01-04 12:38:51

---
title: Levensthein algorithm for better faker experience
published: true
description: Generation of fake data using faker and levensthein algorithm brings mock data to the new level. You dont have to specify faker node anymore it will be guessed.
tags: TypeScript, JavaScript, Faker
---

Today I am writing about faking data again using [ts-api-faker](https://github.com/slothking-online/ts-api-faker) . Usually we pass this kind of data to faker

```json
[
  {
    "name": "name.firstName",
    "surname": "name.lastName",
    "mail": "internet.email",
    "profilePhoto": "internet.avatar",
    "animalPhoto": "image.cat"
  },
  {
    "name": "name.firstName",
    "surname": "name.lastName",
    "mail": "internet.email",
    "profilePhoto": "internet.avatar",
    "animalPhoto": "image.dog"
  }
]
```

and then we receive faked data

```json
[
  {
    "name": "Van",
    "surname": "Veum",
    "mail": "Corbin.Fritsch49@gmail.com",
    "profilePhoto": "https://s3.amazonaws.com/uifaces/faces/twitter/pixage/128.jpg",
    "animalPhoto": "https://source.unsplash.com/200x200/?cat"
  },
  {
    "name": "Serena",
    "surname": "Wilderman",
    "mail": "Mariam_Thiel@hotmail.com",
    "profilePhoto": "https://s3.amazonaws.com/uifaces/faces/twitter/imcoding/128.jpg",
    "animalPhoto": "https://source.unsplash.com/200x200/?dog"
  }
]
```

It works perfect but... Usually a schema looks like this.

```json
[
  {
    "name": "String",
    "surname": "String",
    "mail": "String",
    "profilePhoto": "String",
    "animalPhoto": "String"
  }
]
```

The answer from faker is inappropriate then

```json
[
  {
    "name": "atque",
    "surname": "eos",
    "mail": "voluptas",
    "profilePhoto": "similique",
    "animalPhoto": "earum"
  }
]
```

What if you use levensthein algorithm on keys of values and transform values to the closest to key name option?

Again we pass

```json
[
  {
    "name": "String",
    "surname": "String",
    "mail": "String",
    "profilePhoto": "String",
    "animalPhoto": "String"
  }
]
```


Voila, we get the correct faker structure.

```json
[
  {
    "name": "Edgar",
    "surname": "Alyce64",
    "mail": "Eusebio.Gottlieb@yahoo.com",
    "profilePhoto": "https://source.unsplash.com/200x200/?profile",
    "animalPhoto": "https://source.unsplash.com/200x200/?animal"
  }
]
```

![Great Success](https://media.giphy.com/media/a0h7sAqON67nO/giphy.gif)

I've just added this feature to my repo [ts-api-faker](https://github.com/slothking-online/ts-api-faker)

Feel free to contribute and extend this library functionality. If you support me and this idea please star this repo to help me get more contributors and extend ts-api-faker library.

In future we can add machine learning to this and get ultimate intelligent faker for our apis and databases :)
Advice for online grad school with a busy life?
Tags: discuss, career, life, school
Published: 2019-01-04 12:24:37

---
title: Advice for online grad school with a busy life?
published: true
description: I'm starting online grad school soon, but I have a busy life as is. Any advice?
tags: discuss, career, life, school
---

Over the summer, I applied and was admitted to [Georgia Tech's Online Master of Science in Computer Science](https://www.omscs.gatech.edu) degree program. So... I'm going to grad school! Online! On Monday! While I have a full time job! And a toddler... 😬

I've never done online school before. I've been out of school for several years now, so I'm not exactly fresh in that area either. I have a very supportive partner, but she only has so much time as well, and we've also talked about having another baby in the next year or two, which would add to things.

Anyone have experience in a similar situation? I'd be thrilled with any advice or protips you could offer on how to make things easier and be successful!
Swagger and OpenAPI Ecosystem
Tags: rant
Published: 2019-01-04 02:30:06

---
title: Swagger and OpenAPI Ecosystem
published: true
description: The OpenAPI tool chain does not see the focus it deserves.
tags: rant
---

So I'm very disappointed with the swagger generation ecosystem. This goes along with a previous post. {% link https://dev.to/jessekphillips/d-does-meet-standard-stability-lja %}

When I go to grab the latest swagger generator I'm told the latest can be found on marven, nope. OK so I need to build it myself but don't have marven installed so I'll use the marven wrapper, wait where is that. OK dockers... Nope I'm in windows and still behind the times.

I'll use nswag since I'm in the dotnet world. Oh it does not understand the definition I'm giving it. OK, sure I don't understand it either.

Look I get it, and I'm not helping by just ranting instead of actually making it better. See I would like to contribute but like everyone else I don't get paid for that and in my free time I would choose D not Java. But if I made a generator in D I would be the only contributor for a number of reasons.

And yes making contributions to used open source tooling will be something I look to push once I establish some confidence in what we're building.
Podcasts for Developers
Tags: javascript, podcast, developers, software
Published: 2019-01-04 12:13:12

---
title: Podcasts for Developers
published: true
description: Extensive List of podcasts for Developers and Engineers
tags: #js , #podcast #developers , #software
---

This is the extensive list of podcasts I follow and occasionally listen to.

## [Syntax.fm](syntax.fm)
By @[Wes Bos](@wesbos) and Scott Tolinski ( @stolinski on twitter )
This is my personal favourite one. They upload two podcasts every week.
One on Monday which is of around 20 minutes (Hasty Treat)
One on Wednesday which is of around 1 hour.


## [The React Podcast](https://reactpodcast.simplecast.fm/) 
By Michael Jackson and Michael Chan 
They invite various JS Personalities and developers and discuss about future of React

## [Devchat.tv](https://devchat.tv/)
They host various podcasts related to Tech domains
Some of them are

- [My JavaScript story](https://devchat.tv/my-javascript-story/)
- [JavaScript Rants](https://devchat.tv/devchattv_show/javascript-rants/)
- [React Roundup](https://devchat.tv/react-round-up/)
- [JavaScript Jabber](https://devchat.tv/js-jabber/)

## [FreeCodeCamp Podcast](https://freecodecamp.libsyn.com/)
Quincy Larson (Founder of FreeCodeCamp) invites various Developers and Engineers and they share their stories and discuss about latest technological advances and everything about Javascript

## [Codenewbie Podcast](https://www.codenewbie.org/podcast)
It contains stories from people on their coding journey

## [Software Engineering Daily](https://softwareengineeringdaily.com/category/all-episodes/exclusive-content/Podcast/)
These podcasts are hosted daily and covers everything related to software engineering

## [Modern Web](https://www.thisdot.co/modern-web)
They host podcasts and events in Raleigh and the Bay Area on various topics across the web platform

## [Frontend Happy Hour](https://frontendhappyhour.com/)
Everything related to frontend

## [Full Stack Radio](http://www.fullstackradio.com/)
A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration

## [JS Party](https://changelog.com/jsparty)
Everything about JavaScript

## [JAMStack Radio](https://www.heavybit.com/library/podcasts/jamstack-radio/)
JavaScript-API-Markup
How to stop all those info: logs in terminal
Tags: nextjs, react, redux, javascript
Published: 2019-01-04 10:41:56

---
title: How to stop all those info: logs in terminal
published: true
description: 
tags: nextjs, react, redux, javascript
---

Our project at work is using Node.js/Express.js Next.js with React-Redux app over it for admin dashboard side of the product. 

Now this codebase is huge and it has confused me a lot over how Express router already defines a route and then redux action creator makes an api call to that and fetch, put, post, delete data.
so my query to make this post is about how do I stop nextJS to keep giving me info upon each page build. It keep logging a message as follows

```
info: GET /json 302 0ms statusCode=302, url=/json, host=[::1]:4002, method=GET, httpVersion=1.1, originalUrl=/json, , responseTime=0
  morgan log request +6ms
GET /json 302 1.093 ms - 46
```


for each second or millisecond I guess. I want to remove all that because I am not able to figure the console logs that I have put while hitting each API endpoint, this makes my terminal really clutter and harder to find the console logs as needed.
Live Video for Selenium Tests
Tags: webdev, discuss, testing, productivity
Published: 2019-01-04 09:54:40

---
title: Live Video for Selenium Tests
published: true
description: Live Video for Selenium Tests
tags: webdev, discuss, testing, productivity
---

As many of you know, I'm a huge fan of Automated Testing. 

I'm constantly trying to find ways to apply the latest technologies to our testing scripts.

I need to make sure that everything works great not just in Chrome, but in a whole bunch of browsers.

We run our tests in a cross-browser cloud infrastructure, this means that debugging isn't as straightforward as it would be on my local machine. 

Sometimes, the detailed logs were simply not enough, I needed to see what went wrong and I had to wait for the video recording that I would receive at the end of the test.

Like other companies out there, We're using [Endtest](https://endtest.io). 

A few days ago, they added the functionality for Live Video for the test runs. They managed to come up with something I didn't even knew I want. 

![Endtest Live Video](https://i.imgur.com/VF7IbF4.jpg)

I'm still baffled by how they did it. 

How do they manage to live stream only the contents of the browser? 
Other old school solutions such as [BrowserStack](https://browserstack.com) and [Sauce Labs](https://saucelabs.com) only manage to offer a video recording of the entire desktop screen. 

What kind of compression are they using? 
The live stream from Endtest is crystal clear and it loads pretty fast.