teleren/devto huggingface dataset:
What Your IDE Says About You
Tags: career, beginners, webdev, productivity
Published: 2020-05-14 13:54:35

---
title: What Your IDE Says About You
published: true
description: A quick journey through various IDEs and a discussion of how that reflects on an individual's identity as a developer.
tags: career, beginners, webdev, productivity
---

Worried about what your IDE (Interactive Development Environment) or text editor says about you as a developer? Look no further. In this article, we will examine the impact of various IDEs and text editors to determine exactly what they say about you.

* Visual Studio Code: You are a developer.
* Visual Studio Professional: You are a developer with RAM to spare.
* Eclipse: You are a developer building Java apps (or possibly something else).
* Notepad++: You are a developer.
* Vi/Vim: You are a developer.
* Android Studio: You are a developer building Android apps.
* Sublime Text: You are a developer.
* Atom: You are still a developer.

Have I made my point? Your identity as a developer is not defined by the tools you use to create. 

Do you write code in one of the listed IDEs? Congrats, you're a developer.

Do you write code in an IDE or text editor I didn't mention? Congrats, you're a developer.

Wait.. you don't even write code but you still create applications? Awesome! You're a developer.

The last thing we need in tech is more gatekeeping. Let's be cool.
Changing career to become a web developer
Tags: career, webdev, codenewbie
Published: 2020-05-14 13:41:29

I started [DeveloperHabits](https://www.youtube.com/channel/UCJLZwePkNHps5Bv7VwISyTA) to help myself and others improve their development skills and mindset. As we know, learning from others' experiences is one of the best ways to improve oneself.

{%youtube ZFGnoosFdio %}

I'm proud to share an interview I did with Adrian Twarog - a UI/UX designer and developer who amongst other things creates awesome [content in Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ).

{% user adriantwarog %}

The thing about Adrian is that he hasn't always been a developer. In order to become one, he had to change his career.

In the video, we talk about changing career, the (un)necessity of higher degree, how to approach learning web development and what are the habits of a good developer.

The agenda for the video:

00:00 - Beginning

00:50 - Adrian's background

05:45 - University experience

11:15 - Changing career

18:35 - Learning web development

22:37 - Time management

26:45 - Keeping up with all the changes

32:10 - Youtube videos

36:20 - Advice for people wanting to jump into web development

39:50  - Qualities of a good developer

41:15 - Where to next?

42:05 - One habit that makes you a better developer

I really hope you like the content.

**Other channels**
📷 Youtube: [developerHabits](https://www.youtube.com/channel/UCJLZwePkNHps5Bv7VwISyTA)
👉 Twitter: [https://twitter.com/developerHabits](https://twitter.com/developerHabits)
👉 IG: [https://www.instagram.com/developerhabits](https://www.instagram.com/developerhabits)

**Also, do follow Adrian in Youtube or Twitter**

📷 Youtube: [Adrian Twarog](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ)
👉 Twitter: [https://twitter.com/adrian_twarog](https://twitter.com/adrian_twarog)

Oh and...! If you are interested in coding, growth mindset and are willing to share your experiences, ideas, then please do PM me in Twitter :)!
Short URL 
Tags: webdev
Published: 2020-05-14 13:31:43

I'm going through the short URL design. I observed a behavior where you post a short URL in browser and it will automatically expands to longURL

I thought, there will be an API in shortURL application that has been exposed and when it gets invoked it returns a longURL which browser loads.

Surprisingly, when I tried hitting short URL with GET method in postman, I got HTML page in response. Is there a way that you can find longURL through an API?
Why I Archived the Windows 10 and Linux Articles. - Open letter to the community.
Published: 2020-05-14 13:31:12

The specific articles in mind were
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8nv0b0vneusta6s7bwaw.png)

And with that, why? Why would I do this? To put it simply, the reaction. As I have mentioned I needed a break (one that I am cutting a little short). The whole explosion of comments - most highly negative - was insane to me.

I want to express my disappointment, not just in the dev.to community, but overall most who commented and went out of their way to DM me very hostile comments, and those who created a dev.to account to give me comments that were very hostile.

While yes, most of the 239 comments were probably kind or some form of an attempt at constructive criticism, a good chunk of them were polite ways of telling me *"F-- off, I am right, you are an idiot"*. I am upset that this happened. While the ones that did say it in a more polite way - even though their claims were still giving false information - others did not. While I will not share screenshots, and many were hidden, it's still an issue.

It wasn't those who hated my point who got me the most upset. A couple of Linux elitists often did get far too hostile. I do not condone these specific users' actions, and please do not let these couple of jerks ruin your view of Linux as a whole, as they target posts like this for people who disagree.

Now the articles are archived. They have also been unpublished. If you wish to read them still, I will link them here:
[Windows has no future](https://dev.to/kailyons/windows-has-no-real-future-here-is-why-4nn8?preview=a8ea69bb1711ccff160fe21d8029d21599354cd0dedaab3d040012059d42a69ace3e1f8501d488df0a5feef935214750ef06657a16fa52c80c9f93b4)
[2020 is a great year for Linux](https://dev.to/kailyons/why-2020-is-a-great-year-for-linux-mostly-ubuntu-3nl1?preview=c16bd558ebdbab4dbd09ce9a96fe7573f541b726225ed6a26457ad49d08ff66de85927ccc6477340cb70c3cc4e4d82759ddf307255a81e5d4d90e18f)

Yes, there were a lot of great comments, many of you were supportive and kind, but I still was unhappy with the bad apples of the bunch, no matter how few.

Also, I want to say sorry. I myself was not a good example of how to respond. I want to apologize for how I acted in some of the threads, some of the things I said were stupid, and others were even worse than some of the other bad apples. 

To TL;DR this - I am unhappy with how some reacted, whether in the dev.to community or not. I also want to apologize for how I acted, which didn't set the example that I should have. The articles can still be found, but they have been unpublished and archived, and I will not be responding to new comments on them.

- Kai Lyons
Sapper SSR svelte: trying to add toast ui to the default template in index.svelte
Tags: help, svelte, javascript, ssr
Published: 2020-05-14 13:16:35

Hi everyone,

I am trying to add toast-ui editor to the default sapper webpack template.
Update:
Create a github repo with the problem [here](https://github.com/wolfiton/sapper-webpack)
This is my `index.svelte` from `src/routes` and my moddifications so far:

```js
<script>
  import { onMount } from "svelte";
  import marked from "marked";

  let markdown = "# Example Title\n\n- this\n- is\n- a list";

  onMount(async () => {
    let Editor = await import('@toast-ui/editor');
    const editor = new Editor({
      target: document.querySelector("#editor"),
      height: "500px",
      initialEditType: "markdown",
      previewStyle: "vertical"
    });
    editor.getHtml();
  });
</script>

<style>
  h1,
  figure,
  p {
    text-align: center;
    margin: 0 auto;
  }

  h1 {
    font-size: 2.8em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 0.5em 0;
  }

  figure {
    margin: 0 0 1em 0;
  }

  img {
    width: 100%;
    max-width: 400px;
    margin: 0 0 1em 0;
  }

  p {
    margin: 1em auto;
  }

  @media (min-width: 480px) {
    h1 {
      font-size: 4em;
    }
  }
</style>

<svelte:head>
  <title>Sapper project template</title>
</svelte:head>

<h1>Great success!</h1>

<figure>
  <img alt="Success Kid" src="successkid.jpg" />
  <figcaption>Have fun with Sapper!</figcaption>
</figure>
<textarea bind:value={markdown} placeholder="Enter markdown here" />
<div class="preview">
  {@html marked(markdown)}
</div>
<div id="editor" />
<p>
  <strong>
    Try editing this file (src/routes/index.svelte) to test live reloading.
  </strong>
</p>

```

My question is how to make this work and get rid of this error:

```
TypeError: Editor is not a constructor
```

Thanks in advance
10 STEPS TO WRITE PROCESS INSTRUCTION FOR A TECHNICAL WRITER

Tags: writing, productivity, beginners
Published: 2020-05-14 12:57:41

As a technical writer, you have to write process instruction every day. Writing instruction is a difficult task in terms of idea organization and tone you use to convey the message. Here are ten easy steps that you can follow to simplify the process;

1. Before you start writing instruction, learn the process to do the task, and know what your final result looks like. It is the most crucial step.

2. After you map the general outline, plan how to write the steps in a logical order. You should not skip any minor steps. In addition, you should not presume your audience will understand or do it on their own.

3. You should avoid giving your opinion, preference, or choices. Technical process instruction writing has to be formal and precise.

4. While you are writing instruction, use active voice, and begin the sentence with a verb. For instance, 
   a. Enter a <b>Username</b> and <b>Password</b>.
   b. Select <b>My Story</b> from the <i>Dashboard</i> column.

5. If the steps are manageable, break it into several sub-steps, and number it. Write 1-2 sentences in each step.For instance,
a. To <b> Change Password </b> follow the steps;
      a.1 Enter <b> Old Password. </b>
      a.2 Enter <b> New Password. </b>
      a.3 Click <b> OK. </b>

6. You should add a sentence or phrase so that your audience can self-evaluate whether they have correctly performed a task.

7. Include labeled images for each step. Labeled images also help your audience to judge whether they have correctly performed the task.

8. Write dangers or warnings cleary at the top or for any particular step where necessary. Alternatively, you can also include labels such as; <i>Important</i>, <i>Warning</i>, <i>Danger</i>, <i>Special Notices</i>, or <i>Note</i>. Give your audience critical information where required. Furthermore, use an imperative sentence. For instance, 
<b>Important: Install the application ABC v1.1.1.</b>

9. Avoid using words such as; see, view, or always. Instead of writing, 
a. You can <i>see</i> the list of terms used under <b>Vocabulary.</b>
You can write
a. You can <i>find</i> the list of terms under <b>Vocabulary.</b>

10. You need to ensure the image used matches the descriptive text with proper formatting(bold, italics, highlight, double-quotation, and so on). If you have an image with column "Action", where all the activities of a user are visible. While writing process instruction, format the word “Action.” It draws the attention of a user and persuades them to find the same while they are following your guideline. For instance, 
a. Click the <b>Action</b> to view all your activities.

At last as a bonus tip, always review, edit, and validate your work with your product team. As a technical writer, it is your responsibility to deliver focused, simplified, and precise steps to your audience and get their work done.

Keep writing :)
Using the Mailgun Event API to Get Email Campaign Data for Beginners
Tags: email, marketing, api, codenewbie
Published: 2020-05-14 12:42:21

Mailgun’s API documentation is pretty good, but it’s clearly meant for developers who know their way around an API already. This post is meant to document what I’ve learned and help absolute noobs like myself get what you need from the Mailgun API.

I’m sending out a lot of emails—anywhere from 1,000 to 10,000 per day. I’ve tried almost every email system there is, and I really like the simplicity and flexibility of Mailgun’s platform, plus the low price is nice compared to Mailchimp, ActiveCampaign, etc.

The Mailgun user interface is good for most tasks, but the discount comes with a bit of a tradeoff in terms of self-serve versus in-built functionality. When you need to figure out exactly which emails opened or clicked on your campaigns, for instance, you need to call the API.

I go to all this trouble in order to create what I call “engaged lists”—people who have opened and clicked on my campaigns before (and who haven’t unsubscribed, of course). Sending only to these people can increase your sender reputation and seriously boost your stats. Sometimes, sending to 200 engaged emails can yield better results than sending to 2,000 lukewarm folks.

If you know how to use an API and don’t have a problem automating tasks for yourself, getting data from Mailgun’s API isn’t an issue. For us noobs and non-developers, however, it can be hard. I spent a good couple of hours figuring this out, so I’ll document what I’ve learned here. It’s not perfect, but it does the job. I’m going to try to automate some of this next, but here’s the current state.

Here’s an overview of how to get a list of who has opened and clicked on your emails from the Mailgun API:

[Click here to read on!](https://www.christianpetroske.com/2020/05/14/using-the-mailgun-event-api-to-get-email-campaign-data/)
Turbo Charge your Command Line with Oh My Zsh!
Tags: podcast, cli, devops, developers
Published: 2020-05-18 11:08:40

---
title: Turbo Charge your Command Line with Oh My Zsh!
published: true
date: 2020-05-14 12:30:00 UTC
tags: podcast, cli, DevOps, developers
canonical_url: https://share.transistor.fm/s/43f8388f
---

{% spotify spotify:episode:4ndcxBwWNlunIhigcjrfQj %}

Oh My Zsh! - [https://ohmyz.sh/](https://ohmyz.sh/)  
GitHub -[https://github.com/ohmyzsh/ohmyzsh/](%20https://github.com/ohmyzsh/ohmyzsh/)

- ZSH - ( Z Shell) is an extended Bourne Shell (sh) with features from other shells like Bash, Korn Shell, and tsch (tee shell)
- macOS Catalina made Zsh default back in 2019 replacing Bash
  
Oh My Zsh is an open-source, community-driven framework for managing your zsh configuration.  
  
Plugins - Git, Docker, VS Code, OSX, programming languages  
  
Themes - customize the look and feel of ZSH
47: Overcoming from JS fatigue 
Tags: javascript
Published: 2020-05-14 12:26:36


Coding is fun, but it tortured me, and I was exhausted mentally, at this point, Should I stop? and just back to my past life, do what I can be good at? NOPE, absolutely not, I am going to be stuck in the same problem, I used to be non-confident how I think and solving my problems, it can be a tiny issue when you go to a new country, you can face the problems, for example, what if the hotel did the mistake and have not checked in yet? What can you do? What is the best solution for you? 

--- 

The reason I want to keep challenging 'becoming a software engineer' in order to live my life, with confidence, and full of self-love. 

I could not adjust to the new environment, first of all. 
The way of communicating was much different, it was all about logic. 

---
I am set up, I wonder how I can solve problems and what I want to develop solving issues, and the good thing about learning algorithms, getting wiser to navigate solving the solutions. THIS IS TOO AWESOME :)
Bash: Some useful tricks with date command
Tags: bash, shell, linux, date
Published: 2020-05-14 12:23:59

### **Lets get started**
Just typing `date` will print the date and time on the standard output. Following are some useful options with the `date` command.

* **Seconds since UNIX epoch (01/01/1970)**

Use `%s` to get number of *seconds* passed since UNIX epoch. Creating unique file names is one of the possible use case.
```bash
# + is use for formatting
date +%s
# Output: 1589455968
```

* **Number of days since the year's beginning**

Use `%j` to get the number of days passed since the beginning of the year.
```bash
# + is use for formatting
date +%j
# Output: 135
```

* **Dates in the past or future**

Use `-d` or `--date` option to get any date in the past or future.

```bash
# + is use for formatting
date +%F -d "1 day ago"
# Output: 2020-05-13

# More easily by using - sign
date +%F -d "-1 day"
# Output: 2020-05-13

date +"%D %T" -d "1 year ago"
# Output: 05/14/19 16:54:02

date +"%F" --date="1 month ago"
# Output: 2020-04-14

# For dates in future use + sign before number
date +%F -d "+1 day"
# Output: 2020-05-15
```
* **Get Time Zone**

Use `%Z` option to get your time zone
```bash
# + is use for formatting
date +%Z
# Output: PKT
```

* **Get date from UNIX epoch**

To extract date from the number of seconds passed since UNIX epoch, use `-d` with `@`.

```bash
date -d @1500000000
# Output: Fri 14 Jul 07:40:00 PKT 2017
```

* **Get date in ISO Format**

Use `-Iseconds` option to get current date in ISO Format.

```bash
date -Iseconds
# Output: 2020-05-14T17:18:22+05:00
```

* **Get the last day of the previous month**

While executing an SQL command to retrieve data for the starting and ending date of the previous month, it is always a point of concern to correctly determine whether the previous month was of 30 or 31 days. To resolve this issue, we can use `date` in the option argument of `date` command with `%d` option to get the current day of the month.

```bash
# + is use for formatting
# %d is used to get the day of the month

date +%F -d "$(date +%d) days ago"
# Output: 2020-04-30
```

---

I hope it will help you. Keep coding!


P.S. I will keep on adding to this post with time.
VimTrick: Resolving Merge Conflicts in Vim
Tags: vim
Published: 2020-05-14 12:10:28

If you’re using source control like Git, SVN, or Mercurial then you’re probably accustomed to resolving merge conflicts. There are a variety of tools available to you in Vim to make merge conflict resolution easier.

The tool that has become most essential to my workflow is a set of mappings provided by the [Unimpaired plugin](https://github.com/tpope/vim-unimpaired) to jump to the next conflict marker.

If you're not familiar with Unimpaired there are a whole host of very useful key mappings in it to make all kind of tasks faster.

The biggest help in there for merge conflicts are:

* `]n` goes to the next conflict marker
* `[n` goes back to the previous conflict marker

There's also an easy way to delete each half of the conflict which I made a short screencast demo of over on my [VimTricks post](https://vimtricks.substack.com/p/vimtrick-jump-to-next-merge-conflict).
May 14 — Daily CodeNewbie Check-in Thread
Tags: codenewbie, checkin, beginners, discuss
Published: 2020-05-14 12:00:29

---
title: May 14 — Daily CodeNewbie Check-in Thread
published: true
description: A daily thread to ask questions, share progress, and stay accountable!
tags: codenewbie, checkin, beginners, discuss
series: Daily Checkin
---

You are encouraged to use this daily thread to:
- Ask for help (all questions encouraged)
- Explore topics you’re curious about
- Share something you’ve written or read
- Celebrate your wins
- Stay accountable to your goals
- Support your fellow programmers

Happy Coding!

---

_Interested in joining the twice-weekly live [#CodeNewbie Twitter chats](https://twitter.com/search?q=codenewbie)?  You can find us [on Twitter](https://twitter.com/search?q=codenewbie) each Wednesday at 9pm ET (1am GMT on Thursday) and Sunday at 2pm ET (6pm GMT)!_
Daily Developer Jokes - Thursday, May 14, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-05-14 12:00:15

---
title: "Daily Developer Jokes - Thursday, May 14, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Thursday%2C%20May%2014%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e125997196ca.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q___: Why are keyboards always working so hard?

___A___: Cause they have two shifts!
 -->
46: JavaScript Ecosystem 
Published: 2020-05-14 11:58:11

The JavaScript ecosystem is a collection of software packages, libraries, and other resources that facilitate development as they integrate with each other. Those tools are created by different developers and providers – for example, the React library is powered by Facebook, while the Angular framework was created by Google, and Vue.js was designed by an independent developer

The JavaScript ecosystem tools facilitate developers’ work at every stage of an application building, starting with the first code lines and finishing with deployment. So, let’s start from the beginning and look at the tools for development first.

[JavaScript Ecosystem](https://www.altexsoft.com/blog/engineering/javascript-ecosystem-38-tools-for-front-and-back-end-development/)
45: Figure out the reasons  
Tags: webdev
Published: 2020-05-14 11:40:30

##Don’t just solve problems, figure out what’s really going on
Too many people who write CSS and JavaScript tinker until they find something that works, and then they just move on. I know this happens because I see it all the time during code reviews.

I’ll frequently ask someone: “Why did you add float: left here?” or “is this overflow: hidden really necessary?”, and they’ll respond: “I don’t know, but if I remove it, it doesn’t work”.

The same is true of JavaScript. I’ll see a setTimeout being used to prevent a race-condition, or someone stopping event propagation with no regard for how it will affect other event handlers on the page.

I get that there are times when you need something that works, and you need it now. But if you never take the time to understand the root of your problem, you’ll find yourself in the same situation over and over again.

Taking the time to figure out why your hack works may seem costly now, but I promise it’ll save you time in the future. Having a fuller understanding of the systems you’re working within will mean less guess-and-check work going forward.

[How to Become a Great Front-End Engineer
](https://philipwalton.com/articles/how-to-become-a-great-front-end-engineer/)
10 useful chrome extensions for designers
Tags: chrome, extension, design, designer
Published: 2020-05-14 11:17:39

Designers are very creative, they always searching for new tricks, techniques, designs, ideas, etcetera, etcetera, etcetera. So today, I come with 10 useful chrome extensions for designers that may come handy to them.


1. Grammarly
2. Muzil2
3. Colorzilla
4. Site Palette
5. What Font
6. Full Page Screen Capture
7. Image Downloader
8. SVG export
9. Page Ruler Redux
10. Simple Auto-Scroll

Read the complete article here: https://www.myinquisitor.in/10-useful-chrome-extensions-for-designers/
Medium Blogs on DEV
Tags: todayilearned, writing
Published: 2020-05-14 11:17:11

I was doing some digging and checking out varius RSS feeds and figured out that you can actually link your Medium articles to DEV! So whenever you publish something on Medium, the article is automatically added to your DEV dashboard as a draft. This can be done with other RSS providers also (not just medium). To enable this feature simply go to your DEV settings, to this page:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1gve5b7pjow8erznslcq.png)

Expect to see some of my popular medium articles on DEV in the coming few days :)