teleren/devto huggingface dataset:
Product Manager Vs. Project Manager
Tags: projectmanagement, productmanagement, productivity, beginners
Published: 2020-12-28 22:53:14

About five years ago, I came into the tech world and started coding C++. Later on, I got into other things like Full-Stack Web Development, Robotics, Mobile and Desktop App Development, etc.

Along the way, I came across the role of Project Manager and researching in-depth, I also came across the role of a Product Manager, and earlier this year, I became a self-taught product & project manager in Tech.

What is the difference between a product and a project manager? Are you correct using the terms interchangeably?

I've taken some time to break both concepts down in this article and glad to want to share what I've learned so far.

#Who is a Product Manager?
A product Manager is one saddled with the responsibility for setting out the strategy, roadmap, and feature definition for a product or product line.

As a product manager, you must have an in-depth knowledge of how that product works because you'll need to make strategic product decisions. You should be able to answer questions like why this product? why is it coming at this time? what strategy is best for the development of this product? etc.

You'll also be the one to define the requirement of the product, the desired user experience. With the right mindset, you've got the greatest job on Earth. Let's call you, the Visionary.

#Who is a project manager?
A Project Manager is one tasked with the responsibility of starting, planning, designing, executing, monitoring, controlling, and closing a project.

As a Project manager, you must have a combination of skills from general management skills, human relations, critical thinking, etc. You are the one to make the decisions that affect the execution of a project, and every decision you make must be beneficial to the project.

You will need to familiarize yourself with Project Management Softwares that help make work easier and faster. With the right mindset, you have the best job on Earth. We'll call you, the Executor.

#Connecting the Dots
Product and Project managers work hand-in-hand to see to the successful completion of a project. The Project Manager gets the details, the vision, the strategy of the product from the Product Manager, then draws out a convenient and workable plan on how the project is to be executed by the development team.

The one who always calls or texts you to ask for deadlines, day and night, is the Project Manager. In a team where both a Product and Project managers are present, the Product manager is always echoing why the project should be done, the vision behind it, and talks of such, while the project manager is always echoing the deadlines to be met.

#Conclusion
However, in most cases, we have seen one power person, play the two roles.

I have two questions for you;

1. Which are you; the Visionary or the Executor?
2. How effective can one be when trying to manage the two roles?

I can’t wait to hear your amazing contributions. If you have any questions, don't hesitate to hit me up on Twitter: @ayfolut. Special thanks to @LordGhostX, for helping out with editing this article.
CSS Art
Published: 2020-12-28 22:34:04

I am practicing CSS art and oh my God, my mind is having trouble grasping the practice. But I know that with consistent practice, my art will get a lot better. 

The reason why I want to practice CSS art is that I've read that it improves your overall CSS and you will write it a lot faster. Right now, I've mastered a basic heart. 

Next, I want to master a smiley face. 

Wish me luck :)
👤Why IAM is Essential to M&A and Replatforming
Tags: iam, security, strategy
Published: 2020-12-28 22:28:14

📚Learn how identity and access management (IAM) is a critical enabler for smooth, secure replatforming and M&A.
[Read more...](https://auth0.com/blog/why-iam-is-essential-to-m-a-and-replatforming/?utm_source=content_synd&utm_medium=sc&utm_campaign=iam_ma)
An music interval training app with charting
Published: 2020-12-28 22:17:21

This post contains affiliate links. I may contain a commission from the product within.

We want to show our interval training app. This app features beautiful in app charting with highcharts.js. We also have mobile iOS and Android apps, that will utilize the highcharts.js mobile wrappers should our [Kickstarter Campaign](https://www.kickstarter.com/projects/musiciansu/musicians-u-music-education-and-social-networking) get funded.
{% youtube tPs337k98gY %}

Please help spread the word about our kickstarter. This is a one person endeavor at the moment. I have many ideas but can only do so much on my own. The kickstarter is designed to allow me to hire other developers and designers.
100 Days of Code ` Day 5
Tags: 100daysofcode, javascript, webdev, challenge
Published: 2020-12-28 21:56:39

Completed activity 6 of [JavaScript30](https://javascript30.com) which was pretty cool as did something I have never done before, make a type ahead with an AJAX call. While I have a working knowledge of RegEx was unaware of using "new RegExp()" in JS to create an expression which I found pretty cool

Finished up by completing the current section of the [Udemy course](https://www.udemy.com/share/101ZdQA0oddV9QR3Q=/) I'm still working on which gave a nice review on testing connected components, something I haven't done in a loooooooooong time!
TIL – How to refresh a page in an interval (without JavaScript)
Tags: html, webdev
Published: 2020-12-28 21:48:54

---
title: TIL – How to refresh a page in an interval (without JavaScript)
published: true
description: Use the refresh header or meta element to refresh a page after a given time interval.
tags: HTML, webdev
canonical_url: https://www.stefanjudis.com/today-i-learned/how-to-refresh-a-page-in-an-interval-without-javascript/
//cover_image: https://direct_url_to_image.jpg
---

Today I saw [a tweet by the FrontEnd Dude](https://twitter.com/frontenddude/status/1333371481196257280), and it was a real gem. 

How often did you build a page that had to refresh itself after a given amount of time? Yeah, okay... maybe not that often, but I went for a JavaScript solution when I did.

**It turns out that the web has built-in "refresh functionality"!**

The `refresh` HTTP response header tells the browser to refresh a page after a defined time.

```
HTTP/1.x 200 OK
...
Refresh: 10
```

You define the time interval in seconds and can even lead the user to a different URL after the time passed.

```
HTTP/1.x 200 OK
...
Refresh: 10;url=https://example.com
```

## HTTP headers and the `meta` element

If you can't (or don't want to) set HTTP headers in your environment, you can use a `meta` element, too. [The `http-equiv` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-http-equiv) allows to define values that are define via HTTP headers like `content-security-policy`, `content-type`, `default-style`, `x-ua-compatible` and `refresh` right in your HTML.

```html
<!-- refresh page after 60 seconds -->
<meta http-equiv="Refresh" content="60">
<!-- refresh and redirect to https://example.com after 60 seconds -->
<meta http-equiv="Refresh" content="60;https://example.com">
```

If you want to learn more about the `refresh` header and meta element, I recommend giving [Daniel Steinberg's article (the maintainer of `curl`) a read](https://daniel.haxx.se/blog/2019/03/12/looking-for-the-refresh-header/). His post includes the mind-boggling statistic that **4% of page loads include the refresh meta element**. Wow!
Scrawl-canvas: Creative coding 20201228-2
Tags: codepen
Published: 2020-12-28 21:48:17

Patterns do not need to be just a bunch of static images. With a bit of imagination (and some hidden canvases) we can create a wide range of animated patterns to use with our fills and strokes.

{% codepen https://codepen.io/kaliedarik/pen/wvzpPdq %}
Create Multiple Jira Issues from a Confluence Table
Tags: agile, confluence, jira
Published: 2020-12-28 21:48:10

Have you ever needed to create multiple Jira issues at once? For example, maybe you’re doing a story slicing workshop where you need to create multiple stories at the same time. The integration between Confluence and Jira makes this easy!

## Confluence Table

![Confluence Table](https://dev-to-uploads.s3.amazonaws.com/i/tjvhf6rn15unp650nde2.png)

Visit the Confluence page that has the table of information you’d like to create multiple Jira issues from.

## Create Jira Issue

![Create Jira Issue](https://dev-to-uploads.s3.amazonaws.com/i/c2xwuhzc3gpjb4os4a4k.png)

1. Highlight text in one of the table cells.
2. Hover your mouse over the highlighted text and you’ll see a menu appear.
3. Select the “Create Jira issue” menu option.

## Create Multiple Issues From Table

![Create Multiple Issues From Table](https://dev-to-uploads.s3.amazonaws.com/i/loe6y934kt73g93u6347.png)

Select the text that says **Create multiple issues from table**.

![Create Multiple Issues From Table](https://dev-to-uploads.s3.amazonaws.com/i/gflk2299pb9ht0kxk68p.png)

1. Select the project and issue type.
2. At the Summary field, select the table column that will become the text for the Jira issue’s summary field.
3. At the Description field, select the table column that will become the text for the Jira issue’s description field.
4. Select Create to generate the Jira issues from the Confluence table.

As an added bonus, a link to the Jira issue will automatically appear in the first column of the table.

Congratulations on successfully creating multiple Jira issues from a Confluence table!

---
#### Visit our website at [https://nightwolf.dev](https://nightwolf.dev) and follow us on [Facebook](https://www.facebook.com/NightWolfDevelopment) and [Twitter](https://twitter.com/nightwolfdev)!
---
Automatically Open the Current Directory in VS Code From Terminal
Tags: todayilearned, productivity, beginners
Published: 2021-01-05 23:22:15

---
title: Automatically Open the Current Directory in VS Code From Terminal
published: true
date: 2020-12-28 21:45:48 UTC
tags: todayilearned, productivity, beginners
canonical_url: https://shannoncrabill.com/blog/shell-command-open-directory-in-vscode/
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/oqllqqtzxvuwwxagjnqd.png
description: In a few steps, set up the `code .` command to automatically open Terminal windows in VS Code.
---

Last year, I was blown away by some Terminal commands that I learned. My favorite one is `open .` to open a Finder window for whichever directory you are currently in.

At one point I had a similar command to instantly open a folder in VS Code (Visual Studio Code), but deleted it after I switched from VS Code to Atom. I’ve since switched _back_ to VS Code and after begrudgingly dragging folders into VS Code to open them, I decided to figure out how to enable that command.

Luckily, it takes a few steps to activate.

- With VS Code running, enter `Command + Shift + P` to open the Command Palette (or View > Command Palette from the menu bar)

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

- A search bar will open up. Search for “Shell” or “Shell Command” and you should see one named `Shell Command: install "code" command in PATH`.

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

- Select it and a confirmation `Shell command "code" successfully installed in PATH.` should pop up (for me the pop up appeared in the lower, righthand corner).

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

- If you already have a Terminal session running, quit or restart it.

- When you are in the directory with the files you want to open in VS Code, type `code .` (that is the word “code” followed by a space, then a period) and the folder will automatically open in VS Code.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8pgw4nsysudj477aesme.gif)

The post [Automatically Open the Current Directory in VS Code From Terminal](https://shannoncrabill.com/blog/shell-command-open-directory-in-vscode/) appeared first on [Shannon Crabill — Front End Software Engineer](https://shannoncrabill.com/blog).
Goals for 2021
Tags: goals
Published: 2020-12-28 20:58:55

---
description: Here are my goals for 2021
---
I didn't make any goals for 2020, or if I did, I didn't officially announce them. 2020 has been a hard year for all of us, 2021 is going to be better.

Here are a few ideas for my goals for the year ahead.


1. Azure certification
2. Mentoring
3. F#
4. Cosmos db/Mongo db
5. Give a talk
6. Mandlebrot Generator
7. Pwned Pass Mobile App
8. More time for me

## &nbsp;

1) I want to get a certificate to show how much I know. The obvious area for this is Azure. I spend a lot of time playing with Azure, building and deploying to the platform I should be able to get certified in this area. I actually had an exam booked in 2020 but it was an in-person exam so was cancelled when Covid hit. I plan to sit the [foundation](https://docs.microsoft.com/en-us/learn/certifications/exams/az-900) exam in the first quarter of 2021 and I will take it from there.

2) I have had a few times recently where I have been reminded that I don't have much experience working with others. Mostly because I work in a one-man development team so there are limited opportunities in the workplace. I have a few ideas to change this, but this is one of my top priorities for 2021.

3) & 4) My experience is very Microsoft and C# so I want to spend some time exploring and learning tech that is adjacent to this. A functional language like F# sounds like a good compliment to my existing skills and my data skills are also very SQL server so some document database skills would be a good place to spend some time.

5) Doing a talk has been on my list for years. I am terrified of doing one and with everything online now I don't know if that makes things easier or harder. I don't think 2021 is going to be the year for this but maybe I will take baby steps towards this goal.

6) Twitter recently reminded me about watching a Mandlebrot generate one pixel at a time in the 1980s. I would love to explore the code used to generate them and how fast they currently are to produce. 

7) My Google play store Xamarin forms app that uses the HIBP API has less than 100 users and I am considering closing it down, especially as I pay a monthly fee for API keys. I haven't really decided what to do, maybe I will spend some time improving it, maybe I will close it down, maybe I will build something else.

8) For many people 2020 has been a hard year, I am one of those people. I need to spend some time in 2021 on me, and doing stuff purely for me. I don't know what this will look like, but watch this space as I explore this.
New Year, New Goals! Share your 2020 wins & 2021 goals!
Tags: career, productivity, webdev, beginners
Published: 2020-12-28 21:15:28

---
title: New Year, New Goals! Share your 2020 wins & 2021 goals!
published: true
description: Share your tech goals 
tags: career, productivity, webdev, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/qwqr7llic795ba28safn.png
---

As 2020 comes to a close, a new year of opportunity and victories lies ahead. Many of you are already thinking about what achievements you'd like to unlock in the new year. But don't forgot to also reflect upon and celebrate everything you've done in this past year.

Please share:
1. Wins you're proud of from 2020! Big or small! 
2. Goals you want to accomplish in 2021

I'll post mine in the comments below. 👽✌️
How to Sign Commits in Git for Fish Shell
Tags: git, gpg, fish, tips
Published: 2020-12-28 21:04:08

Hi there 👋!

**Prerequisite:**
 - GPG Installed
 - Git Installed

## Fish Shell

- **Generating GPG Key**

  `gpg --full-gen-key`

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

- After generation of your GPG Key, run `gpg --list-secret-keys --keyid-format LONG` to list your GPG Keys

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

- Now Copy The ID like this

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

- Tell Git about your signing Key, make sure that you have configured git name and email

`git config --global user.signingkey ED267DF4249ACCC3`

`git config --global gpg.program (which gpg)`

`git config --global commit.gpgsign true`

Here `ED267DF4249ACCC3` is my GPG key ID, replace it with yours.

- Now set The value of GPG_TTY value.

`set -gx GPG_TTY (tty)`

- Add the above line to your config.fish file which is located in $HOME/.config/fish/config.fish

- Now let us test if our GPG works by running

`echo "hello" | gpg --clearsign`

![SIGNED_ECHO](https://dev-to-uploads.s3.amazonaws.com/i/eoo0vdhqsjb30pn05mfr.png)

- If it prompts password for using your GPG key (if any) and generates a sign like above, then your GPG Sign is configured successfully to sign commits

- To sign a commit `git commit -S -m "your message"`

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

-You can check for Sign by running `git log --show-signature -1`

- To get verified, you must add your GPG Key to your github account.

- Export the GPG Public by running `gpg --armor --export ED267DF4249ACCC3` remember to replace ED267DF4249ACCC3
with your own.

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

- Visit [GitHub](https://github.com), login and click your profile icon, select settings

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

- In the user settings sidebar, click SSH and GPG keys.

![USEE](https://docs.github.com/assets/images/help/settings/settings-sidebar-ssh-keys.png)

- Select SSH And GPG Keys

- Click the add GPG key button

![ADD_GPG_KEY](https://docs.github.com/assets/images/help/settings/gpg-add-gpg-key.png)

- Paste the GPG that we have copied.
![PASTE](https://docs.github.com/assets/images/help/settings/gpg-key-paste.png)

- Click the add GPG Key button.

- Now your commits that are signed with it are shown as verified in GitHub 😃

Will Link post for windows CMD and Bash below after ASAP! 🤓

Thanks for reading the Post!, Have a nice day!! 😄
Spreading too thin — 5 things I wish I knew as a Software Engineer (Part 1/5)
Tags: codenewbie, discuss, webdev, watercooler
Published: 2020-12-28 20:53:13

All the **5 key traits** can be found [here in this article](https://dev.to/anandsafi/software-engineering-done-right-5-things-i-wish-i-knew-as-a-software-engineer-27lg).
...
The first key item in the list is _Spreading too thin_
I attribute this trait to our wandering minds. ‘The grass is always greener on the other side’ notion seems apt for this.
...
• When I started doing Frontend web development, I felt I should also learn Backend Technologies (Java for ex.) since that might be more valuable.
• Next, when I started doing a little more full-stack development, I really felt I should level up my DevOps skills and get familiar with AWS/ Azure/ Google Cloud, Deploying code, Bundling code, Package Management etc.
• Next, when I started focusing on these aspects, I felt I need to establish my presence in the open source community i.e. do some side projects, contribute to existing projects, speak at meetups, conferences and so on.
...
The list almost seemed **never ending** as I tried to jump from one thing to the next to get more skills under my belt. This is exactly what I believe led me to spread too thin for a brief period of time. I was scratching the surface on a variety of things but not really solid or expert with any. 
...
It was during my 1:1 meetings with my then manager that we realized I might be trying to excel at too many things at once. It is great to have a growth-oriented mindset of continuous learning but it has to be meaningful, phased out and planned carefully. One must pick their battles in order for quality development and skill building.
...
I would suggest each of you to reflect on the same i.e. list down what are your areas of focus for growth. If the list seems too big, then you are in the spreading too thin bucket and need to downsize it to the top 1-3 items depending on time and resources at your disposal. If there is not a concrete list that you can come up with, that is an indicator as well. You need to ideally come up with the list on your own or work with your manager/ mentor on one.
...
I would be more than happy to chat and help with your growth goals. Let me know your thoughts or current focus areas in the comments.
...
On to the next [Key Trait #2 — Focused on Implementation only…] (https://dev.to/anandsafi/key-point-2-focused-on-implementation-only-5-things-i-wish-i-knew-as-a-software-engineer-f3k)
Use your brain!
Published: 2020-12-28 20:44:00

---
title: Use your brain!
published: true
description: Googling stuff is easier but not best and why you are not retaining any knowledge
tags: 
cover_image: https://i.kym-cdn.com/entries/icons/original/000/022/138/highresrollsafe.jpg
---

The idea of programmers sole job is googling stuff has gained popularity over time, and it actually has a great amount of truth in it, but in order to be a great programmer, you need to absorbe the knowledge you google for, and that may not be as easy as it reads.


Some programmers use google, stack-overflow or any other source to find insights on how to solve a problem, and most of them follow this as the first thing to do after a new issue has been assigned to them. But hey! Guess what? It shouldn't be!

Your plan A or first thing to do should always be using your brain... Think first and search after (if needed).

Plan B will be to google for some insights and/or maybe the answer. More times that not you'll be using the fallback plan (plan B), and thats OK, but always try to use the fallback plan after you apply plan A.

##### Two reasons of why you are not learning anything new:

1. If you don't put some effort on thinking solutions... Your brain will never be used to associate and remember this information.
2. You are a lazy ass that avoids heavy thinking and prefers to google stuff out first.

##### Tips:
- Think before googling!
- Read, analyze, implement, and if it works -> document.
George Hotz inspired method of Learning to Code
Tags: beginners, python, career, programming
Published: 2020-12-28 20:43:18

{% youtube 4Zz0x9WNjXA %}
Hi everyone,

I recently created a video to approach the common problem of how to learn to code for beginners. 

But I went for a different approach. I attempted to provide a more general framework of what coding entails, and how to get into programming for the long run. 

This video was partly inspired by a video of George Hotz speaking about programming.

I really want to hear your thoughts, so..

If you have any extra tips, ideas, or general comments, please add them below! Thanks for reading, I really appreciate it.
🧩 Vue Composition API Tutorial: Build a Project Idea Generator
Tags: vue, api, tutorial
Published: 2020-12-28 20:39:54

📖 Learn how to use the **Vue 3 Composition API** to build a project idea generator.
[Read more...](https://auth0.com/blog/vue-composition-api-tutorial/?utm_source=content_synd&utm_medium=sc&utm_campaign=vue_api)