teleren/devto huggingface dataset:
Top Project Management Methodologies To Improve Transparency

Tags: productivity
Published: 2021-07-23 06:20:23

Once in a while, business trends tend to go along exploring something new or significant, especially with Project Management System. As a business, if we like it, we need to adapt quickly to keep up and stay current, which is inevitably important for the business scene.

No matter how rapidly the times change, what probably stays consistent with any project tracker that took right through is transparency. Transparency is critical on the grounds that it characterizes jobs and distinguishes. An individual & team in terms of behavioral approach towards a project.

This is especially beneficial for clients, wherein irrespective of any project management software. There is always a sense of awareness in regards to task execution. Just for the record, what we call transparency, isn’t new at all.

The idea is pretty much relatable with trustworthiness and in any given case. The discernment and impact of being straightforward are presently better perceived. In a business climate, transparency empowers stakeholders to feel significant & satisfied despite businesses not clarifying who they are and what they want.

<h2>What Transparency means in Project Management System?</h2>

Towards the beginning of an association, transparency isn’t at the center of attention, & clients are informed or updated only when the need arises or when they demand. Transparency comes into the picture especially with a task management app. When everybody associated with a project is kept informed on where the project is heading and what point it is at momentarily.

<h2>Why Transparency is significant when Overseeing Projects?</h2>

Transparency does help a team or a company as a whole to have an improved outlook and work better. Transparency shows plainly how well or awful a task or cycle is performing. There are a few more reasons why transparency ought to be the most sought-after quality a company should imbibe within its work culture and project management software.

<h3>1. Transparency does assemble a lot of trust</h3>

End users are going to show faith and loyalty to a brand that offers transparency. This is also implied within the colleagues working in the same work environment. With sharing of any data required and considered significant will be accessible and be transparently. It will be a two-way communication leading to openness in relationships escalating work output.

Additionally, when subordinates are transparent among themselves, they tend to reflect that in offering better assistance since they have confidence in what they are doing when using a project management software. Furthermore, they do realize the fact transparency will not just bring organizational prosperity, but likewise their achievement as well.

<b>Original Source : <a href="https://www.taskopad.com/blog/project-management-methodologies/">Project Management System</a> </b>
Community for Dev Jobs and Internships
Tags: hiring, sideprojects, internship, codenewbie
Published: 2021-07-23 06:17:32

Back in 2015, I had started **Eulercoder**, one of the developers community to build projects, do open source development, participate in Competitive Programming and discuss jobs. 

But, due to time constraints I decided to shutdown the community. 

Since 2017, I’m building on my startup and it is growing quite well, here I am, coming back to the place where it all started, it’s true we come back to the origin again and again from where it all started, and history rewinds itself back.

Today, I’m happy to announce that we are launching the Coder’s Club, a place for developers and students to come together and discuss all things related to hiring, internships, programming, hackathon, and Open Source projects. 

- We are also going to launch Monthly contests with prizes up to $1000 to the top 3 performers. 
- It also includes monthly Open Source projects as well.
- We are also going to organize Grand Hackathon every year with prize up to $10,000 and full-time offers from multiple companies. 

More details can be found here: [The Coder's Club on Facebook](https://www.facebook.com/groups/thecodersclubhq) [ No Fee, No extra steps, all dev.to members can get in ASAP]

Let’s bring a community of devs at one place and work together in growing everyone together 🙂

Any questions?

Please drop comments and I will be happy to answer all your questions.

~
Vikesh
Top Trending Color Schemes For Kitchens - Decor La Rouge - Interior Design Angency

Published: 2021-07-23 06:16:19

This modern look is bold yet easy to achieve. To really add wow, choose shiny high-gloss units in a vibrant primary colour. Team with white worktops and wall cabinets, so the area still feels light and spacious. Cement tiles add a little color and whimsy to a muted gray kitchen. White is the perfect creamy white for a classic kitchen! Works well with light gray that manages to be sophisticated and contemporary.
<b>Read more:</b> <a href="https://decorlarouge.com/top-trending-color-schemes-for-kitchens">Top Trending color schemes for kitchens</a>
<b>Related Blogs:</b>
<a href="https://decorlarouge.com/best-color-scheme-for-kids-rooms">Best color scheme for Kids’ Rooms</a>
<a href="https://decorlarouge.com/most-popular-sofa-styles">Most Popular Sofa Styles</a>
<b>Contact Details:</b>
422 Richards St Unit 170, Vancouver, BC V6B 2Z4, Canada
1-6046704333
<a href="https://decorlarouge.com/">Interior Design Agency</a>
<b>Follow us:</b>
<a href="https://www.instagram.com/decorlarouge/">https://www.instagram.com/decorlarouge</a>
<a href="https://twitter.com/decorrouge">https://twitter.com/decorrouge</a>
<b>Visit Reference Profile Websites:</b>
<a href="https://bit.ly/3wPZrfB">https://bit.ly/3wPZrfB</a>
<a href="https://bit.ly/3zsTCX6">https://bit.ly/3zsTCX6</a>
<a href="https://bit.ly/3xRaVks">https://bit.ly/3xRaVks</a>
<a href="https://bit.ly/3xRaXc4">https://bit.ly/3xRaXc4</a>
<a href="https://bit.ly/3wMXQXP">https://bit.ly/3wMXQXP</a>
<a href="https://bit.ly/3wPZOqv">https://bit.ly/3wPZOqv</a>
<a href="https://bit.ly/3hT3B2d">https://bit.ly/3hT3B2d</a>
<a href="https://bit.ly/2TsxpJC">https://bit.ly/2TsxpJC</a>
<a href="https://bit.ly/3eAGkjx">https://bit.ly/3eAGkjx</a>
<a href="https://bit.ly/2UyT9Ee">https://bit.ly/2UyT9Ee</a>
<a href="https://bit.ly/3eE0qcG">https://bit.ly/3eE0qcG</a>
<a href="https://bit.ly/3kD7A4K">https://bit.ly/3kD7A4K</a>
Comparing Two Different Arrays
Tags: javascript, devops, tutorial, beginners
Published: 2021-07-23 06:10:02

* Second we will simply compare two arrays and return a new array with any items only found in one of the two given arrays, but not both. Remember the keyword "not both".
* Problem Below:
```
function arrays(arr1, arr2) {
  
}

arrays([1, 2, 4, 5], [1, 2, 3, 4, 5]);
```

Answer:
```
function arrays(arr1, arr2) {
  let merge = arr1.concat(arr2);
  
  return merge.filter(function(num) { // <--- num are all the numbers in merge. [1, 2, 4, 5, 1, 2, 3, 4, 5]
    if (arr1.indexOf(num) === -1 || arr2.indexOf(num) === -1) {
      return num;
    }
  })
  
}

console.log(arrays([1, 2, 4, 5], [1, 2, 3, 4, 5])); // will display [3]
```
* We're just checking the two arrays and return a new array that contains only the items that are not in either of the original arrays. In this case 3.
* What we did was merge the list to make it easy to compare and used filter to get the new array in which you will need to create a callback function.
Remove unused CSS from Svelte
Tags: svelte, css, javascript, rollupjs
Published: 2021-07-23 06:08:49

When I included Bulma CSS my css bundle size increased up to 1MB, which is quite large for a website. After purging unused css I was able to reduce the bundle size close to 140KBs which is much more acceptable. In this post I will describe the way I did it :)

###Adding required dependencies
`npm i @fullhuman/postcss-purgecss postcss-load-config`

Create the **postcss.config.js** file at the root of your project. This will instruct **postcss-purgecss** how to do its job.

```javascript
const purgecss = require("@fullhuman/postcss-purgecss")({
    content: ["./public/**/*.html", "**/**/*.svelte"], //filtering all svelte
    whitelistPatterns: [/svelte-/, /fa-icon/], //Svelte compiler adds these prefixes. We won't mess with it!
    defaultExtractor: (content) => content.match(/[A-Za-z0-9-_:/]+/g) || [],
})
const dev = process.env.ROLLUP_WATCH
module.exports = {
    plugins: [...(!dev ? [purgecss] : [])], //We are only purging in prod builds
}
```

The above **postcss.config.js** file will be loaded automatically by the **postcss-load-config** plugin. There we include all **svelte** files and index.html file to purge css plugin so it can analyze the css usage and remove unused css from the bundle. We want to keep all css classes that the Svelte compiler prefixes so we can include it in the `whitelistPatterns` option. Rest is self explanatory.

Finally it’s time to tell **rollup** to incorporate purgecss plugin using svelte-preprocess.

```javascript
...
svelte({
    preprocess: sveltePreprocess({
        defaults: {
            style: 'scss',
        },
         scss: {
            //Customize bulma colors
            prependData: `@import 'src/styles/variables.scss';`, 
},
postcss: production // To enable purging unused css
}),
```
We are loading Bulma CSS using the variables.scss file and we enable postcss in the **sveltePreprocess** plugin in production mode. So that’s pretty much it!
HTML tags | ins-del
Tags: html, tags, ins, del
Published: 2021-07-23 06:04:48

They are used to **indicate text that has been inserted or removed** from a document.

Both have two attributes: `cite` to specify a URL explaining the reason for insertion/deletion and `datetime` indicating the date the modification occurred (in `YYYY-MM-DDThh:mm:ssTZD` format).

As it is common for screen reader users to disable the advertisement of content that creates a lot of verbosity, **it is advisable not to abuse the use of these elements** and to use them only when not knowing that a content has been modified could affect their understanding.

- Type: *inline* / *inline*
- Self-closing: *No* / *No*
- Semantic value: *No* / *No*

[Definition and example `<ins>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins) - [Definition and example `<del>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del) | [Support `<ins>`](https://caniuse.com/mdn-html_elements_ins) - [Support `<del>`](https://caniuse.com/mdn-html_elements_del)
Sum Of All Numbers In A Range Problem 
Tags: javascript, devops, tutorial, programming
Published: 2021-07-23 05:57:16

* It's the nighttime and I should be asleep but I decided to post a few problems and tutorials before heading out. Anyways let's Begin.
*  Now I have passed you an array of two numbers. What I want you to do is return the sum of those two numbers plus the sum of all the numbers between them. 
* Example Below. `sum([5,1])` should return `15` because sum of all the numbers between 1 and 5 (including both) is `15`.
```
 function sum(arr) {
  return 1;
}

sum([1, 5]);
```
Answer:
```
function sum(arr) {
let min = Math.min(arr[0], arr[1])
let max = Math.max(arr[0], arr[1])
let result = 0;

for (let i = min; i <= max; i++) {
    result += i
  }
  return result;
}
console.log(sum([1, 5])); // will display 15;
```
How to display git branches as a tree in CLI
Tags: git, cli
Published: 2021-07-23 05:52:54

An interesting feature of graphical tools for git is showing a repository tree with all the branches. In this article, I will show how to achieve something similar in the command line.

# Example

With the alias I'm using, I can run `git tree` and see something like:
```sh
* 8dc4b3c (HEAD -> main, origin/main, origin/HEAD) add esbuild change
* 4276744 add esbuild logo
* 2dcfa82 import html in esbuild
| * 3d05f80 (solution) script
| * d11dcad update script to cover all 3 gettign started sections
|/  
* 817f5bb starting poing
| * de5c7c6 (final-state) move to mode non
|/  
* 800213b (origin/final-state) add contact-list component
* 97c8010 whole header
```

It's pretty much everything I need to have an overview of the project, for example:
* After doing `git fetch --all --prune`, I can see what is happening on the remote
* I can see where is my branch in relation to main or other branches
* In the middle of rebases, I can see how far I already got
* I can find all commits - especially useful if I search for one I want to `cherry-pick`

# Command

The command that is used, it's `git log` with some additional flags:
```
$ git log --oneline --graph --decorate --all
```

You could type it every time you need it, but for me, it's an everyday command & I hardly ever want to run it differently - it's always the same one, so it makes sense to define an alias for it.

# Alias

For defining alias, you can use your`~/.gitconfig`. If the file is missing, you can create it. It's the same file where git saves your name & email, so most likely, you have at least something like:
```
[user]
        email = your@email
        name = Your Name
```

after those lines, you can add:
```
[alias]
        tree = log --oneline --graph --decorate --all
```

If you already have some aliases, you only need to add the `tree = ...` to the alias section.

Then, you will have `git tree` available.

# Summary
We have seen how to set up a `git tree` alias to improve your git CLI experience.
Learn ReactJS in One Hour
Tags: react, javascript, techtalks
Published: 2021-07-23 05:49:00

[Please Subscribe YouTube Channel](https://www.youtube.com/c/TechTalksWriju?sub_confirmation=1)

## Agenda
- First React App
- Functional Component & Props
- Class Component & State Management
- Class Component with Input types
- React Hook state management

{% youtube zduVUMYP8wY %}
How to make a Alert / Pop-up Box in under 1 minute...
Tags: javascript, webdev, html, css
Published: 2021-07-23 05:15:36

For this we are using JavaScript :


```
<!DOCTYPE html>
<html>
<head>
	
	<title>Alert / Pop-up</title>

</head>
<body>

		
		<div id="output"></div>

		<script type="text/javascript">
				
				//pop-up / alert box
				window.alert("This is a Alert Box"); 

				
				
		</script>

</body>
</html>

```
Rails without Webpacker
Tags: rails, webpack
Published: 2021-07-23 05:13:17

We recently removed webpacker from our Rails 5 application. While it was a great way to bootstrap a new Rails app with a significant amount of Javascript we encountered some serious performance problems that we felt really impacted our productivity. We build our application images after every git push and we’d like to be able to deploy them quickly.

We started out using webpacker to build our Javascript bundles and eventually switched to using webpack directly after seeing our asset build times exceed eight minutes. The end result was a 75% reduction in time spent building assets. This is a summary of our findings and the steps you can take to use vanilla webpack in your Rails application.

[Read the full post here](https://firehydrant.io/blog/rails-without-webpacker/?utm_source=devto&utm_medium=organic&utm_campaign=evergreen).

This post was originally published on the [FireHydrant Blog](https://firehydrant.io/blog/?utm_campaign=evergreen&utm_medium=referral&utm_source=devto) on May 28, 2019 by [Robert Ross](https://firehydrant.io/authors/robert-ross/).
3 Defensive Programming Techniques for Rails
Tags: rails
Published: 2021-07-23 05:10:03

Incidents happen all the time because of bad code deploys. You write some code that passes code review, it then is automatically shipped to production after a test suite passes, and BAM, an outage happens. This fairly common occurrence has ways to prevent it entirely. Using some simple ideas we can defend ourselves from the hidden mistakes that code reviews and chaos engineering sometimes won’t catch.

Defensive programming is great for codifying how a bug could be introduced, and raising an error right before it would happen, or choosing an alternative path.

If you have a style guide that specifies things like

* “Always use concurrent indexes”
* “Always have a timeout on a remote read”
* “Never constrain to the account model in a foreign key”

Then this guide is for you.

[Read the full post here](https://firehydrant.io/blog/3-defensive-programming-techniques-for-rails/?utm_source=devto&utm_medium=organic&utm_campaign=evergreen).

This post was originally published on the [FireHydrant Blog](https://firehydrant.io/blog/?utm_campaign=evergreen&utm_medium=referral&utm_source=devto) on July 20, 2019 by [Robert Ross](https://firehydrant.io/authors/robert-ross/).
Who Developed What? 
Tags: coding, generalknowledge
Published: 2021-07-23 04:58:09

**GENERAL KNOWLEDGE QUESTIONS
That Every Developer Should Know**

Q.) Who developed HTML?
A.) Tim Berners-Lee
Q.) Who Developed CSS?
A.) Håkon Wium Lie (with Tim Berners-Lee)
Q.) Who Developed PYTHON?
A.) Guido van Rossum 
Q.) Who Developed JAVA?
A.) James Gosling
Q.) Who Developed JAVASCRIPT?
A.) Brendan Eich 
Q.) Who developed XML?
A.) Charles F. 
Q.) Who Developed C?
A.) Dennis Ritchie
Q.) Who Developed C++?
A.) Bjarne Stroustrup
Q.) Who Developed PHP?
A.) Rasmus Lerdorf
Q.) Who Developed CYTHON?
A.) Robert Bradshaw, Stefan Behnel, et al.
Q.) Who Developed NODE .js?
A.) Ryan Dahl 
Q.) Who Developed RUBY?
A.) Yukihiro "Matz" Matsumoto
Q.) Who Developed DELPHI?
A.) Anders Hejlsberg
Q.) Who Developed PASCAL?
A.) Niklaus Wirth
Q.) Who Developed VISUAL BASIC?
A.) Alan Cooper (Microsoft)
Q.) Who Developed ANGULAR?
A.) Miško Hevery
Q.) Who Developed SWIFT?
A.) Chris Lattner
Q.) Who Developed C# ?
A.) Anders Hejlsberg (Microsoft)

That's All for this post 

Happy Coding 😃
How To Be Productive While Working From Home
Tags: productivity, freelance
Published: 2021-07-23 04:37:23

While working from home has many benefits such as better work-life balance, increased motivation, and saving money, It's no secret that most of us have a hard time focusing and concentrating on what needs to be done.

One minute you're watching a YouTube video on solving an error and the next you're on YouTube shorts watching funny videos.

Now, there are a lot of things you can do to be more productive while working from home such as having a dedicated working space, minimizing distractions, and much more but if you don't know what tasks to focus on, all these tricks can't help you be productive.

## The Number Method That Will Make You Be More Productive - The Ivy Lee Method
![Ivy Lee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rraf6p3swd58zt3hh6wn.jpg)

**Ivy Lee** is best known as the pioneer of modern public relations and founder of the Ivy Lee method.  

> "The *Ivy Lee* method is a 100-year-old strategy of helping people become more productive at work"  - Business Insider

This method involves 5 steps:

1. At the end of each day, write down 6 tasks you wish to accomplish the next day.

2. Prioritize the list items in the order of their importance.

3. The next day, you focus on the first task until it is completed then move to the next task.

4. Approach the remaining list items in the same manner. If by any chance there is an item not accomplished, move it to the next day's list.

5. Repeat this process every day.


This might seem like a simple fix and it is actually, but it's much harder to integrate into your daily routine.

Here are some reasons:
- It's hard not to multi-task, in this age all of us are multi-taskers.
- It's hard to prioritize which task is important, at least for me :) 

## Conclusion
I personally have tried this method and it works wonders. It takes me less than 15 minutes each night and it makes me productive for hours.  
You can read more about it in [James Clear's article](https://jamesclear.com/ivy-lee).

Thanks for taking your time to read this. Until next time 👋
Entrepreneurship, Bubbling Events, and Environment Set-up
Published: 2021-07-23 04:24:40

No, this isn't a post about how those three items in the title are related. Although, that'd be a sick thing to write about.

##Entrepreneurship
I'm really motivated by stories like MongoDB's. The Mongo team didn't set out to build a database system. They set out to build a cloud platform. Along the way, they realized that existing solutions didn't meet their database needs so they created one. Recognizing an opportunity - the kind of opportunity that comes from saying that if I have this problem, other people probably do too - they pivoted, and MongoDB the product was born.

It's a familiar story to those who are interested in the world of startups. And it's a story that makes me think that action can be valuable on its own. You can wait for the perfect idea, or you can agitate for it. That thought motivates me a lot and makes me want to create.

##Bubbling Events
Our Front-End Capstone project involves tracking user interactions. We have to track, for example, user clicks on every single element in our DOM. I'm new to React, and in some ways, it first appeared, well, if not daunting, then involved.

Here were some of my early thoughts:
- Can you add two 'onClick' handlers to elements/components?
- Could we add a tracker method to a clickHandler prototype and pass all events to that clickHandler?

I did some reading on event bubbling in React and learned quite a bit about bubbling in general - bubbling in the DOM. Capturing events, triggering them, and then bubbling them back up the tree. You can read what I read [here](https://medium.com/@john.louis.rumingan/event-capturing-bubbling-and-delegation-in-react-f08b704706a0) and [here](https://medium.com/@john.louis.rumingan/event-capturing-bubbling-and-delegation-in-react-f08b704706a0).

Pretty cool. Well apparently that all translates really well to React. It might even be possible to capture all child elements from all the way up at the root 'App' level. I can probably test that pretty easily - maybe using one of our HR React assignments to observe even bubbling behavior and apply those findings to our new project.

##Environment Set-up
This morning I began my blog project undertaking. I was hoping to knock out the environment set-up pretty quickly and dig into Mongoose but, predictably, the environment was a big chuck to get my arms around. But it was time well spent. It was also a nice testing-ground for smaller blog posts that I might assign to their own section. Having space for shorter technical (or not) posts like that and then space for deeper-dives or lengthier posts will be helpful and healthy for my approach to this blog. It's tough to crank out a 'quality' post nightly. But I want to keep up the daily contribution schedule and having an outlet with shorter posts kind of gives me permission to do that.
Were will I start to Learn about Web Development?
Published: 2021-07-23 04:15:48

Good afternoon GUYS, as a Graphic Designer, I would like to upgrade and enhance my career as Web Developer, right now i knew some basics about UI/UX design, but then it seems that i still have to learn more about Web Development, so were will I start up as Web Developer, is it right to start with basics of HTML, CSS and Javascript? Thank you for your response, much appreciated.
Create a Combinational Chart with Multiple Axis in Flutter
Tags: flutter, mobile, dart, webdev
Published: 2021-07-23 04:09:10

Learn how to create combinational or mixed charts with multiple axes in Syncfusion [Flutter Chart widget](https://www.syncfusion.com/flutter-widgets/flutter-charts "Flutter Chart widget") easily. This video explains how to show the sales and profit data in the same chart using a mixed chart with multiple axes in Syncfusion Flutter Chart widget.

Example project: https://bit.ly/3B3Y3cy

Product overview: https://www.syncfusion.com/flutter-widgets/flutter-charts

Documentation: https://help.syncfusion.com/flutter/cartesian-charts/multiple-charts

{% youtube A3UaR35Nth0 %}