teleren/devto huggingface dataset:
Which Mobile Backend?
Tags: mobile, architecture, database, discuss
Published: 2019-05-12 18:07:15

---
title: Which Mobile Backend?
published: true
description: Discussion post looking for peoples experience to mobile backends.
tags: mobile, architecture, databases, discuss
---
I am looking for a backend platform to host data for a new mobile app.  The app will have a fairly complex data structure with private and shared data. Of course I'll be looking to sync data across devices.

In the past I have used Realm and Parse (Sashido hosted).  I have had a play with Couchbase - which I do like.

Does anyone have any advice to share?  

Please help me find a backend platform that has good developer and mobile tools and that I can rely on.
Top 10 JavaScript Charting Libraries for Every Data Visualization Need
Tags: javascript, webdev, tutorial
Published: 2019-05-13 17:56:32

I've published ["10 JavaScript Charting Libraries for Every Data Visualization Need"](https://hackernoon.com/10-javascript-charting-libraries-data-visualization-b77523d23372) on Hacker Noon. There are numerous JavaScript charting libraries out there, each with their specific pros and cons as with any tools. Looking forward to your claps and comments ;)
What cool ideas have you seen for integrating new team members?
Tags: discuss, career, inclusion
Published: 2019-05-13 18:31:05

I came across this tweet from a couple days ago and it really struck a chord with me:

{% twitter 1127248044678737921 %}
<figcaption>"We hired an engineer a few weeks ago who initiated a 1:1 coffee with a different person every day, until she’d met with the whole dev team. I thought this was an awesome idea, that I will definitely try next time I start a new job, and pass the idea on to you!"</figcaption>


Trying to get to know your new team as quickly as you can, and helping them get to know you at the same time, seems like an amazing idea. It's awesome that this person took it upon themself, and it probably would be even better if it was implemented by the team as a normal part of onboarding. The top reply was actually someone saying that their office did exactly that:

{% twitter 1127633821606862848 %}

This is such a cool notion. Feeling like the new person in the room has often been one of the big barriers for me when I've joined new teams, especially when I was a younger dev on a team full of older and far more experienced people. Being the person in the room with the least experience is already intimidating, and when you don't know anyone on top of it, asking for help can be hard. Plus, no one else in the room knows what your skill level really is, where you need the most help, how they can assist most effectively, all that good stuff.

All that to say, this seems like an awesome idea, and I hope I'll be able to use it myself. It looks like I'll be taking on a lead developer position soon, and will be building up the team from mostly outside hires in the next 6 months or so. This will be my first team lead position, so stuff like this is exactly what I need in my face right now, while I'm thinking about how to be effective in that role.

Since reading this tweet, I've been thinking, and I bet there are plenty of other super cool ideas like this out there, ways to help new team members feel like a part of the group quickly, to integrate both with the people and the work painlessly. So who's got one for me? I'd love to hear them!
Next.js Authentication Tutorial
Tags: javascript, nextjs, react, authentication
Published: 2019-05-14 17:48:19

---
title: Next.js Authentication Tutorial
published: true
description: Learn how to add authentication to your Next.js application with Passport.
tags: #javascript #nextjs #react #authentication
cover_image: https://thepracticaldev.s3.amazonaws.com/i/zg1y7hewczzcqx98nm1b.png
canonical_url: https://auth0.com/blog/next-js-authentication-tutorial/
---

So you are thinking about developing your next great application with Next.js, huh? Or maybe you already started developing it and now you want to add authentication to your app. Either way, you are in the right place. If you are just starting to build your app with Next.js, now it is a good time to learn how to add authentication to it. If you already have something going on, it is never late to add authentication the right way.

[Read on ✌️](https://auth0.com/blog/next-js-authentication-tutorial/?utm_source=dev&utm_medium=sc&utm_campaign=nextjs_auth)
Why can’t browsers read JSX?
Tags: react
Published: 2019-05-16 10:46:55

---
title: Why can’t browsers read JSX?
published: true
description: 
tags: #react
---
Browsers can only read JavaScript objects but JSX in not a regular JavaScript object. Thus to enable a browser to read JSX, first, we need to transform JSX file into a JavaScript object using JSX transformers like Babel and then pass it to the browser.
Selling Bugs for Software Testers Course
Tags: testing, bugs, selling, persuasion
Published: 2019-05-19 22:36:06

---
title: Selling Bugs for Software Testers Course
published: true
tags: testing,bugs,selling,persuasion
canonical_url: 
---

## An Experiment

I would like to see if there is demand for me to provide a [course](https://persuasive-software-testing.teachable.com/p/bug-selling) on improving persuasion skills for software testers. If someone purchases the course I will produce it and attempt to deliver the content as soon as possible.

{% youtube 54HS4H2r6r4 %}

## The Curriculum

The preliminary curriculum is listed below. If anyone decides to purchase the course I would love to receive any feedback on what could be improved. If there is a topic that has not been covered I would be more than willing to attempt to include it in the future. Interest in Python or .NET programming could be options in the future as well.

The Overarching Goal, Why does selling bugs matter?

- Why does this matter?
- Is this a bug?
- Where does this bug fit in relation to everything else?
- The QA Engineer Role
- Provide Information and constructive feedback

Tactical Empathy, Understand the roles you are communicating with

- Developers
- Product Owners
- Executives
- Combination of Developer and Product Owner
- Software Architect

Tools for being persuasive

- Advanced Listening
- Mirroring and Labels
- Calibrated Questions
- Face to Face versus Email or Chat
- Meetings
- Accusation Audit
- Tone

Persuasive Work Products

- Test Strategy
- Storytelling
- Mindmaps / Concept Maps
- Metrics and Visualizations

Bringing it all together

- Unifying the techniques and applying them
Note app practice with Elm + some struggles as well.
Tags: elm
Published: 2019-05-21 21:41:19

---
title: Note app practice with Elm + some struggles as well.
published: true
description: 
tags: elm
---

A mentor told me to write this app.

I was hesitant because it is a simple note app.

What the hell I protested inside and went with it anyway. It is a work in progress. My goal is to keep you posted about the progress and the struggles that I'm currently facing. Also keep you posted about the bugs I'm having which are really fun.

The code to the app: https://github.com/AntonRich/anton-joe-note-app

Let's go back in history and see what the first screenshot of the app looked like:

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

The name of the screenshot says: "note mvp is working".

You can see how it is working though. Right column is misaligned.

I don't really know why it happened. First I have to tell you what I decided to use for css.

I had three choices regarding the css part: basic elm css, rtfeldman/elm-css, or elm-ui.

I went with elm-ui.

I kind of fixed that bug with the second column where my content was in the middle. I aligned it to the top. You can see it looks better now.

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

Later on I discovered another curios bug.

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

The more notes I add the more space I have between the top of input field and the top of the browser.

There is one more bug. Oh, gosh.

When I add the note the field input does'n clear itself. I have to handle that.

********************

What my goals are:

- I have an Enter event. I want to be able to add a note with Ctrl + Enter
- Fix the bugs I have
- Add the ability to pin a not to the top of the list.
- Add the ability to edit only the last note.
- Add the ability to delete notes.
- Maybe something else, but later on.

********************

Mental Patterns that I have:
- Start from the beginning again and again. Even when I was a child if I made a mistake a would start a new notebook. Rethink from the beginning.
- Diving deep even when it's not necessary.
- Tendency to focus on psychology and meta stuff and not on the technical parts. I'm working on focusing more on technical parts.
- Not enough resources, I need more... lack of confidence and maybe lack of practice... but there could be another one... lack of connection.

A note an productivity:

- I've noticed that even professional websites like stackoverflow and others have a lot of agenda for our focus. The sidebar in stackoverflow is very distracting. There are millions things to distract us from work. As Dan Pena says, "you'd think that having a computer would make humans more productive. But it's actually the opposite. We waste more time than ever".
How to deploy a Symfony 4 project in a shared host.
Tags: help, apache, symfony4, sharedhost
Published: 2019-05-21 14:13:38

---
title: How to deploy a Symfony 4 project in a shared host.
published: true
tags: help, apache, symfony4, shared host
---

Hi, anybody knows if i can deploy a Symfony 4 project in a shared free host (https://www.000webhost.com/).
I saw and read a lot of post about projects in Symfony 2 or 3, but im trying to deploy my personal project in Symfony 4, but i don't know how to configure the .htaccess or ENV_VARS and im starting to think it's impossible because maybe this type of  host can't support Symfony 4.
Thanks.
On Glitch This Week
Tags: glitch, glitchthisweek, showdev
Published: 2019-05-22 14:45:31

---
title: On Glitch This Week
published: true
canonical_url: https://glitch.com/@glitch/glitch-this-week-may-22-2019
series: Glitch This Week
cover_image: https://cdn.glitch.com/2bdfb3f8-05ef-4035-a06e-2043962a3a13%2FdevBanner4.png?1558536124883
description: Just a few projects that caught our eye this week on Glitch (May 22, 2019).
tags: glitch,glitchthisweek,showdev
---

Glitch This Week is a regular series in which we round-up just some of the amazing projects that fantastic creators have made on [Glitch](https://glitch.com/). Here are a few projects that caught our eye this week.

## [Create Your Own Pac-Man Game](https://glitch.com/~figma-pacman)

As the name suggests "[figma-pacman](https://glitch.com/~figma-pacman)" by [Gleb Sabirzyanov](https://glitch.com/@zyumbik) is a Pac-Man game that you can customize in Figma. With a copy of the Figma file, you can customize the game's level design and then upload it to the app to play. Gleb created a [pink heart-shaped Pac-Man level](https://twitter.com/zyumbik/status/1129361314504216576) and another one in the shape of [the Figma logo](https://twitter.com/zyumbik/status/1129564817738620929), while Ali Salah made a [Twitter Vs. Social Media version](https://twitter.com/alollou/status/1130491266192617472). What level will you create?

{% twitter 1129031291041669121 %}
{% glitch figma-pacman app %}


## [Make Twitter More Accessible](https://glitch.com/~tweet-a11y-stats)

[Cole Gleason](https://glitch.com/@colegleason) is a Ph.D. student researching accessibility technology for people with vision impairments. He created "[tweet-a11y-stats](https://glitch.com/~tweet-a11y-stats)" - a tool to tell Twitter users how many of their photos are accessible for users who are blind. Currently, only around 0.1% of photo tweets on Twitter have an image description, but image descriptions are critical for people with vision impairments to access visual content on Twitter as the descriptions get read by screen reader or Braille display software. Cole's app provides a useful reminder to build or maintain the habit of making sure content is accessible by all when sharing on Twitter.

{% glitch tweet-a11y-stats app %}


## [Get Started with Local Storage](https://glitch.com/~hello-local-storage)

[Kelly Lougheed](https://glitch.com/@kellylougheed), a Computer Science teacher created "[hello-local-storage](https://glitch.com/~hello-local-storage)" so her students could get started with storing info in the browser using local storage. You can use it too by remixing the app and checking out the [commented source code](https://glitch.com/edit/#!/hello-local-storage?path=script.js:1:0) to see how it works.

{% user kellylougheed1 %}
{% glitch hello-local-storage app %}

Other apps in [this week's round-up](https://glitch.com/@glitch/glitch-this-week-may-22-2019) include a Game of Thrones soundboard, a sparkly real-time web chat, and a 3D visualization of CSS named colors. [Check them out](https://glitch.com/@glitch/glitch-this-week-may-22-2019)!
Do you use isolated tests?
Tags: discuss, testing, design
Published: 2019-05-22 22:43:27

---
title: Do you use isolated tests?
published: true
tags: discuss, testing, design
---

During my professional career, I've worked on projects where most of the tests are integration tests.
After watching this video --> [Integrated Tests Are A Scam](https://vimeo.com/80533536) it seems that we've been doing all wrong.

Are you using isolated tests in your projects?
How does it feel to program with these kinds of tests?
Thoughts??
Call for JavaScript library: "navigation history"
Tags: contributorswanted, opensource, webdev, javascript
Published: 2019-05-22 21:43:46

Based on the discussion in this post:

{% link https://dev.to/ben/is-there-any-way-to-detect-if-a-user-can-go-back-in-pwas-desktop-pwa-most-specifically-203j %}

We got on to this thread:

{% devcomment b2jh %}

{% devcomment b2ke %}

{% devcomment b2mc %}

I believe all the information about determining `cangoback` would exist in the information about past actions taken on the site and persisted in whichever way was called for.

If someone wants to take a stab at this, it would be really useful!
Meet HangHub, a new productivity tool for GitHub
Tags: github, productivity, opensource, c
Published: 2019-05-23 16:29:02

#What is HangHub
HangHub is a team productivity tool that lets you see other users who are working on the same GitHub issue or pull request as you. They can be commenting, editing, simply viewing or merging. After you and your teammates install HangHub, your team will never have to worry about wasting time working on the exact same thing at the same time.

<p><a href="https://ckeditor.com/blog/Meet-HangHub-a-new-productivity-tool-for-GitHub/hanghub-screencast.gif" class="article-body-image-wrapper"><img src="https://ckeditor.com/blog/Meet-HangHub-a-new-productivity-tool-for-GitHub/hanghub-screencast.gif" alt=""></a></p>

HangHub is currently available to download as a browser extension for [Chrome](https://chrome.google.com/webstore/detail/hanghub/egnoioofamlapfbecfkjgeobkfmfflfo) and [Firefox](https://addons.mozilla.org/en-US/firefox/addon/hanghub/). You can also [build](https://github.com/ckeditor/hanghub) it (and enhance) by yourself. It is available for free, under a permissive MIT Open Source license.

#Why HangHub
With the arrival of CKEditor 5 and its collaboration features, we have shown our commitment to collaboration. We are still working on ways to make CKEditor 5 your ultimate collaboration framework and during this ongoing effort, we also learned a lot about collaboration itself. 

During the annual CKEditor hackathon, our developers wanted to tackle the collaboration and communication troubles we have when using GitHub. Have you ever written a lengthy answer to a GitHub discussion only to discover that your teammate spent the last 30 minutes writing about the same? We most definitely have, and this is why HangHub was born. 

#How HangHub works
To communicate with your collaborators, HangHub uses the WebSocket protocol. HangHub is based on Preact and VirtualDOM to make updates of the user state really fast and efficient. Thanks to this you can see exactly when the collaborators — other HangHub users — join in, leave, comment on, and edit a GitHub issue or merge a pull request. 

Note that you can disable HangHub for any specific organization or repository.

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

Install HangHub now from [Chrome Web Store](https://chrome.google.com/webstore/detail/hanghub/egnoioofamlapfbecfkjgeobkfmfflfo) or  [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/hanghub/) and share it with your teammates to make the GitHub management process in your organization more efficient!

We hope that HangHub will make your work with GitHub easier and are curious to hear your thoughts about our new tool. For any questions or feedback you might have, you can join the discussion on Product Hunt or contact us. You can also head straight to the [GitHub repository](https://github.com/ckeditor/hanghub) to report issues and submit feature requests. 

And don’t forget to star it on GitHub!

This article was originally posted on [ckeditor.com](https://ckeditor.com/blog/Meet-HangHub-a-new-productivity-tool-for-GitHub/)
Find a framework Js for Project Laravel
Tags: javascript, laravel, vue
Published: 2019-05-25 03:54:33

---
title: Find a framework Js for Project Laravel
published: true
description: Hi guys, I am a Vietnamese, I am building project Laravel + vuejs, I want to find a framework used to warn an error like toast, give me a name, please.
tags: javascript, laravel, vuejs
---
Why are developers still using this legacy framework?
Tags: discuss, angular, webdev, frontend
Published: 2019-05-25 04:55:20

---
title: Why are developers still using this legacy framework? 
published: true
description: The trials and tribulations of working for a company using old tech 
tags: discuss, angular, webdev, frontend
cover_image: https://i.imgur.com/3mrmBZd.png
---

Today I was browsing through my Medium recommendations and came across an article titled "Why are developers still using Angular?" 

Check it out here: https://medium.com/@PurpleGreenLemon/why-are-developers-still-using-angular-b9ef29d1f97f

It struck a chord with me, as a developer who has worked for six different companies in my career so far, all of which used Angular. More specifically, the five of the four used AngularJS with the only exception being a very early stage startup where I was able to choose the framework, and went with Angular 6. 

While the article focuses on the most recent version of Angular and how it differs dramatically from the original, the author was also quick to condemn AngularJS, hoping it would "die a silent death." 

The problem with this attitude, and also the issue I want to discuss, is that many of us are still in jobs where we are using outdated frameworks and technologies. Certainly, we all want to catch up, learn React, learn ES6, Typescript, RxJS, and all the other fun things, but there would literally be no time left in the day and burn out is a serious risk. 

So for those of us developers who work in companies that still support or actively program with legacy tech, how do you tackle these problems? Do you just try to get out as quickly as possible? Do you use your precious free time at the end of the day to keep learning the new stuff? Do you just not worry about it, knowing that legacy tech will always be there? I want to hear your thoughts.
Ember route's actions during Transitions
Tags: ember, route
Published: 2019-08-08 12:50:35

When i was working with the EmberJS webApp, i got struck with case where i was hit by the error *Nothing handled the action 'alerthello'.* 😔 


Consider,

I have a **alerthello** action in the route named *test.js* and a controller named *test.js* with function **triggerprinthello**.

The controller part looks like: 

![test-controller](https://thepracticaldev.s3.amazonaws.com/i/ycgxk72ap7st92wk26oq.png)

The route part looks like:

![test-route](https://thepracticaldev.s3.amazonaws.com/i/fqendgiqixcdr7klixmv.png)

Is this the entire code ?, nope it’s just a sample (you may steal the code if i showed them 😂)

You may think who the hell in the world would write such a script, well i am that guy.

Ok, let’s come to the point.

I tried to execute the above code, instead of showing the alert it throwed the error.

Then i dig into this thing, then i found something interesting (maybe 🤔 to me).

## You know what i found ? 😲 

The thing is that the ember maintains a active route list (Based on which the bubbling happens). 🤔 

When I transitioned from some **Xroute** to **testroute** ember won’t add the **testroute** in the active Route List until transition is completed.

In my case, **setupcontroller** will call the function **triggerprinthello** which in turn will search for the action **alerthello** in the active route list, since the **testroute**(still in transitioning state) is not yet listed in the *Active route List*, so it will bubble till the **application** route looking for the action (**Ember:** did you forget to add the action thinking about your girlfriend) and then boom 💥 it throws the error.

So, how did i solved this:

In two ways,

1) I handled the action in the controller itself.
2) I handled the action in the **didTransition** hook of the route. 😌 


You may ask why did this crap is posted here, i thought this post might be somewhat helpful to others.

Also, please share your thoughts if i am wrong at something, so that i could correct myself 😊.
I Created A Tool To Download All Images From A Webpage
Tags: go, cli, coding
Published: 2019-05-25 13:09:17

---
title: I Created A Tool To Download All Images From A Webpage
published: true
description: coding CLI tool in Go
tags: #Go #CLI #coding
---

I thought of a tool to download all images from specific webpage! Why not code a tool for that? Let's code it.

I choose Go as [it is great for many reasons](https://dev.to/devabanoub/why-i-love-go-h3c). I screen-casted it and uploaded the video to [YouTube](https://youtu.be/qJ5RlAFk5QI). It was fun to code such a simple tool in Go and have some practice in Go. I also published the code on [Github](https://github.com/DevAbanoub/img-dl). I am happy I could write this simple program in Go.

After publishing the video/code, someone suggest me to use **xml parser** instead of **regular expressions**. I searched on _Google_, _Github_, _StackOverflow_, _Dev.to_,_Quora_ and _Medium_ to understand the difference and it is huge!

Using **xml parser** is more efficient for this purpose than the **regex**. As somebody said "_if you have alternative to regular expressions, just use it_".

I gain some more experience from coding, publishing, reading, and discussions on all platforms. It is a great community. Thank you all for the discussions and support.

Happy Coding!