teleren/devto huggingface dataset:
Teaching your clients: How to do it better?
Tags: discuss, career
Published: 2019-07-14 15:59:09

---
title: Teaching your clients: How to do it better?
published: true
description: Sometimes your client insists on something that you know is not better for them, but you have to do it because of the client's requirements. What is the best way to teach your client?
tags: discuss,career
---
Last week, I had one of my clients ask me to help him set up a video library for their product. I recommended that he use YouTube for video hosting and use WordPress to post and embed videos and share with their customers (He didn't want YouTube because of the ads and stuff). 

The client insisted on having the videos on the same server as the website itself, which was a shared hosting server. I tried to tell the client that it would be difficult to stream videos off of a shared hosting server. But he insisted. 

I ended up spending extra time trying to make sure that WordPress would allow him to upload files larger than 800MBs and process them with ease. But in the end, videos were too slow to stream and the client didn't like them either. 

After a brief call with the client and a lot of explaining, the client finally chose to host videos on YouTube which turned out to be extra work for me again. 

How do you deal in this situation? How do you tell your clients what works better for them and what doesn't?
How do you personally learn?
Tags: discuss, beginners
Published: 2019-07-14 15:12:28

Most of the programmers I have met over the years are really good at learning. You have to be somewhat good at learning to keep up with constantly and rapidly changing technology. And yet we don't talk much about the details of our own personal techniques for learning. Let's share in the comments our own strategies for quick learning. The more detailed you can get about what you do and why will be helpful. Don't make any assumptions that what you do is already common knowledge to other people.
How do I detect if the '+' key is pressed (without the shift)
Tags: help, javascript
Published: 2019-07-14 14:49:39

---
title: How do I detect if the '+' key is pressed (without the shift)
published: true
description: How do I detect if the '+' key is pressed (without the shift)
tags: help, javascript
---

I want to trigger the KeyboardEvent for the '+' key even if the '=' key is pressed 

'shift+=' is '+' on English keyboards, but on other keyboards, the key for which 'shift+key' is '+' might be different. How do I account for all such cases?
Hey, now I know React, so what’s next? 🧐
Tags: react, design, webdev, methodology
Published: 2019-07-14 14:32:09

---
title: Hey, now I know React, so what’s next? 🧐
published: true
description: 
tags: #react #design #webdev #methodology
---

As a junior software engineer I’ve been working recently on some React projects inside the professional area and I would like to share a big lesson I’ve learned. 

Sometimes, when we’re beginners we start learning a new modern framework by following the page tutorial, creating our first project, consulting the API, creating new project, searching great components, consulting the API, creating new project, searching great components, consulting the API, creating new project, searching great components... InternalError: too much recursion.

So what’s next? The big problem is to think that what we are going to create is worse than other solutions. 

-🤨 Okay, we need a calendar for our app, should I create a new calendar component? 
-😎🍹 mmm no, I’ve been searching a bit and I found a really nice calendar, very complete and easy to use. This will save us a lot of time.

That’s all, using others components will save you time, at least at the beginning.

-🤨 hey, the client needs to pick a range of dates in this part of the app.
-🤯 oh, our calendar doesn’t allow it, I will try to find a new one. 

We all know what are the time pressures and deadlines, but forcing you, your team or you company to spend a little bit more time creating generic reusable components that scale through the projects, attending to the new requirements and solving the use cases, will save you time. And that’s not all, your mind will work in a more abstract perspective of the solution. What we have to follow are these simple rules of component design:

*Scale the component on every new project.
*Always backwards compatible.
*Always with tests.
*Style has to be as modificable as possible.
*Keep a good documentation.
*Share it with the community.



With the last rule comes what I think is the most beautiful part of programming, see that other developers use your approach/solution/component and they get benefit with them. 

-🤬 wait wait wait, we are not going to share our code for free, I pay you for this.

This is a typical boss thinking that doesn't have a large business perspective. By sharing your code you are building a brand, you expand your contacts, you generate knowledge inside and outside your company, you get less errors and, for sure, you don’t lose money (trust me). So if your company is a bit archaic with this, try to change it as possible, the benefits are multiple.

-🤨 hey, the client needs to pick a range of dates in this part of the app.
-🤓😝 oh, our calendar doesn’t allow it, I will add the functionality to it.
Slug Behavior for CakePHP 3.x, making slug management super easy
Tags: php, cakephp, showdev, tutorial
Published: 2019-07-14 14:27:09

---
title: Slug Behavior for CakePHP 3.x, making slug management super easy 
published: true
description: slug behavior, just add it to the model and forget all the tensions about the slug.
tags: #php, #cakephp, #showdev, #tutorial
---
I created this behavior for CakePHP 3.x a long time ago. Managing slug manually is one hell of a work. This will take care of all the basic needs you have in a project with a slug.

Since behavior is automatically bound by the modal events, I am using **before save** event for all the management. It's super easy and can be customized as per need.

feel free to seek any assistance in case you feel need to do so.

Thanks

{% gist https://gist.github.com/samgan-khan/9716c8c2439e7a1b104545d203f1be66 %}

PS: in case wondering how to use it. Create a file with name **SlugBehavior.php** in **/src/Model/Behavior/** of your project and add 

**$this->addBehavior('Slug');**

to your modal in which you want you to use this behavior.
Happy Birthday Ali Spittel
Tags: watercooler
Published: 2019-07-14 14:03:41

DEV author, team member and 100x engineer Ali Spittel turns 25 today.

{% user aspittel %}

![](https://media0.giphy.com/media/SXPwY2Uvhd38Y/giphy.gif?cid=19f5b51a5d2b358a6b324a48416bd961&rid=giphy.gif)

What’s your favorite DEV post from Ali?
VSCode good old colors of errors/warnings
Tags: vscode, settings, ide
Published: 2019-07-14 13:40:05

---
title: VSCode good old colors of errors/warnings
published: true
description: 
tags: vscode, settings, ide
---

Add this field to your settings.json file to return colors up to v1.36

```
"workbench.colorCustomizations": {
	"editorWarning.foreground": "#58995F",
	"editorError.foreground": "#B65E54"
}
```
![](https://thepracticaldev.s3.amazonaws.com/i/13hj0cfr7fwoz7w5xc8x.png)
When is Python a good choice to start with?
Tags: python, beginners
Published: 2019-07-14 13:16:50

Are you new to programming? have questions about which language would be a good to start with?

This is actually more a personal preference depending on what the project and solution you're looking to achieve. However, for a beginner, you have lots of flexibility to experiment which one is right for you. One programming language I enjoy working with and others have found useful is Python. I recommend to start with [Python 3](https://www.python.org/downloads/) as it has more community support to be developed and used for years to come.

There are likely millions of developers around the world using Python to build projects, tools, and using it to teach others the fundamentals of programming. You can do all kinds of other amazing work in a multitude of domains.

#### Example applications:

* Web applications
* Machine Learning / Deep learning
* Automating weekly emails
* Setting up jobs to update a spreadsheet
* etc....

#### Helpful online resources & books

There are plentiful resources you can find online to teach yourself Python or  pair with a small group to work on projects!

[Codeacademy](https://www.codecademy.com/learn/learn-python-3): Codeacademy offers free code tutorials are very popular for good reason. The tutorials should give a good idea of what it's like to code Python with hands-on lessons where you actually get to write some code.

[Learn Python the Hard Way by Zed Shaw](https://learncodethehardway.org/python/): This book is well received and aims to teach beginners how to read and write basic Python as a foundation to understand other books on Python. It is high quality which I recommend regardless of where your current skill is. You can try the [free sample](https://learnpythonthehardway.org/python3/) to see if it would work for you.

[Real Python](https://realpython.com/): This website offers tutorials to learn any aspect of Python you curious about learning about.

[Automate the boring stuff with Python by Al Sweigart](https://automatetheboringstuff.com/): This is a enjoyable read and practical for anyone who has or currently working a tedious, routine job! He also offers a video course provided through Udemy.

[Udemy](https://www.udemy.com/topic/python/free/): You can find all sorts of courses and projects offered on this online education website. They range from beginner to advanced and have instructors teaching subjects in finance, data science, full-stack web development and more.

This will jumpstart your programming journey for success. Feel free to discuss any other useful resources or projects you've discovered learning Python. 👌🏾

\-  Chaance
How to work with SVG on react
Tags: react, tutorial
Published: 2019-07-14 12:44:26

SVGs are great. They are great to use for icons since they don't blur out when zoomed. We can change the fill color while adding hover effect and so much more.
 
In this tutorial, we will be making a component that will render SVG icons and will also take color options so that we can the color.

##ICONS
First lets start off with a constant ICONS variables that will hold all the values of SVG like viewbox and path. Viewbox is necessary to define position and dimension.

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

##Wrapper
In order to render SVG, we need wrapper. So we will make a wrapper file.

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

This component will receive props like width, height, color and icon name. The width, height and icon name will be used in svg tag and the color will be used in path tag. Icon name can be anything as long as it is included in ICONS constant.

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

 This will help to get the value of viewbox from the icon name provided. 

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

And this will help to fill the color to SVG. If the color is not provided then the default color will be used. 

You can also define propType if you want to.

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

##Implementation

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

{% codesandbox 35kyl %}


This tutorial was possible with the help of this medium article that I came across while searching.

https://medium.com/@david.gilbertson/icons-as-react-components-de3e33cb8792


Well, that's all for now. Will return soon with another tutorial.
2:17 In The Morning
Tags: ramblings, devmom, mothersintech
Published: 2019-07-12 05:53:09

---
title: 2:17 In The Morning
published: true
description: Ramblings of a Dev Mom
tags: ramblings, dev mom, mothers in tech
---

It's 2:17 in the morning and I'm waiting for my husband to come back from the emergency room.  We noticed about an hour ago that my 4 year old daughter had an elevated heart rate and some problems breathing.  We didn't want to take any chances, so my husband took her to the ER as I stayed behind with my other daughter.

I feel incredibly guilty because earlier today, she stayed home from school.  She  woke up with a cold and instead of staying home with her, I called my dad to watch her.    

***NOTE: I started writing the above last week right before the 4th of July weekend.  My daughter is home and fine now, but I had some time to reflect and want to finish my thoughts on this.***

Why did I do that?  Why didn't I just stay home with her.  Why do I sometimes view my children as obstacles in my real life in oppose to embracing them ***as my real life***?

It's because the software industry as a whole has brainwashed people into thinking work and career is more important than family.  It's a subtle (and sometimes not so subtle) type of conditioning.  It's an industry where working 40 hours a week is putting in the bare minimum and employees frequently get accolades for working long hours, nights and weekends. I know, I used to be that type of employee.  I loved burning the midnight oil and doing whatever it took to get things done.  I loved when coworkers and bosses said they could always count on me.  

Now it's time for my children to count on me.    
    
That doesn't mean my job has to suffer.    

Motherhood has forced me to think about how I fit into the modern tech culture.  It also taught me to work ***smarter not harder***.  I am actually a better employee now than I ever was in the past.  I am much more efficient and patient with my tasks.  I also have a much more focused strategy on learning new technologies. 

My three take-aways from this:

* I don't have to choose between my children and my career.

* Being a mom is not a career killer.    

* And the next time my kid is sick. I'm taking time off to take care of her.
I started 3 new Developer Job Boards over this weekend
Tags: career, showdev, python, go
Published: 2019-07-14 11:37:28

---
title: I started 3 new Developer Job Boards over this weekend
published: true
description: Job Boards
tags: career, showdev, python, go
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sh6t7ox3qibuq91tued7.png
---

Over this weekend I launched 3 new Job Boards for Developers:

[golangjob.xyz](https://golangjob.xyz)
[javascriptjob.xyz](https://javascriptjob.xyz)
[pythonjob.xyz](https://pythonjob.xyz)

All of them run on my [boardengine.io](https://www.boardengine.io) Software, Tools and Services to run a Job Board.

I hope to get now the needed drive to my main product, the board engine software. I keep you update

Cheers

Stefan
Best Pure CSS Loading Spinners For Front-end Developers
Published: 2019-07-14 11:12:11

---
title: Best Pure CSS Loading Spinners For Front-end Developers

published: true
---
plz support my youtube channel and plz comment me how to improve my youtube channel 

channal: https://www.youtube.com/channel/UCEBOdzcMG5dUe4XPP-IYJ0w?view_as=subscriber

tags:   #html #css #php #python  #javascript
How to prevent ProtonVPN auto-connect
Tags: vpn, protonvpn
Published: 2019-09-10 15:32:51

---
title: How to prevent ProtonVPN auto-connect
published: true
tags: VPN,protonvpn,vpn
canonical_url: https://kevinhq.com/how-to-prevent-protonvpn-auto-connect/
---

I’ve been using Proton VPN since last year. I even have tried three of the plans: Free, Basic, Plus. Yet, I’ve never been able to prevent Proton VPN app to keep connected when I just started my Mac.I fully know that there is an Auto Connect menu. As shown on the image on the left,… 

[Read More »How to prevent ProtonVPN auto-connect](https://kevinhq.com/how-to-prevent-protonvpn-auto-connect/)
Data Type “The Six Monsters“
Tags: javascript, beginners, datatype
Published: 2019-07-14 07:01:51

---
title: Data Type “The Six Monsters“
published: true
description: Javascript primitive data type
tags: #Javascript, #beginner, #datatype 
---

## The simpler, the better.

> One of the biggest mistake I ever made in my life was not understanding the value of simplicity. I have always thought that complexity was something to aspire to, but the opposite is true. Programming is teaching me life. The ability to solve problems, the awareness that there are always more than one way to solve a problem. Take a problem and break it down to be able to solve it one piece at a time. Find motivation in the face of difficulties, respect your level and proceed one step at a time by planning challenging but realistically feasible tasks.

*These are valuable teachings.*

***

Here is the first image, my first post, definitely imperfect and improving in many parts but for me it is an important step in the journey that is leading me to become a frontend developer.

![](https://thepracticaldev.s3.amazonaws.com/i/zqbxxhtsc4n1c0frjfjf.png)
How has failing made you a better developer
Tags: discuss, career, productivity
Published: 2019-07-14 09:16:45

Whether it's a task at work you failed to get working, broke production, needed help, got fired, didn't get a dream job, couldn't find a job, or even failed at something on your own personal or side projects...

We all know that some times these moments can get the best of us. But how have failing these made you a better developer?
A case against modern CSS frameworks (component libraries)
Tags: discuss, css, vue, react
Published: 2019-07-14 08:55:48

> Originally posted at [michaelzanggl.com](https://michaelzanggl.com/articles/a-case-against-component-libraries). Subscribe to [my newsletter](https://michaelzanggl.com/) to never miss out on new content.

CSS frameworks are a great way to quickstart a project. They let you focus on your application rather than the design. This is especially great if you are not a designer and don't have one in your team.

But over time you need customization and this is where the fight over specificity, the fight against the framework begins.

This is of course nothing new, people have argued over this for a long long time.

The thing though is, that this was actually not such a big problem before. Sure you maybe needed some `!important` and other ugly hacks here and there, but it was at least not hard to know where to add those overrides.

Nowadays, some small class you want to override lives inside a component of the framework, isolated away. The class names are generated automatically and what was once an easy hack away to change became incredibly tedious to override.

In Vuetify I find myself doing this

```css
.list-tile:hover >>> .v-list__tile {
    background: transparent;
}
```

`v-list__tile` being a class inside one of Vuetify's components. If this internally used class name gets changed, will that even be mentioned in the upgrade guide?

Another thing is the API of modern CSS frameworks. Bootstrap's APIs and CSS classes were very simple to keep in your head. But today, whenever I develop using such a framework, I have to have the documentation of Vuetify, Material UI or whatever open at all times, getting ready to copy paste 50 lines of code for a simple dialog. There is no way I will remember all the props, scopes, events, etc. of each component. This whole copy paste action also takes away the fun to be honest.

Ever since I started using the low level utility-first CSS framework [Tailwind](https://tailwindcss.com/), working with anything else feels unproductive. I've written a blog post on it [here](https://michaelzanggl.com/articles/utility-first-css/). Sure, at first you need to look at the documentation, but it's API is predictable and easy to remember, also there are tools for autocompletion available. The best thing is that it is completely framework agnostic. No new API to learn just because you decide to use React over Vue in your next project.

What are your thoughts on modern CSS frameworks? Do you enjoy using them?
A Funny Story Between Mr. V Junior and Mr. K Senior
Tags: juniordeveloper, seniordeveloper, story, funny
Published: 2019-07-14 08:44:02

---
title: A Funny Story Between Mr. V Junior and Mr. K Senior
published: true
description: A Funny Story Between Mr. V Junior and Mr. K Senior
tags: junior developer, senior developer, story, funny
cover_image: https://thepracticaldev.s3.amazonaws.com/i/wvmkhds2mp1t5o6duxes.jpg
---


Yesterday, I went to drink, hear a funny story from my Senior Developer friend. So, I added some imagination and tell it to you guys.

# Part 1 - The Interview
The story goes like this: there is a Junior named V (V Junior) who has just entered the mid-level, and was given an interview with Mr.K Senior for a new candidate.
In the interview, V Junior constantly asked the candidate questions such as: What’s the language's strong/weak point, how to code multi-thread, how to use functions A, B, C to do implement.
Mr. K Senior is a bit more humble, asking softly: When the system malfunctions, how do you investigate and handle it. How to make sure your code is easy to maintain. Have you ever written documentation?
After the interview, Mr. Junior continuously being angry with Mr. K because "Why did you ask so few technical questions, how can we assess the ability of technical candidates?". Then "What makes a Senior different from a Junior then?". Mr. K just smiled and said nothing.

# Part 2 - The Bug
Then, the following week, the company email system had problems. Mails aren’t sent to the user at all or sent the wrong time.
Mr. V Junior tried to find the error, and he was unable to find it in the code, for nearly a day.
In the afternoon, Mr. K Senior passed by and asked lightly: How about we try checking the log in the production server? Oh, seems like the time set on the server is wrong, the config is also wrong. Mr. K gently corrected the 2 lines, the auto-email system ran smoothly again.

Mr. K patted his stomach, laughing “You see, that’s what the Senior brings to the table". Then he turned around took his bag home with his wife and children.
How to write an effective privacy policy?
Tags: discuss, privacypolicy, data
Published: 2019-07-14 08:33:56

Surfing the web and loving to analyze personal websites, I find that most of them include a privacy policy. It basically explains which data the site collects, saves and elaborates, among other things. Every website should have a privacy policy and possibly a cookie policy (if it stores cookies on users‘ computers), but how do we write a good one? What questions do we need to answer? Which information do we need to report? Let me know what you think about it, and if you have a privacy policy on your website, please paste its link in the comments, so that other developers and newbie can take a look at real policies!