teleren/devto huggingface dataset:
Some Project Management concepts that can help us
Tags: career, management, productivity
Published: 2020-07-23 02:37:42

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

The following are some concepts I wish I knew at the beginning of my career. Even though PM is not an alternative to healthy software development practices, I think it can help to make our dev lives easier and more fun :-).

# **Scope**

A project is born to resolve a problem, improve something, or bring an idea to life. Regardless of how it’s started, the boundaries of a project need to be defined. Make sure you know what the requirements are. Sometimes it is necessary to specify what’s out. Depending on the team, requirements will be in a document, a board, some sticky notes, etc. What matters is to have them defined, communicated, and agreed-upon.

# **Communication**

For each role within a team, there are activities and deliverables: A diagram, a design, source code, tests, etc. Letting know the status of your work to the rest of the team will help to keep the project moving forward. There will be ups and downs but, with proper communication, agreements can be made, changes will be complete, risks mitigated, and issues resolved. 

#**Risks**

Take some time to think about what risks you may face along the road and what would be the best way to eliminate them. Whether technical, administrative, or financial, risks need to be identified, prioritized, have a mitigation plan, and distributed among the team to be tracked and eliminated.

# **Schedule**

We'll be asked all the time how long is it going to take to build feature X. You may be able to give a decent estimate if it is something that done before. If not, and you rush to provide a number, most likely, you'll get "past educated guess and into wild speculation" as mentioned in the [Pragmatic Programmer](https://pragprog.com/titles/tpp20/). Break feature X into sub-features until you have an estimate that makes you feel comfortable. Keep in mind estimating is a refining process. Explain the team whenever the estimate needs to be updated.

# **Stakeholders**

Our work (designs, code, tests, etc.) will be used by someone else or influenced by others’ work. It’s good to know what the expectations from the rest of the team are. What they want to know from our deliverables and when. Recognize improvements, let know what the risks and issues are, anything you think it should be informed. You’ll see the majority of people want to bring ideas to find a solution for problems, support progress made, and celebrate achievements.


I was not fully aware of this information at the beginning of my dev career. Then I had the opportunity to have a good grasp when I moved to a PM role. Nowadays, these concepts are making a difference on my journey to become a full-time dev again.

I hope this brief intro is helpful. Let me know if there are other concepts from Project Management that have helped during your career.
Access Control List
Tags: react, node, help
Published: 2020-07-23 02:37:16

Hello everyone!
I've an question while doing the authorization. I have receive the role & permission like this from database.I have handle the permission for each component like this:

```permission.device.create.own && <CreateComponent />```

And this is what I receive from database:

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

I want to ask is there another way to handle it faster, because there was more than 50 UI Component in my project.
Thank for all your help!
VS Code & Web Dev
Tags: webdev, vscode, productivity
Published: 2020-07-23 02:15:15

There are many different text editors out there but by far one of my favorites is VS Code. It's an incredibly lightweight option with the added benefit of being open source makes it a great choice for new developers or experienced professionals. In this article, we are going to talk about some great extensions to use, and how to install if you don't already have it. 

## Extensions
An extension is a way to add features and functionality to VS Code examples include languages, debuggers, and tools.

### Beautify
While programming my main goal is to get the program, feature, or product running quickly (yes, of course after I seek to find ways to optimize) and with that formating usually falls to the wayside. One of my favorite extensions is to help me quickly format is Beautify.

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

Beautify is a great way to format the HTML, JS, and more.

### Better Comments
The next one I use quite often is Better Comments. I am an incredibly visual person when it comes to learning. The Better Comments extension will help you create more human-friendly comments in your code. 

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

With this extension, you will be able to categorize your annotations into:

- Alerts
- Queries
- TODOs
- Highlights
- Commented out code can also be styled to make it clear the code shouldn't be there
- Any other comment styles you'd like can be specified in the settings

### Chrome Debugger
Lastly probably the most needed extension is incorporating a debugger. The one that I use for Web development is Google Chrome Debugger.

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

The benefits here allows you to:

- Setting breakpoints, including in source files when source maps are enabled
- Stepping, including with the buttons on the Chrome page
The Locals pane
- Debugging eval scripts, script tags, and scripts that are added dynamically
- Watches
- Console

If you thought any of these extensions are great or would like to try Visual Studio Code here is the link to download: https://code.visualstudio.com/download

Already using Visual Studio Code, put your favorite extension in the comments below! Thanks for reading follow for more!
NHỮNG KỸ NĂNG QUAN TRỌNG ĐỂ TRỞ THÀNH MỘT BACKEND DEVELOPER
Published: 2020-07-23 02:13:51

Lĩnh vực phát triển web đã trở thành một điểm nóng trong những năm gần đây. Bạn có nghĩ mình sẽ chuyển sang lĩnh vực phát triển web? Bạn sẽ trở thành ai? Một Backend Developer? Frontend Developer hay Full Stack Developer? Nếu bạn muốn trở thành một Backend Developer thì đây là bài viết dành cho bạn.
http://24htechtrend.com/index.php/backend-la-gi/
WhatsApp chat Analysis
Tags: python, devops, machinelearning, flask
Published: 2020-07-23 02:13:40

WhatsApp chats can be a goldmine for NLP projects especially if you can get the data cleaned and into a format that's easy to mold.![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dsjt0cr1fyu7t3aik8st.png)

I wanted to get a few stats from my group and personal chats so I could get 'user profile' for each of my contact and learn a bit more about them. 


There are 2 parts to this challenge:

1. Getting the Data 

2. Applying NLP techniques 

#Getting the Data

The easiest way to get data for whatsapp is through their export chat feature. It outputs the chat into a log while we have the options to retain the media or not.
Analysis for media would encompass documents/videos/images etc so I chose to leave it out for now.

After getting the logs there are a few key things we need to extract :
1. Username - So we can generate user profiles 
2. Date of message - So we can see when is the user most active
3. Time of message - So we can see when is the user most active
4. Deleted messages - How secretive our user is?
5. Emojis used - People tend to have emojis they are highly biased towards
6. Words used and their frequency -  So we can generate word clouds.
7. Total user messages - Does she actually like you? or were you pushing the conversations?

The code for this is live at @whatsapp-analyze.herokuapp.com/data
and can be used by sending a POST request with a txt file in body with 'input' as the key.

The code can be locally hosted too [Github](https://github.com/alphabetagamer/whatsapp_analysis_server)

#Applying NLP techniques 

NLP techniques that can be applied are 
1. Sentiment Analysis - This paired with the date and time data can have some interesting outputs.
2. POS Tagging - To extract most commonly discussed Topics.

#Current Limitations 

1. Multi Lingual Chats make it difficult for NLP applications.
2. Text language- u cnt undrstd wht d usr wntd 2 say.
3. Naming Convention used by WhatsApp varies a lot and is dependent on the name you have assigned to the chat. An example of this is while you have a number(assume):12345 saved as 'Mike' , when mentioned in chat by others it will show up as '12345' . Getting this relation is impossible unless someone inputs it manually which can be tiring for group chat.

#Conclusion 

Even with the limitations for NLP applications there can be other statistics that can be extracted and will be added to the github code later on like:
* Who replies fastest to a user in group chat
* Who receives the most replies
* Who mentions whom the most?
Lifting equipment M5s

Tags: palangxichkeotay, palangcap, palangkeotay, balangkeotay
Published: 2020-07-23 02:13:01

We, M5S Industrial Equipment Co, Ltd. specialize in trading industrial products and equipment. We are proud to be a direct distributor for high-end brands on the market such as KIO Winch (Taiwan), YonSky (German Standard), STRONGER
Please check the below link for more details: 
My homepage:https://toidien.vn/
My blog: http://toidien.kazeo.com/bang-gia-pa-lang-xich-keo-tay-stronger-chat-luong-cap-nhat-2020-a196385168
Jitter effect of error prompt
Tags: css, animation
Published: 2020-07-23 02:05:29

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


    .around{
	animation: move  1.5s  0s  2;
	-webkit-animation:move  1.5s  0s  2;;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	}

	@keyframes  move { 
	0%,65% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	70% {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	}
	75% {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	} 
	80% {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	}
	85% {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	}
	90% {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	}
	95% {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	}
	100% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	}

	@-webkit-keyframes  move {
	0%,
	65% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	70% {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	}
	75% {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	}
	80% {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	}
	85% {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	}
	90% {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	}
	95% {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	}
	100% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	}



### The effect 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/37fvaj0vhx0x7807wfxo.gif)
Delete unrelated files post-use
Tags: azure, production, sre, devops
Published: 2020-07-23 01:56:15

> Now, I would say that it's good to clean up or remove unrelated files from the point of execution after its work is done. `We do not want to think it is fairly safe to assume it won't cause any problems.`

A very common task that has to be done after any plain VM or application VM (from an image) deployment is to perform post-deployment steps. 

A general use-case would be to download the post-deployment script from any blob and perform the post-deployment script. We might even need to pass parameters to the post-deployment script. So we might assume that, as parameters need not be passed, the post-deployment script will not cause any problem. There might be many thousand other factors that might want you to think that there is no harm in this. `What or who could even possibly run this again.` But I have seen a scenario where it was executed again and that scenario cannot be recreated either. 

<!--
I have seen a scenario where it was executed again. The post-deployment configuration was done in an Azure VM using Azure Custom Script Extension. Once executed, it is safe to assume that it won't be executed again. That's how it was, but when the machine was rebooted due to a different issue, the custom script extension was reinitiated from the Azure side. We cant recreate this either.
-->

> **So, Always prevention is better than cure.**

So always delete any files(including scripts and configs) or folders after it has done its job brilliantly. At least archive them and store them in a different folder if you feel it might be needed again.

Please do add other similar scenarios or experiences to take note of in production to prevent breakdowns.


Photo Courtesy: https://unsplash.com/photos/jLtXXn7n16k
On .NET Episode: An introduction to Twilio
Tags: twilio, dotnet, aspnet
Published: 2020-07-23 01:35:44

Twilio enables developers to add rich communication features to their applications via HTTP APIs that can be used with any programming language.

In this episode, Cecil is joined by Twilio Dev Evangelist Corey Weathers. Corey shows us how to get setup with Twilio and their NuGet package in an existing ASP.NET Core application.

{% youtube Fi754mNLv9g %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [.NET Developers YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw).


## Useful Links
<ul>
<li><a href="https://www.twilio.com/quest" target="_blank">Twilio Quest</a></li>
<li><a href="https://www.twilio.com/blog/introduction-asp-net-core-razor-pages" target="_blank">Getting Started with ASP.NET Core Razor Pages</a></li>
<li><a href="https://www.twilio.com/try-twilio?promo=HQTH9g" target="_blank">Get started with a free Twilio account</a></li>
<li><a href="https://docs.microsoft.com/en-us/azure/twilio-dotnet-how-to-use-for-voice-sms" target="_blank">How to use Twilio for voice and SMS capabilities from Azure</a></li>
</ul>
Hacktoberfest 2020
Tags: hacktoberfest, opensource
Published: 2020-07-23 01:26:15

---
title: Hacktoberfest 2020
published: True
description: 
tags: Hacktoberfest,OpenSource
//cover_image: https://direct_url_to_image.jpg
---
<p><a href="https://hacktoberfest.digitalocean.com?wvideo=o2p4gw15jc"><img src="https://embedwistia-a.akamaihd.net/deliveries/9e805eb85249f1788cc26cd228ff97414f7ba962.jpg?image_play_button_size=2x&amp;image_crop_resized=960x540&amp;image_play_button=1&amp;image_play_button_color=4551ffe0" width="400" height="225" style="width: 400px; height: 225px;"></a></p><p><a href="https://hacktoberfest.digitalocean.com?wvideo=o2p4gw15jc">Hacktoberfest presented by DigitalOcean</a></p>

<a href="https://hacktoberfest.digitalocean.com/">Hacktoberfest 2020</a>
Introducing stimulus-shortcut
Tags: javascript, stimulus, hotkeys, shortcuts
Published: 2020-07-23 01:24:51

---
title: Introducing stimulus-shortcut
published: true
description: A Stimulus controller for mapping keystrokes to element events
tags: javascript, stimulus, hotkeys, shortcuts
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/i1ipb5vyq4ljyt7fg8o3.jpg
---
Hot on the heels of [stimulus-hotkeys](https://dev.to/leastbad/introducing-stimulus-hotkeys-4f98), I am thrilled to release [stimulus-shortcut](https://www.npmjs.com/package/stimulus-shortcut), "a Stimulus controller for mapping keystrokes to element events".

Based on the [preview version](https://github.com/stimulusjs/dev-builds/archive/b8cc8c4/stimulus.tar.gz) of Stimulus 2.0, `stimulus-hotkeys` wraps the amazing [HotKeys.js](https://wangchujiang.com/hotkeys/) library and takes advantage of the new Stimulus [Values API](https://github.com/stimulusjs/stimulus/pull/202) to bind the keystrokes people type to the default events of elements on your page.

Let's look at a simple example, in which the user hits the "p" key and it makes the link click itself.

```html
<a data-controller="shortcut" data-shortcut-key-value="p">Type 'p' to activate me!</a>
```

It's a sort of sister-controller to `stimulus-hotkeys` in that they share dependencies and together, cover both common shortcut key patterns. They can be used happily together in the same project.

That's about it! You can learn more on the [Github project page](https://github.com/leastbad/stimulus-shortcut).

{% youtube p-mGXLgGqkY %}
Day 52 : #100DaysofCode - No Wifi, No Problem
Published: 2020-07-23 01:20:20

Today I had no wifi but did that stop me from coding? Of course not, I read the routes and nested resources section of my bootcamp and I am writing this blog from my phone. In addition, I worked on my portfolio locally - I was somehow still productive.

I have a question for developers out there, what do you do when you do not have time or when your wifi stops working? What do you do when you have a day when you do not feel like coding because you're tired? Do you give up or find a way to keep going? 

Hopefully tomorrow my wifi will be up and running, until tomorrow... thanks for reading. 

Sincerely, 
Brittany
How to make your express API more secure with helmet
Tags: node, javascript, security, microservices
Published: 2020-07-23 00:46:24

Security is a serious matter! Are you concerned about the security of your APIs?

When it comes to APIs built with Express.js, one simple step can help you increase the level of security on your system: the Helmet library.

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

## What is the Helmet?

`Helmet` is a library for Express.js that aggregates 12 simple middleware, responsible for setting some headers in HTTP responses.

Let's do a simple example below:

## Simple example

```bash
$ mkdir my-api
$ cd my-api
$ npm init -y
$ npm install express --save
```

Create a file `index.js`:

```js
const express = require('express')

const app = express()

app.get('/', (request, response) => {
  return response.json({
    api: 'live'
  })
})

app.listen(3000)
```

Start the server:

```bash
$ node index.js
```

Notice the headers returned by the request without using the helmet:

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

We will include the helmet in our API. First, install the package:

```bash
$ npm install helmet --save
```

Import and include in the express app as follows:

```js
const express = require('express')
const helmet = require('helmet')

const app = express()

app.use(helmet())

app.get('/', (request, response) => {
  return response.json({
    api: 'live'
  })
})

app.listen(3000)
```

Restart the server:

```bash
$ node index.js
```

Discover the new headers defined by the helmet:

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

These headers add the extra level of security to your API. For example, `Strict-Transport-Security`, which allows a website to inform browsers that it should be accessed only over HTTPS, instead of using HTTP.

Some middlewares are enabled by default, others are not. Learn more at https://helmetjs.github.io/

See you soon
Day One at CodeLand:Distributed — here’s what you need to know.
Tags: codeland, meta, conferences, codenewbie
Published: 2020-07-23 00:33:22

---
title: Day One at CodeLand:Distributed — here’s what you need to know. 
published: true
description: We can’t believe CodeLand:Distributed is almost here!! 🎉
tags: codeland, meta, conferences, codenewbie
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/kf3krqh9uxmdvr8h96ye.png
---


We can’t believe CodeLand:Distributed is almost here!! 🎉

### **If you’re planning to join us for day one, here’s everything you need to know.** 

* **Day one (July 23) is free!**
View the livestream of keynotes, talks, and panels at [dev.to/codeland](https://dev.to/codeland#). 
Day one of CodeLand:Distributed begins at 2 PM UTC (7 AM PDT/10 AM EDT)

* **[Social rooms](https://dev.to/codeland#codeland-social-corner)** are a great way to connect with other attendees. CodeLand might be virtual this year, but it’s no less social!

* **[Career opportunities](https://dev.to/codeland#codeland-career-fair)** are an important part of the CodeLand experience. Connect with our sponsors to discover your next great gig. 

* Many speakers will be joining the livestream to answer your questions after their talks, so be sure to ask away in their individual talk threads (these will be published right before the conference goes live).  **We’ll be randomly rewarding some of the commenters that leave engaging and thoughtful questions with free CodeLand stickers.**.

... We also want to hear all about your experience on DEV and across social media. Tag your CodeLand related posts on Twitter with the #CodeLand hashtag. We’ll be sharing all kinds of CodeLand goodness on [@thepracticaldev](https://twitter.com/ThePracticalDev), [@codelandconf](https://twitter.com/codelandconf), and [@codenewbies](https://twitter.com/CodeNewbies) too!

See you in CodeLand 🌈
Pulling Out Of Glitch
Tags: glitch, teamdonut, programming
Published: 2020-07-23 00:27:37

so, today marks a new chapter in my story, and sadly, also the departure of my influence, and projects on the wonderful glitch.com community/service... I hope that someday i can return, but, for now... I am introducing some new things into my life:

1. I will be posting *almost* daily here on dev.to
2. These posts will consist of dev tips, tutorials, and even hints and new features coming to my projects
3. I will be active yet again on twitter, and begin to assist programmers there
4. I am going to begin taking advanced cybersecurity/network management classes over the next 1.5 years
5. My projects must be updated on a **near** daily basis.


And, that about sums it up, thank y'all, come again, and I shall return glitch!
Free Download Django Ecommerce (BookStore) Application
Tags: django, html, python, tutorial
Published: 2020-07-23 00:14:04

Django ecommerce (bookstore) is simple website where user can displays books. Users can add and remove books to/from their cart and can also specifying the quantity of each item. They can then enter their address and choose Payment (braintree) to handle the payment processing. We used braintree sandbox for testing purpose, you integrate any payment system.

In this website admin can export orders in to csv file and can genereate order dynamically.Admin can create coupons and can create categories. Django ecommerce (bookstore) application have alot of features.

Installation of Django Ecommerce (Bookstore) Application
Creating an isolated Python environment
Since version 3.7, Python has come with the venv library, which provides support for creating lightweight virtual environments. Each virtual environment has its own Python binary and can have its own independent set of installed Python packages in its site directories. Using the Python venv module to create separated Python environments allows you to use different package versions for different projects, which is far more practical than installing Python packages system-wide. Another advantage of using venv is that you won’t need any administration privileges to
install Python packages. Create an separated environment with the following command: python -m venv my_env.
Read Full Article https://prosourcecode.com/free-download-django-ecommerce/