teleren/devto huggingface dataset:
How to Gain Millions of Dollars Using Your Skills
Tags: education, motivation, programming
Published: 2019-02-27 21:40:50

---
title: How to Gain Millions of Dollars Using Your Skills
published: true
description: a brief article on how to reach your dreams and generate lots of money from your skills 
tags: education, motivation, programming
---
There are 7.5 billion people living on Earth (source: http://www.worldometers.info/world-population/). Assuming 0.5% of people share your skills. This means you are competing with at least 37.5 million competitors. Let’s consider, only 1% of the latter, surpasses your skills, this results of 6.5M person worldwide. The question is, how to surpass all these 6.5M and become in the top 100, therefore, you will have the right and competence to ask for 5000$/hour.

These are some steps that will get you to the top.

<b>1- Self Awareness</b>

Self awareness is the act to discover yourself (trust me, you don’t). If you want to discover yourself, you should schedule 5 min/day, everyday, and ask yourself some deep questions about yourself. Try to discover your inner talents and skills by asking these questions:

A- What do you love to do? (In other words, what are you passionate about. You don’t care getting paid when doing it. When doing it you almost forget to eat and time disappears)

B- what are you good at? (What’s your natural talent -> when people say ‘Wow' how did you do that, and for you, it is a piece of cake)

<b>Related Article:</b> <a href="https://dev.to/hussein_cheayto/how-to-become-successful-episode-1-glauco-pires-3ifb">HOW TO BECOME SUCCESSFUL-EPISODE 1-GLAUCO PIRES</a>

<b>2- Focus on One Thing</b>

Assuming you are a programmer. I will give you 2 scenarios, and you choose the better one. Scenario 1, I gave you 10 courses, each course has different programming language (Node.js, Javascript, C#, .Net, Php, etc….), and you finish these courses in 10 days. The result: your skills in these 10 languages will be average.

On the other hand, scenario 2, if I gave you 10 courses but all are related to 1 topic (let’s say Python). You finish these 10 courses in 10 days also.

The result: You become an expert in Python.

Therefore, if you only focus on 1 thing, it will be much easier and faster to master it rather than trying to master 10 topics that would take you forever. And the worst consequence in scenario 1 mentality is some of these 10 skills won’t be used at all, hence, a waste of time.

<b>Summary</b>

To generate an intense amount of money from your skills, you should at first discover yourself, because once you choose your skill (in programming=> language to master) there is no way back, else, you’re wasting time and giving advantage to others in the world to become ahead of you. Finally, hard and smart work is what will make you achieve your dreams, no matter how many obstacles you faced.
Yes, I still fall victim to Imposter Syndrome
Tags: webdev, discuss, career
Published: 2019-02-27 21:14:40

---
title: Yes, I still fall victim to Imposter Syndrome
published: true
description: Imposter syndrome rears its ugly head again.
tags: webdev, discuss, career
---

[Imposter Syndrome](https://en.wikipedia.org/wiki/Impostor_syndrome) is extremely common in tech. We are constantly learning and growing our skills. So much so, that we can forget how far we've come.

The only ways I have found to combat this is to keep a running list of accomplishments and to surround myself with people I trust.  The accomplishments list helps me to see how much I have learned.  I trust my tech friends to be truthful about my skills when I ask.  Together, these keep most of the ugliness of imposter syndrome away.

Last weekend, I was questioning my skills again. All it took was a colleague who I looked up to saying "Oh! I really like that timeline and those skill bars. How did you do that?" on my new website to make me remember I do belong and know my stuff.

Make a list, find trusted colleagues/friends, and remember you belong.
Discovering and delivering value
Tags: webdev, career, ux
Published: 2019-02-27 20:35:41

---
title: Discovering and delivering value
published: true
description: 
tags: #webdev #career #ux
cover_image: https://thepracticaldev.s3.amazonaws.com/i/4kdfl8i6380dtqgjmh39.png
---

No matter what you do as a professional, you need to ask why am I doing this and is it worth it?


## Discovering the value in the craft we’re doing

In the journey of trying to find the meaning of our lives, we should find meaning in what we do. It’s about seeing the big picture of our actions and seeking the value we’re making.

For people like us, we find value through serving people, solving their problems and helping businesses make a good impact.

The most delightful and meaningful things that I’ve learnt when I was a web developer is when making the website faster so people can easily access it, available offline so people will be less frustrated and accessible so people with disabilities can have their right to access it because that’s what justice asks.

And of course we find value in doing what we love. We love making things alive, we love making things and that why we got here. We do use technology to make things and solve interesting problems.

## Delivering value

We’re not some machines who are told to make websites or implement features without asking why. We have to have a vision of what we’re doing and understand why we’re making these things and what’s the problem we’re trying to solve.

We have to empathize with the people we’re doing the work for and the audience who are going to use the website or what ever product. And that’s the value we’re offering, not making websites but helping people by diagnosing the problem then follow a process to solve that problem and yes we end up making a website, or a mobile app or what ever product.
Gitting Started With the Azure Cloud Shell
Tags: git, azure, cloud
Published: 2019-02-27 20:11:14

---
title:  Gitting Started With the Azure Cloud Shell
published: true
description: 
tags: git, azure, cloud 
---

In this video, I will give you the first steps in working with git on the Azure Cloud Shell.  You'll see how to create your very first repo and branch on from the Cloud Shell using Bash.  


Docs - Overview of Azure Cloud Shell
https://aka.ms/overviewcs

Azure Cloud Shell
https://aka.ms/cloudshelljg

Git - https://git-scm.com

{% youtube bhmpI2ovwmM %}
Today I'm launching TAYL - An app that uses A.I. to turn websites into Podcasts
Tags: ai, react, javascript, webextensions
Published: 2019-02-27 19:58:34

---
title: Today I'm launching TAYL - An app that uses A.I. to turn websites into Podcasts
published: true
description: 
tags: ai, react, javascript, web extensions
---

The video of Steve Jobs introducing the Macintosh in 1984 never fails to put a smile on my face. It was a groundbreaking feat of engineering in many ways, but what impress me the most is how the computer for the first time ever had a personality of its own. It spoke. https://youtu.be/2B-XwPjn9YY?t=193

Computers, software and humans have come a long way since 1984. By standing on the shoulders of giants I managed to build a little something that comes bundled with several different personalities…

🌍 It lets you select from 50+ voices in 17 languages.
🔍 It detects the language of text automatically.
🎧 It SOUNDS FANTASTIC.
🤖 It uses A.I. to summarise long articles.
🤓 It makes web pages readable by removing slow & ugly junk.
⚡️ It is super fast, ultra reliable, and works 24/7!

For the past 3 months I’ve spent early mornings, late evenings & weekends doing nothing but working on this project. It’s a good feeling to finally be able to exit my chamber, and have something to show for it. I hope you will check it out!

Here's the URL: https://www.tayl.app

![alt text](https://thepracticaldev.s3.amazonaws.com/i/nlyvpxw2ywx1qq0pcflp.png "Logo Title Text 1")
Actions on Google VS Code Extension
Tags: typescript, vscode, javascript, actionsongoogle
Published: 2020-06-12 11:03:58

---
title: Actions on Google VS Code Extension
published: true
date: 2019-02-27 19:36:48 UTC
tags: typescript,vscode,javascript,actionsongoogle
canonical_url: https://blog.valasek.dev/posts/actions-on-google-vs-code-extension-4j68/
---

You know it, you got a new idea, so you hurry up to get that idea to life, but now you have to do all that boring (or interesting :)) stuff again. Create a new project, install node\_modules, remember what was the basic project structure and then finally start writing the code. Which, some of the time, can be repetitive too.

Unfortunately, I can’t help you with most of the work I talked about, but I hope to help you with some of it :) I got tired of writing the same stuff over and over, so I have looked into the [VS Code snippets](https://code.visualstudio.com/docs/editor/userdefinedsnippets). Since I wanted to ease my Actions on Google development, I looked if some snippets are available in VS Code Marketplace. To my surprise, there weren’t any! So I decided to create them myself and share with the community!

![](https://cdn-images-1.medium.com/max/1024/1*Y4O46j8ZxCrNPAmeo6tGwQ.gif)<figcaption>A faster way to start a new project</figcaption>

Table of current snippets is below and more are coming soon. If you already know what’s missing or what you want to be added, feel free to let me know or send a[pull request on Github](https://github.com/DenisVCode/Actions-on-Google-Snippets-VS-Code) :) Currently supporting JavaScript and TypeScript.

You can find it [here](https://marketplace.visualstudio.com/items?itemName=DenisV.actions-on-google-snippets) or search for the **Actions on Google snippets** in VS Marketplace! Happy coding!

{% gist https://gist.github.com/DenisVCode/f92f75cf76a7d2910286bc6257d47672 %}

![](https://cdn-images-1.medium.com/max/1024/1*N2hdRBh1s8eoVbgKB1G3sQ.gif)<figcaption>New intent</figcaption>
Gruvbox
Tags: editor, vim, grunbox
Published: 2019-02-28 11:45:14

---
title: Gruvbox
published: true
tags: [editor, vim, grunbox]
canonical_url: https://scottw.com/gruvbox
---

Recently started using the [Gruvbox](https://github.com/morhetz/gruvbox) theme.

I love that it has both a dark and light option. It totes itself on being better at contrast than Solarized and I have to agree (well, at least it feels better looking at it).

<!--more-->

![Gruvbox](https://scottw.com/assets/images/posts/gruvbox.png)

For both the dark and light options I felt most comfortable with the `hard` option for contrast. For dark, soft and medium where OK. For light, on hard worked.

Mixing it in withe Fire Code Retina and everything feels brand new.
Turn any Google sheet into a REST API
Tags: webdev, beginners, productivity
Published: 2019-02-27 18:43:48

---
title: Turn any Google sheet into a REST API
published: true
description: Changes to your spreadsheet update your API in realtime
tags: #webdev,#beginners,#productivity
cover_image: https://i.ibb.co/0CfKN3c/shetty.jpg
---

This tool allows you to convert any Google spreadsheet to an API instantly

To publish go to the menu **File> Publish** on the web. Then we must select a tab and then select .csv as export format.

Paste the URL obtained in the field of the main page of Sheety and press the button that will give us the REST API


You can check the [Sheety site](https://sheety.co/)
How Agile Teams Grow Toxic! Episode 3 | Forecasting
Tags: career, agile, productivity
Published: 2019-02-27 18:22:05

---
title: How Agile Teams Grow Toxic! Episode 3 | Forecasting
published: true
description: In this video I discuss how people who pay for software development projects forecast.
tags: #career #agile #productivity
---

Deadlines!

"Drop dead" dates!

Changing the schedule to meet "new requirements"!

Do you ever think there's gotta be a better way to do this?

Well there is, and today I want to share with you some information about a topic that often bores software developers...

But in my experience of working with many teams and companies, when developers are frustrated on their project - it is this topic that's often the culprit.

In this video I discuss how people who pay for software development projects forecast. 

Before you bail, if you hang with me on this video you'll know more than many agile coaches and product managers about why investing in software projects is unique!

I'll share the dangers of traditional forecasting on software projects - and an alternative way to give investors confidence.

Visit my YouTube channel to watch the entire 18 minute video.

# [📺 Watch the full video on YouTube](https://www.youtube.com/watch?v=4c7tXGIhavA&index=4&list=PL32pD389V8xtck2HrQfWn13bW0vWThiqK)

Or listen as a podcast:
[🎧 Soundcloud](https://soundcloud.com/jayme-edwards-media/how-agile-teams-grow-toxic-ep-3-forecasting)

Related videos:
* [📺 An Agile Budget Keeps You From Being A Code Monkey](https://bit.ly/2IHah3M)
* [📺 Eric Ries: The Lean Startup | Talks At Google](https://www.youtube.com/watch?v=fEvKo90qBns)<hr />[🔔 Subscribe for over 100 videos on healthy software development](https://YouTube.com/c/JaymeEdwardsmedia?sub_confirmation=1)
A rap song about some issues in tech
Tags: showdev, programming, culture
Published: 2019-02-27 17:03:18

---
title: A rap song about some issues in tech
published: true
description: https://www.youtube.com/watch?v=PE1w5FTg68c
tags: #showdev, #programming, #culture
---

Song url: https://www.youtube.com/watch?v=PE1w5FTg68c

Quick background on the project: I'm a full time programmer and I love making rap music. I see a lot of humor in the profession/industry, and thought it would be fun to combine the two.

I'm always open to feedback and collaboration (currently in CO, would love to work with a videographer to make a music video)!
How to use Caps Lock key as ESC on ubuntu 18
Tags: ubuntu, keyboard, config
Published: 2019-02-27 17:00:50

---
title: How to use Caps Lock key as ESC on ubuntu 18
published: true
description: very usefull setting , Change Caps Lock to ESC
tags: ubuntu,keyboard,config
---

You should replace Caps Lock key for the following reasons.

- 1.Caps Lock key easy to push from home position.
- 2.Nowadays, We need few time to use Caps Lock.
- 3.if Push ESC key from home position, you will use vim more usefull.

Lets try.

1.get gnome-tweak-tool

```
sudo apt install gnome-tweak-tool
```

2.start gnome-tweak-tool.

![tweak-tool] (https://thepracticaldev.s3.amazonaws.com/i/3zzkfbxxlxvqgl8r8bmm.png)

Select "Caps Lock behavior" with "Make Caps Lock an additional ESC"

3.Restart ubuntu.

The setup procedure is over.
Now, your Caps Lock key is ESC.

thanks reading my post.
I've wrapped up a successful mentorship on Dev.to - AMA
Tags: discuss, mentor, mentorship, ama
Published: 2019-02-27 16:33:34

---
title: I've wrapped up a successful mentorship on Dev.to - AMA
published: true
tags: [discuss, mentor, mentorship, ama]
---

Some time ago, Dev.to launched an experiment to pair people who were willing to mentor with those what wanted mentorship.

I signed up as a mentor and was quickly paired with someone. My mentee accomplished their goals, and our formal mentorship has ended.

What questions do you have? My mentee and I are thinking about writing an article for the site about our experiences together, but I'd love to know what questions you have that we can answer?

PS: Ask anything you want, but I won't disclose any information about my mentee.
Programming Fonts - Test Drive
Tags: editors, fonts
Published: 2019-03-04 14:17:45

---
title: Programming Fonts - Test Drive
published: true
tags: [editors, fonts]
canonical_url: https://app.programmingfonts.org/
---
[Programming Fonts](https://app.programmingfonts.org/)

A terrific resource to test drive free programmer fonts. My to free choices: Fire Code, DejaVu Mono, and Hack. I am leaning towards Fire Code’s Retina typeface.
5 great online tools
Tags: productivity, tools
Published: 2019-02-27 15:41:56

---
title: 5 great online tools
published: true
description: 
tags: #productivity #tools
---

There is a wide range of online tools for making certain tasks (development or not) easier, I've found a few that I thought I would share.


RegEx : [regex101](https://regex101.com/)
    This site has really helped me design a few of the more complicated regex's and is a great tool for getting to grips with how they work. Cheat sheet and window for putting the content you want to regex.

Markdown: [StackEdit](https://stackedit.io)
    This site is great for giving me instant feedback on the markdown that I use for writing READMEs and wiki contents.

Mindmaps: [MindMeister](https://www.mindmeister.com/)
    Great for working with mindmaps, this is good for brain storming, very easy to use and work with.

Diagrams: [Gliffy](https://www.gliffy.com/) 
    Some of you might have run into this software as a plugin for confluence, I found it years ago and have watched it really refine itself in drawing diagrams easily and directly.

Sending Files: [Drop Send](https://www.dropsend.com/)
    I've hit issues with Email stripping attachments or with file size try out drop send.


Anyone got any other suggestions ?
Control your Philips Hue lights from your Laravel code
Tags: philipshue, development, php, laravel
Published: 2019-04-28 12:24:53

---
title: Control your Philips Hue lights from your Laravel code
published: true
tags: philips-hue,development,php,laravel
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/310/1*NrzQWJCq-Dn3pCputatnyg.png)

Recently I created a package to manage my Philips Hue lights with. I wanted an easy way to signal my lights in my office when something special happens. Things that are special for example could be:

- New user sign up
- New paid order
- New support ticket
- New newsletter subscription
- … etc

Here’s a link to the package:

[Cannonb4ll/laravel-philips-hue](https://github.com/Cannonb4ll/laravel-philips-hue)

I’m still doing work on it, but the basics are implemented and fully working.

You can switch lights on and off per ID, but also in a complete group.

Syntax is as easy as this:

```
(new HueClient)->lights()->on(1)
```

Some example commands:

```
$hue = new HueClient();

$hue->groups()->all();
$hue->lights()->all();
$hue->lights()->get(1);
$hue->lights()->on(1);
$hue->lights()->off(1);
$hue->lights()->customState(1, [
 "hue" => 25500,
 "bri" =>200,
 "alert" => 'select'
]);
```

You can do whatever you want!
Localize your Rails enums
Tags: rails, ruby, enums, i18n
Published: 2019-10-04 08:01:38

---
title: Localize your Rails enums
published: true
description: Simple way to translate your Rails enum values.
tags: rails, ruby, enums, i18n
canonical_url: https://www.kostolansky.sk/posts/localize-rails-enums/
---

When Rails 4.1 was released, it came out with a bunch of new features. One of those was ActiveRecord enums.

```ruby
class Conversation < ApplicationRecord
  enum status: [:active, :archived]
end

conversation = Conversation.create(status: :active)
conversation.status # => "active"
```

This is a handy feature. However, if you try to localize your Rails app, for example for some select boxes, or just to show the current value, you will quickly realize that there is no built-in feature to translate the enum values.

Starting from Rails 5, all models will inherit from ApplicationRecord. We can use that to create our universal solution.

```ruby
class ApplicationRecord < ActiveRecord::Base
  self.abstract_class = true

  def human_enum_name(enum_name, enum_value)
    enum_i18n_key = enum_name.to_s.pluralize
    I18n.t("activerecord.attributes.#{model_name.i18n_key}.#{enum_i18n_key}.#{enum_value}")
  end
end
```

This little method allows us to use the locale files in the following way:

```yaml
en:
  activerecord:
    attributes:
      conversation:
        statuses:
          active: Active conversation
          archived: Archived conversation
```

Then, we can simply use the class method `human_enum_name`:

```ruby
Conversation.human_enum_name(:status, :active) # => "Active conversation"
```

And with an instance:

```ruby
conversation = Conversation.create(status: :active)
Conversation.human_enum_name(:status, conversation.status) # => "Active conversation"
```

Actually, I use this approach quite often, so I've built a little gem called [human\_enum\_name](https://github.com/jkostolansky/human_enum_name). Feel free to use it!

And, if you want to manage your YAML translation files in a clever way, check out my project [LocaleData.com](https://www.localedata.com).

---

Original article: [Localize your Rails enums](https://www.kostolansky.sk/posts/localize-rails-enums/)
Creating a Vue.js component library: Part I - Introduction
Tags: vue, library, plugin, vuepress
Published: 2020-07-07 14:18:05

---
title: Creating a Vue.js component library: Part I - Introduction
published: true
date: 2019-02-27 15:03:55 UTC
tags:  ["vue", "library","plugin", "vuepress"]
canonical_url:
series: "Creating a Vue.js Component Library"
---

In this series, we’ll focus on structuring a Vue component library as a plugin for use, and _reuse_. That also includes distribution and documentation. That's what is so great about Vue - the ability to create your own building blocks for designing a user experience. This series of posts _is not_ about writing components, that's a subject for another day.

## Context

I like to use existing component libraries until I don’t 😉.

There are many great libraries that already exist in the Vue ecosystem. Adhering to one _theme_ or _design_ system only works for so long, especially if you’re adopting Vue into an enterprise environment. In that case, there is usually a need for some consistency between interfaces (API & UI), style, and UX. For that reason, it’s important to know the basics of setting up your own library.

The information in the next few posts is not earth-shattering, but it’s all in one place. I’ve gone through some of the work of figuring out how the pieces fit together. This is not the end, it is a means to understanding the process to find your _own_ end.

As an aside, while thinking through this project (and others), I've come around to the idea of [renderless](https://adamwathan.me/renderless-components-in-vuejs/) components for reuse. This series will not focus on building out a generic _renderless_ component library but it's worth a read if you're not familiar.


## Workflow

I like quick iteration. We’ll focus on whipping up an environment that lends itself to quick visual feedback :rocket:. Once set up, you’ll be able to conceptualize a component, write it, register it, and document the specs. All that, without getting too bogged down in the nitty-gritty.

## Series agenda

I suppose you'll want to build your own components! Or, you already are?! Now you'll need to document, distribute, and manage enhancements. The structure outlined in the next few posts will help you achieve that goal.

We'll step through:

- Structuring a component library with [Vue CLI 3](https://cli.vuejs.org/guide/)
- Creating the plugin to register with Vue
- Documentation using [VuePress](https://vuepress.vuejs.org/)
- Publishing on [npm](https://www.npmjs.com/)
- Deploying the documentation

As always, the only way to understand is by rolling up your sleeves and giving it a try. :tada:

To get started, check out [Structuring a Vue component library](/siegerts/creating-a-vue-js-component-library-part-ii-structure-iph).
Style your default global links without affecting your component links
Tags: css, sass
Published: 2019-02-27 14:59:32

---
title: Style your default global links without affecting your component links
published: true
description: Style your default global links without affecting your component links
tags: css, sass
---
{% youtube K5rmQXlIomk %}

This is a little trick I've recently been implementing on any new projects. Style your default global links *without* affecting your component links.

```scss
a:not([class]) {
  color: #0055ff;
  text-decoration: none;

  &:hover,
  &:focus {
    text-decoration: underline;
  }
}
```

This helps prevent having to overwrite your global default link styles that you have applied within your component links.

Check out the demo below:

 {% codepen https://codepen.io/alexcarpenter/pen/eXNEeo %}