teleren/devto huggingface dataset:
The 7 Biggest Lessons I’ve Learned By Building A Twitter Bot 🐤🤖
Tags: angular, javascript, node, bots
Published: 2018-10-11 15:18:09

---
title: The 7 Biggest Lessons I’ve Learned By Building A Twitter Bot 🐤🤖
published: true
description: Today, I am going to share with you the most important lessons I have learned by building Release Butler — a Twitter bot that tweets beautifully styled changelogs of popular frontend frameworks and libraries like Angular, React, Vue or Webpack…
tags: angular,javascript,node,bots
cover_image: https://thepracticaldev.s3.amazonaws.com/i/623bypsejfh8xjx8c1yk.png
canonical_url: https://medium.com/tomastrajan/the-7-biggest-lessons-ive-learned-by-building-a-twitter-bot-59fee84a9ed9
---

>Today, I am going to share with you the most important lessons I have learned by building Release Butler — a Twitter bot that tweets beautifully styled changelogs of popular frontend frameworks and libraries like Angular, React, Vue or Webpack…

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

[Read more...](https://medium.com/tomastrajan/the-7-biggest-lessons-ive-learned-by-building-a-twitter-bot-59fee84a9ed9)
What Is The Difference Between A URI And A URL?
Tags: webdev, beginners, internet
Published: 2018-10-11 14:48:17

---
title: What Is The Difference Between A URI And A URL?
published: true
description: Yes, there is actually a slight difference.
tags: #webdev, #beginners, #internet
---

Working as a web developer means it's good to know as much about how the internet works as possible. It also means you'll hear a lot of acronyms that aren't always used correctly.

An example of some of the acronyms you'll hear are URIs and URLs. While they are used interchangeably, there are some subtle differences. For starters, URI stands for uniform resource **identifier** and URL stands for uniform resource **locator**.

Most of the confusion with these two is because they are related. You see, a URI can be a name, locator, or both for an online resource where a URL is just the locator. URLs are a subset of URIs. That means all URLs are URIs. It doesn't work the opposite way though.

Not all URIs are URLs because a URI could be a name instead of a locator. Here's an illustration of the difference between the two:

![difference between a uri and a url](https://thepracticaldev.s3.amazonaws.com/i/j4bka41nypm4do1f3e5b.JPG)

Your name could be a URI because it identifies you, but it couldn't be a URL because it doesn't help anyone find your location. On the other hand, your address is both a URI and a URL because it both identifies you *and* it provides a location for you.

In the web dev world, you might be trying to get different resources by name so you'll have different URIs that have distinct URLs. And that's how the confusion started. Now that you know the difference, hopefully it won't be as hard for you to figure out what you need and where to find it when people start talking about resources.

Remember, a URL is the locator of a resource. The URI is the identifier of the resource and it can just happen to be a locator. I hope this helped clear up some of the jargon we use!

I always like to hear from you guys so tell me something good in the comments!

<hr>

Hey! You should follow me on Twitter because reasons: https://twitter.com/FlippedCoding
Keep Calm and Get the Facts
Tags: communication, problemsolving, troubleshooting
Published: 2018-10-18 17:06:56

---
title: Keep Calm and Get the Facts
published: true
tags: Communication,Problem Solving,Troubleshooting
canonical_url: https://www.briannipper.com/2018/10/keep-calm-and-get-facts.html
---

It often amazes me at how often I find myself apologizing to others for rashly commenting on a problem before I have all the facts. In fact, after so many years as a professional in the IT space and dealing with countless critical situation/severity one problems (a.k.a. Sev1, crit-sit) I would be able to react in a more appropriate and beneficial manner. The sad truth is that, as I write this... to [read more](https://www.briannipper.com/2018/10/keep-calm-and-get-facts.html)
MySQL Editor in NodeJS ~ Part Four
Tags: mysql, node, learning, opensource
Published: 2018-10-11 14:20:44

---
title: MySQL Editor in NodeJS ~ Part Four
published: true
description: Learning to use NodeJS
tags: MySQL, node, learning, opensource
cover_image: https://thepracticaldev.s3.amazonaws.com/i/iply2eckh6x45bbw03ml.png
series: Project NodeTree
---

# MySQL Editor in NodeJS

This week it doesn't feel like I got a lot done, I had to backtrack a little to prevent there being issues later on but I also but in the query box and now see a table of results. 

If you'd like to follow along with my journey here is my [post index](https://dev.to/link2twenty/adventures-of-a-hobbyist--index-4oj7).

{% github ignis-pwa/nodetree %}

## Backtracking
In my concept, and indeed in my last iteration, there is a file that holds all the config for connecting to a server. This includes the default database to connect to. 

The problem was with my query code, when I connected to a database I would look at the config file to get the database's name. The database name would be updated whenever you changed the database you were looking at. If there was only one user or one session on the go this wouldn't ba a problem but as soon a there are multiple sessions we have a problem.

For example if user A connects to test_site and runs `DELETE * FROM users WHERE username LIKE "a%"` and at the same time user B connects to live_site, well, you can see the problem.

Unpicking all that and making it work with multiple sessions took up a little bit of time.

## Visual Changes

I didn't really have to make any visual changes this week, I did add the table view and query box but I just continued to use the same design spec as before. Here's a gif.

![Loading tables](https://thepracticaldev.s3.amazonaws.com/i/yjdl93rrbpfzpyoj3q0d.gif)

## Next steps

We're getting close to the end of the project there are only 2 features left to implement and then, of course, I'll have to do some polishing and bug hunting.

- functional query box (code in place just need to implement)
- add the ability to edit fields
- polish and bug hunt

I know adding the ability to edit fields looks like quite a big step but I think it should really be simple. I plan on working on the next 2 steps next week/time then it would great if any of you felt like helping me look for bugs.

## Signing off

That's another post done, as I said it doesn't feel like I made much progress this week but each step forward is still a step in the right direction. Thank you so much for reading.

🦄❤
Challenge: CSS Navigation
Tags: challenge, beginners, fun
Published: 2018-10-11 13:30:38

---
title: Challenge: CSS Navigation
published: true
description: Recreate the layout of this navigation with as little `html` and `css` as possible.
tags: challenge, beginners, fun 
---

Here's a quick challenge I came up with the other day. A very common navigational pattern is to put the logo on the left side and the list items on the right.


![Navigation pattern screenshot](https://thepracticaldev.s3.amazonaws.com/i/e74vongtncaaalpfi33t.png)

> Recreate the layout of this navigation with as little `html` and `css` as possible.

My personal solution uses flexbox with `7 lines of html` and `13 lines of css`. Is it possible with less?

---

> **EDIT:** This is wat I came up with: https://codepen.io/anon/pen/wYebQg
Some questions about how DEV.to works
Tags: meta, discuss
Published: 2018-10-11 12:04:05

---
title: Some questions about how DEV.to works
published: true
description: 
tags: meta, discussion
---

There are a couple of things I've been wondering about how the site works. I've been digging through the source code, but I've never learned to work with rails, and so it's not always clear how different parts of the codebase work together.

 - How are featured articles chosen
 - When does the featured article change? Sometimes, it seems to stay the same for a while, and sometimes it seems to change very quickly.
 - How is the main feed generated that a user sees on the home page? Some articles seem to linger on the top of my feet for quite long.
 - How often is new code deployed to production?
5 Key Google Analytics Reports for Clients (Real Examples)
Tags: webdev, showdev, startup, productivity
Published: 2018-10-11 19:49:07

---
title: 5 Key Google Analytics Reports for Clients (Real Examples)
published: true
tags: webdev, showdev, startup, productivity
canonical_url: https://snipcart.com/blog/google-analytics-reports-client
---

![Google Analytics Reports for Clients (Examples & Tools)](https://snipcart.com/media/203917/google-analytics-reports-clients-1.jpg)

Google Analytics can be overwhelming. 

There’s **so** much data.

Finding relevant insights is challenging for us tech-savvy folks, so imagine how puzzling it is for non-technical users.

As web developers, we all encounter clients who don’t understand Google Analytics, or don't have the time to do so. Initially, they often dive right in, trying to figure it out. But in the end, they take very few actions based on their data.

So they visit GA less and less.

I understand them. They have a business to run, and Google Analytics doesn’t *seem* to help them do this at first&mdash;but it can.

**It should.**

Especially if they're running e-commerce businesses!

Google Analytics helps us find out which efforts or content work. It makes it easier to make good decisions, repeat successful marketing initiatives and, in the end, make more money!

**In this post, I'll go through 5 examples of life-changing Google Analytics reports for your clients.**

By the end of this, you’ll be able to show your clients, especially e-commerce owners, better success measurements than sessions and bounce rate (hint: we don’t care about those metrics that much).

Each of these reports will answer a crucial question that keeps merchants up at night. Trust me, they’ll be thankful for that.

I also have some tools suggestions for automating your clients’ GA reports, so keep reading until the end to not miss anything!
  

→ Read the full post [here](https://snipcart.com/blog/google-analytics-reports-client)
Spring Boot Dependency Injection with Autowiring... wut?
Tags: explainlikeimfive, java, spring, autowiring
Published: 2018-10-11 08:56:42

I've been trying to catch up on Java now, doing advanced courses on Coursera featuring graph-theory, data structures and algorithms and all that stuff. Then I went on to do some hands on, practical _"How To"_ type tutorials, and as long as one follows the instructor, all goes well. 

The problem arises though, when I try to add some features or new data to the application. All through the tutorials the instructor adds all these `@Autowired` properties all around, but I can't seem do grok how they are actually populated. I am not even sure _where_ in the app the values for these are initialized or marked or whatever to be used as the value to be magically inserted by the framework. 

I do understand that the Spring Boot framework does the magic under the hood using dependency injection, but now _how_ to utilize that magic on purpose and control it.

Thanks!
Introducing www.techladder.io (Contributors Wanted!)
Tags: learning, hacktoberfest, beginners, opensource
Published: 2018-10-11 08:37:00

---
title: Introducing www.techladder.io (Contributors Wanted!)
published: true
description: A community-driven grouping of concepts and skills relevant to different technologies that provides aspiring programmers with a way to track and improve their skills.
tags: learning, hacktoberfest, beginners, opensource
---

A few days ago I announced the [TypeScript Progression Ladder](https://dev.to/remojansen/typescript-progression-ladder-3106). The reception was very positive and a lot of people commented that they would like to see something similar for other programming languages and technologies.

The project has now been extended and it supports an unlimited number of technologies:

### Home

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

### TypeScript Porgression Ladded

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

### Node.js Porgression Ladded (WIP)

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

### C# Porgression Ladded (WIP)

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

You can check it out at http://www.techladder.io/

As you can see [here](https://github.com/remojansen/TSPL/tree/master/technologies) each technology is described using a simple JSON file so it should be easy to add new lists.

I'm very looking forward to your contributions!
Test for accessibility and help millions of people
Tags: angular, javascript, a11y
Published: 2018-10-11 07:15:47

---
title: Test for accessibility and help millions of people
published: true
description: Essential tools for maximum accessibility
tags: angular,javascript,a11y,accessibility
canonical: https://timdeschryver.dev/blog/test-for-accessibility-and-help-millions-of-people
canonical_url: https://timdeschryver.dev/blog/test-for-accessibility-and-help-millions-of-people
cover_image: https://cdn-images-1.medium.com/max/2000/0*pfLz1lQtQqYseo4r
---

Nearly 1 in 7 people have a disability, therefor it is important to make sure your application or website is accessible for everyone. This probably also means that it will increase the user experience of the common user and (SEO) bots. Along the way you'll notice that this will bring more satisfaction and enjoyment during development and again when you deliver the product. Making everyone happier, from developer, to management, to user.



[Read More...](https://blog.angularindepth.com/test-for-accessibility-and-help-millions-of-people-97d86f72e2c4)
Does anyone else think HTML5 multiple select sucks?
Tags: discuss, javascript, html, webdev
Published: 2018-10-11 03:58:28

---
title: Does anyone else think HTML5 multiple select sucks?
published: true
description: HTML5 multiple selects
tags: discuss, javascript, html5, webdev
---

Am I the only one who thinks that html5 multiple selects are not intuitive for the web? I mean they are fine, work fine but I have to use CMD (or CTRL) to select more than one, doesn't feel as a web-ish thing 🙃

Maybe it's just me being paranoid 🤪

The thing is that I'm looking for a decent javascript module to handle multiple selects like [Chosen](https://harvesthq.github.io/chosen/) or [Select2](https://select2.org/) but **without jQuery as dependency**. Any suggestions?
My programming journey where am I at.
Tags: discuss, beginners
Published: 2018-10-11 03:45:01

---
title: My programming journey where am I at. 
published: true
description: So I wanted to make a update as to what I have been up to. So it has been almost a full year since I have started the dive into graphics/game programming. And this year has been full of learning math and learning c++. And so far I have made a ton of progress. I started in January knowing no more than basic algebra. and little about c++. 
tags: #discuss #beginners 
---

I hope every body has been having a good week. I have not posted in a while but for a good reason. So I wanted to make a update as to what I have been up to. So it has been almost a full year since I have started the dive into graphics/game programming. And this year has been full of learning math and learning c++. And so far I have made a ton of progress. I started in January knowing no more than basic algebra. and little about c++. 

We are now rounding mid October and I have successfully taught my self up to precalc and I am hoping by the end of 2018 to have warped up my journey of learning the math required. I have also started wrapping up my first real small game demo. Using Unreal and I have to say I have learned a ton. So here soon I plan on posting some updates about the small game demo I have made. As well as some tutorials. Also as I head into the new year I plan on getting through with my other half of my goals. Working on the graphics side of my portfolio and taking it from there. 

I have a lot more to talk about coming up. But I have to say this year has been a lot of work. And I its exciting to see all of this work pay off. And I cant wait to share more of my progress with you all. 

With that said I hope you all have a good rest of your week!
Rust Little Book 3 Days
Tags: rust, littlebook, brief, less
Published: 2018-10-11 03:34:25

---
title: Rust Little Book 3 Days
published: true
description: 
tags: Rust, LittleBook, brief,less
---

I'm writing the [Rust Little Book 3 Days](https://www.yuque.com/progfun/rust/kyeuf7). Maybe I can complete it in a week.
It is translated by Google from Chinese.

Thanks for any feedback or suggestion.

If you know other Rust little book, let me know.
👋 Hello dev.to
Tags: beginners, introduction, career, community
Published: 2018-10-11 02:33:28

---
title: 👋 Hello dev.to
published: true
description: A young devs introduction to the dev.to community
tags: beginner, introduction, career, community
---

![Hello](https://i.imgur.com/aTkU22z.jpg)
I'm *really terrible* at introductions so excuse the oversharing! I'm Daniel Phiri a final year CS Student at Parul University where I also happen to be GitHub Campus Expert. My role as Campus Expert involves a lot of  taking part in and putting out a lot of community-related projects both technical and non-technical. Which is how I helped startup [Uniphyd.](https://www.instagram.com/uniphyd/) Technically, I've worked with Python for Data Analysis and JavaScript for some fun hacks :p 

I'm making this post to share the beginning of what I hope will be an awesome journey with what I know is such a wonderful community of tech professionals who hopefully can hold me up to my bullshit when I start to relax too much on my goals and become inconsistent. This is basically something to keep me learning and looking too learning new things *as we all should right?* Not doing **this** is a big fear of mine and I'd love it not to be. 
{% twitter 1040544234720452608 %} 
*When will be able to edit tweets?* 
<hr>

![JavaScript the challenger](https://i.imgur.com/qbTAddw.jpg) I'm recently started as a Developer Evangelist Intern at [Hasura](https://hasura.io) and it's such an amazing company. Right now, I'm really interested in learning Vue.js and GraphQL, no specific reason they seem really cool as all. My career goals are simple, I want to be in Developer Relations because my community heavy background made me lean towards that but also because I have a heart for my people (Developers ❤️). That said, I will be sharing my progress on the Vue and GraphQL projects I work on and promise to update you all twice a week. Fingers crossed. 

If you see me stray, feel free to steer me in the right direction. Any cool resources related to the stuff I 'm currently learning and/or working on would be great. I look forward to online meeting and interacting with you all.
Find an Open Source Project to Contribute To 
Tags: hacktoberfest, github, contribution, searches
Published: 2018-10-11 01:25:36

---
title: Find an Open Source Project to Contribute To 
published: true
description: Humanizing Searching on Github
tags: hacktoberfest, github, contribution, searches
---

1) How to label your projects so people can find them, and, 
2) how to find projects you wish to contribute to (via a mini walk through the search process.)


Hey everyone. First timer here. I was looking through github to try to find a #hacktoberfest project to contribute to and found myself unable to search for multiple topics simultaneously. Seemed like a big deal to me considering this is the month to get projects noticed and, as a newbie, I cared more about finding topics or causes that really excited me more so than searching by task/bug. 

What I learned: 

Your quickest bet for searching for projects within #hacktoberfest2018 is simply to go to the [topic page](https://github.com/topics/hacktoberfest2018) and then enter a search query in the search bar such as #music. The autopoulated dropdown in the searchbar will give you the option to search 'in this topic'. This is a quick workaround and will save hours of time browsing for issues and causes and then trying to see if they are tagged and participating in #hacktoberfest2018. This brings about my call to action: **please generously tag your hacktoberfest2018 projects with other in order to help people contribute to projects** 

(Aside- this all took place at a live meetup during which even one of the coordinators had the same issue and didn't know how to search topically) 

This raises multiple questions:

1) How can github refine their search function to be more intuitive for searching multiple topic searches *without* going into an advanced search? 

2) What is an intuitive way to refine a search query on github? 

3) What other basic functionalities are currently obstacles to participation in #hacktoberfest2018 for non-tech-savvy contributors? 


Hope that gets the ball rolling about optimizing search functionality for more human use.

Thanks. 
-Nick
What do you want to see on a portfolio website?
Tags: beginners, recruiting, portfolio, website
Published: 2018-10-11 01:12:41

---
title: What do you want to see on a portfolio website?
published: true
description: What are hiring managers looking for in portfolio websites?
tags: beginner, recruiting, portfolio, website
---

I recently developed my very own and first portfolio website [(_feel free to stop by and provide some comments!_)](http://bechev.io). The first objective I’m trying to achieve with it is to __start building an online presence__. As such, the website remains basic (React front-end only) and only displays some information about me as well as some links towards my various social network accounts (including Dev.to!)
A lot of web developers have their personal website. As such, I wanted to differentiate myself as much as possible with the means I have. To do so I hid some Easter eggs throughout the website for one to find (let me know if you found them  - others will come). In addition to differentiating my website from others, it also allows to showcase some technical skills _(React components management, Redux management, framework application such as react-bootstrap and other relevant libraries – react-router-dom_).
I am however aware that hiding some Easter eggs is not enough and I am therefore wondering: what should be on a portfolio website?
While building mine, I have chosen to include the following sections:
 - _Home_: Just to greet people, this section presents myself in one line (three given the font size) and invite people to explore the website more.
 - _Portfolio_: According to me, this is the most import part of the website and which displays all the projects I worked on (websites developments, scripts and other programs needed). While still under development while I write those words, I want to bring great attention to it. 
 - _Contact_: The obvious, social media links and email so people can reach out to me. 
 - _About_: A few words about me and what I do and what I aspire in life

As next steps, I would like to include direct access to my blog. For now, I write exclusively on Dev.to, because of the great community (thank you guys 😉). I however believe there is currently no possibilities to integrate Dev.to posts in our personal website. Developing one from scratch seems therefore a great challenge and a good solution (front end, back end, integration to other social networks). But besides that…
This is where __I need you__. As there is a bunch of seasoned developers and hiring managers here. __What would you expect to see as part of a personal website?__ Is it something important that you would check before hiring a developer? If so, what would, in the most concise way, would convince you of interviewing/hiring the candidate?

Please let me know your thoughts. I know that as a recent graduate from a bootcamp, a lot of developers would be interested by your point of view.