teleren/devto huggingface dataset:
Top Productivity Apps

Published: 2021-04-06 05:38:39

Some of the top productivity apps are:
Google Sheets: Google Sheets is a spreadsheet program included as part of a free, web-based software office suite offered by Google within its Google Drive service.

Google Calendar: Google Calendar lets you organize your schedule and share events with coworkers and friends. With Google's free online calendar, it's easy to keep track of your daily schedule.

Asana: Asana is a project management platform designed to simplify team-based work management by helping teams to organize, track and manage their work.

Google Tasks: Google Tasks is an easy way to list down your to-dos, track the status and know your progress. It works with Gmail and Google Calendar to keep you updated and to schedule your tasks precisely to the time.

Quickwork helps companies integrate multiple systems and applications, to design delightful user journeys using Quickwork automation builder. Quickwork automation builder is an API-driven, zero-code, DIY tool, enabling any user to design and implement workflows with ease and speed.
When applying for dev jobs, do you aim for quantity or quality?
Tags: career, discuss, watercooler, jobs
Published: 2021-04-06 05:37:11

---
title: When applying for dev jobs, do you aim for quantity or quality?
published: true
description: Is sending out 100 applications actually worth it? Or, do you filter for the jobs that you feel are perfectly tailored to you? 
tags: career, discuss, watercooler, jobs
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/tcx0k0vv71cuw5avwk0b.jpg
---

No matter which way you do it, hunting for jobs stinks. How do you get the best results? Is sending out 100 applications actually worth it? Or, do you filter for the jobs that you feel are perfectly tailored to you?
Hide Scrollbar From Browser
Tags: css, beginners, tutorial, webdev
Published: 2021-04-06 05:22:49

<p><span class='first-letter'>T</span>here are many times when we need to hide the scrollbar from the HTML elements. The uses can vary from person to person. It is opinionated topic to keep the scrollbar or not based on User Interactions(UI)/User ,Experience(UX).</p>

Most of the time, I don't like to show the scrollbar to the user because of design practices I follow.

To achieve this, you just need to tickle with CSS to add some pseudo selectors for hiding it based on Browser's stylings

**For Chrome:**

```css
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}

.element::-webkit-scrollbar { width: 0 !important }
```

**For Firefox / Edge: (Checkout the firefox output and then GTG)**

```css
html {
    scrollbar-width: none;
}
```

<b>Important Points to be considered before hiding the scroll bar:</b>

1. Preferably Hide scrollbars only when if all content is visible else user may skip the content
2. Avoid horizontal scrolling on Web pages and do not hide horizontal scroll bar as they can make content difficult to read


Checkout the <a href="https://codepen.io/suprabhasupi/pen/NWbQyLQ">Codepen</a> here 🚀

<table>
  <tbody>
    <tr>
      <td>
        🌟 <a href="https://twitter.com/suprabhasupi"> Twitter</a>
      </td>
      <td>
        👩🏻‍💻 <a href="https://www.suprabha.me/"> suprabha.me</a>
      </td>
<td>
        🌟 <a href="https://www.instagram.com/suprabhasupi/"> Instagram</a>
      </td>
    </tr>
  </tbody>
</table>
49 Days of Ruby: Day 10 - Hashes
Tags: ruby
Published: 2021-04-06 05:08:45

---
title: 49 Days of Ruby: Day 10 - Hashes
published: true
description: Join us on a 49 day learning journey through Ruby!
series: 49 Days of Ruby
tags: #ruby
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/9m73qaetuse3nm3y3it8.png
---

**Welcome to day 10 of the 49 Days of Ruby! 🎉**

Today is all about another important data type, the **hash**! 

Yesterday, we discussed the Array data structure, and what you can do with it. The hash is similar to an array in that you can use it to hold data and access it. However, there are several important differences. Let's check them out!

## What exactly is a Hash?

Whereas an array is an ordered collection of items, a hash is a collection of items stored in `key` and `value` pairs.

A Hash is *unordered*. This means that you access a value in the hash by using its key name instead of its index value.

Here is an example of creating a new Hash and accessing a value inside of it:

```ruby
hash = { "coffee" => "Americano", "day" => "Tuesday" }

puts hash["coffee"]
# => "Americano"
```

In the above example, we created a new hash with two keys: "coffee" and "day". We assigned two string values to those keys.

The value stored with the "coffee" key can be accessed inside the hash by directly referencing it in our `#puts` method: `hash["coffee"]`. In this case, that prints out the word "Americano". 

## Experiment With Hashes

Now it's time to play around with Hashes a bit!

Open up IRB in your terminal and let's create a hash:

```ruby
irb(main)> hash = {"coffee" => "Americano", "day" => "Tuesday" }
```

What can we do with that hash?

We can access the **keys** by invoking the `#keys` method:

```ruby
irb(main)> hash.keys

# => ["coffee", "day"]
```

Did you notice what kind of data structure the keys were returned to us in? The brackets are your hint! They came back to us in an Array.

We can access the **values** by invoking the `#values` method:

```ruby
irb(main)> hash.values

# => ["Americano", "Tuesday"]
```

The values also are returned in an Array.

What if you wanted to iterate over each value in a Hash? There's a method for that, too! You can use `#each_value`. And, if you had to guess about iterating over each key? Yes, you'd be right, that method is `#each_key`:

```ruby
irb(main)> hash.each_value { |value| puts value }

Americano
Tuesday

# => {"coffee"=>"Americano", "day"=>"Tuesday"}
```

What else can you do with Hashes? Check out the official [Ruby docs](https://ruby-doc.org/core-3.0.0/Hash.html) on the Hash and try it out in your IRB session, and share your learning with hashtag [#49daysofruby](https://twitter.com/hashtag/49daysofruby)!


**Come back tomorrow for the next installment of 49 Days of Ruby! You can join the conversation on Twitter with the hashtag [#49daysofruby](https://twitter.com/hashtag/49daysofruby).**
TIL XDP Connection Woes
Tags: todayilearned, gamedev, xbox, uwp
Published: 2021-04-06 02:54:39

2021-04-05

I learn something everyday but not every day's learnings are worth posting on dev.to. Today's however is worth putting up in the hopes that it'll save another poor soul some hours of headache.

I have my little game working and wanted to [deploy it on Xbox](https://dev.to/goldenxp/til-uwp-on-xbox-one-4276) which I haven't done since I moved. The funny thing about where I reside now is there's broadband WiFi throughout the building but depending on where you are, the connection is weak. For this reason, I use the Guest WiFi connection which happens to be stronger in my workspace.

It's quite obvious in hindsight (it always is, huh) but if you use Guest WiFi on your Xbox Dev Kit, your dev PC cannot communicate with it. This is the nature of Guest networks - they allow Internet access but prevent Local Network access. 

![Xbox One Sad](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ypbzpb31anu1dyo9xuf2.png)

Even though my PC could see the Xbox, it couldn't connect to it because the Xbox couldn't respond to it leading to copious connection-timeout errors. So XDP refused to load and of course, I couldn't deploy the build from Unity to the Xbox. I ensured both Xbox and dev PC were not on the Guest network and everything resumed working.
When to Use React & Angular?
Tags: react, angular, java
Published: 2021-04-06 04:12:48

Hello,

Recently I was going through React and Angular Comparison online (Latest versions) & found both are good fit for Web Application UI.

While I was also wondering, there must be some differences which must be focused while deciding between two of them.

Lets suppose, I have one Java based web application with Spring MVC framework , Hibernate & JSF/JSP. Assuming this application is doing massive backend operations & displaying data on UI. 

If in todays date, if I want to rebuild this type of application with latest Technology then how I should go for decision making out of React /Angular/other UI framework.  For backend may be I will prefer to use Spring Boot which is advanced version of Spring MVC, but its really difficult to make choice on UI side.


Few points which I came across after googling are-
1) React is best when real time data update is required frequently.
2) React requires lot of Java script skills so it takes time develop web apps.
3) While Angular has speedy development & also trying to improve on lacking points per release like Bundle Size, Performance etc.

If anybody came across such situation & has some guidelines no when to use what? then reply would be helpful :)

Happy Engineering!
What is the difference and the function between "Global" and "Local" in python?
Tags: python, functional
Published: 2021-04-06 04:08:09

I would ask
What are the difference and the function between **Global** and **Local** in python? I really confused about this question.
Example:
def x():
  global y
y = "Great!"

x()

print("He is" + y)

Someone, please help me answer this question and I'll give you some of this chocolate.🍫 
Thank you!! ☺️
Vue explained for React Developers
Published: 2021-04-06 02:54:32

We'll leverage your understanding of React to learn Vuejs in 6 minutes!

React is undeniably one of the most popular frontend libraries for building modern applications. But yet other frameworks like Vue have gained attraction over the past few years. With the new composition API, Vue has become even more similar to React but still maintains some tricks ups its sleeve. 

{% youtube sUH7PDUswio %}
2 awesome landing page templates, welcome to use
Tags: webdev, html, javascript, css
Published: 2021-04-06 02:52:32

### I have been staying at home recently, and when facing the computer, I was collecting all kinds of fun things.

I wonder if you have also encountered this kind of time, when you want to find a certain effect or something, but you are at a loss and you can't find it. At this time, you will regret it. If you can usually collect more treasures.


Every web developer wants a beautiful personal homepage. Of course, you may need a fresh resume after graduating, or as a software developer you need a refreshing project homepage.

But it's very troublesome to develop from scratch or find design to inspire you. After all, we really don't have that many resources.

---

# A beautiful landing page     

#### DEMO is __here__ [https://wonderfullandingpage.github.io/mylandingpage/](https://wonderfullandingpage.github.io/mylandingpage/)

![img](https://github.com/wonderfullandingpage/mylandingpage/blob/master/imgs/01.jpg?raw=true)

Source is __here__ [https://github.com/wonderfullandingpage/mylandingpage](https://github.com/wonderfullandingpage/mylandingpage).  
This is a ReactJS based landing page template, fit for a startup company/service with a one page view.All 'visual' data can be easily modified by changing the data.json file. 

> This project uses the react particle background component library [https://github.com/lindelof/particles-bg](https://github.com/lindelof/particles-bg). It's very simple. Anyone can be a Musketeer with it.

![img](https://github.com/lindelof/particles-bg/raw/master/image/02.jpg?raw=true)


---

# Technology LandingPage     

#### DEMO is __here__ [https://wonderfullandingpage.github.io/Technology-LandingPage/](https://wonderfullandingpage.github.io/Technology-LandingPage/)


![img](https://github.com/wonderfullandingpage/Technology-LandingPage/raw/master/public/images/a1.jpg?raw=true)

Source is __here__ [https://github.com/wonderfullandingpage/Technology-LandingPage](https://github.com/wonderfullandingpage/Technology-LandingPage).  
This is a beautifully designed template with very simple code and clear structure. You can easily modify it.

> This project uses the react particle background component library [https://github.com/lindelof/particles-bg](https://github.com/lindelof/particles-bg). It's very simple. Anyone can be a Musketeer with it.

![img](https://github.com/lindelof/particles-bg/raw/master/image/01.jpg?raw=true)

Thank you so much for your patience after reading this article. If you like these things to collect, I will continue to collect better things to share with you. Wish you a good dream.
GitHub Sponsors now allows one-time and customizable donations! 🎉
Tags: github, donations, opensource, githubsponsors
Published: 2021-04-06 02:51:01

As you may have seen, GitHub made GitHub Sponsors in 2019 to fund Open Source developers for their work. Something I (and many other people) have been waiting for: **GitHub now supports one-time and customizable donations for your sponsors!**

_If you do not know what GitHub Sponsors is, refer to [this](https://docs.github.com/en/github/supporting-the-open-source-community-with-github-sponsors/about-github-sponsors) link._
_If you aren't still participating in GitHub Sponsors, refer to [this](https://docs.github.com/en/github/supporting-the-open-source-community-with-github-sponsors/setting-up-github-sponsors-for-your-user-account) link._

## How do I configure one-time donations?

If you are already participating in GitHub Sponsors, it's time to set up one-time donations! This way, people will be encouraged to donate to you one time.

1. Go to [GitHub](https://github.com).
2. Click on your profile photo.
3. Click on "Your Sponsors". ![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgvqmc5zy66fgmw2rrlg.png)
4. Click on the "Dashboard" button for your personal account (or your organization account).
5. Click on "Sponsors tiers".
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/28f658mtn7zsnkbl96cn.png)
6. To add tiers for one-time donations, click on "one-time tiers".
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4citgw8c1y0zj6gusfir.png)
7. Add a price, a description, publish it, and done! **Now people can one-time donate to you.** 😉

## How do I set customizable donations for my sponsors?

In order to enable custom amounts, follow the next steps:

1. Go to [GitHub](https://github.com).
2. Click on your profile photo.
3. Click on "Your Sponsors". ![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgvqmc5zy66fgmw2rrlg.png)
4. Click on the "Dashboard" button for your personal account (or your organization account).
5. Click on "Sponsors tiers".
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/28f658mtn7zsnkbl96cn.png)
6. Check the following box.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dgi4bbx6ocvs69v65eud.png)
7. **You're all set: people will now be able to donate to you using one-time or monthly donations with a custom amount!**
Socket.io emit, explained
Tags: socketio, javascript
Published: 2021-04-06 02:42:04

https://socket.io/docs/v4/emit-cheatsheet/

|                                | sender  | certain client | all (no sender) | namespace (no sender) | room (no sender) |
|--------------------------------|---------|--------------|-----------------|-----------------------|------------------|
| socket.emit('msg')             | :smile: |              |                 |                       |                  |
| socket.broadcast.emit('msg')   |         |              | :smile:         |                       |                  |
| socket.to( 'room').emit('msg') |         |              |                 |                       | :smile:          |
| io.in('room').emit('msg')      | :smile: |              |                 |                       | :smile:          |
| io.of('namespace').emit('msg') | :smile: |              |                 | :smile:               |                  |
| io.to(socketId).emit('msg')    |         | :smile:      |                 |                       |                  |
| io.emit('msg')                 | :smile: |              | :smile:                 |                       |                  |
Crossposting on Dev.to and Hashnode
Tags: crosspost, beginner, devto, hashnode
Published: 2021-04-06 01:48:14

---
canonical_url: https://catrianroberto.hashnode.dev/crossposting-on-hashnode-and-devto
---

This is my first post and I wanted to do an automatic crosspost, as a beginner the hard truth is, current solutions are limited and paid, so I couldn't find an easy and fast solution so I'll list some things to consider.

###  Duplicate content gets punished
As stated by [@MrConerMurphy](https://conermurphy.com/blog/maximising-blog-post-impressions-cross-posting-correct-way/) first problem is that google penalizes duplicate content due to SEO (Search Engine Optimization), google shares the details to this issue [here](https://developers.google.com/search/docs/advanced/crawling/consolidate-duplicate-urls), so the short solution is the use of a  ***Canonical URL*** on each site, if you use your own blog you may use the link of that blog, in my case I don't own a blog, and I'm currently writing in hashnode because is more user friendly, so I'll leave it as the referenced URL on Dev.to.
To add a canonical URL on Dev.to you add this header to your text.
```
---
canonical_url: https://YOUR_URL
---
``` 


###  Formatting differences
At first glance hashnode has a more friendly format interface, Dev.to has some tips that are not so obvious at the first time using it and it also has an [editor guide](https://dev.to/p/editor_guide) wich is more comprehensive, but for fast blogging using the simple hashnode editor then copy and paste the content to Dev.to seems enough.

### Save your time and money
I was searching for a quick solution and came across [CodeWrite](https://codewrite.io/) and [CrossPost](https://crossxpost.app/), both good solutions but paid, my take is, the importance of a good post is getting to the point quick, because I came to Dev.to and Hashnode when I was searching for solutions for coding, personal blogs are fun, but the truth is when you search for a solution on the internet you always rather find it fast and keep on what you are doing.

That's it, I hope this saves you some time.
First days with Ubuntu 20.4
Tags: linux, ubuntu, devops
Published: 2021-04-06 02:33:45

Well, what was promised is a debt so well I bring a small review of my experience these days using the Ubuntu 20.4 linux distro, which I have loved since it is super friendly to program, the use of the terminal makes your work easier And entertaining, the installation of programs because it is nothing to write home about, you can do it by just double clicking on the software store or from the terminal (my favorite), something that I liked too much is being able to configure the development environment to my I crave thanks to GNOME which allows me to have a more pleasant view, I will continue to try more things in Ubuntu and probably later I will decide to leave it as the main OS because it seems very light and great!

and what do you think about ubuntu? leave your opinion in the comments.

Greetings!!
Before the Boot camp...
Tags: beginners
Published: 2021-04-06 02:12:10

Hey there! This is my first blog on this *wonderful* site (not sarcasm I've been here for only today and found many intriguing blogs), and I wanted to use this opportunity to log my experience, mood, and expectations for the future before I start this rigorous learning process.

Firstly, I'd like to say a little about myself. My name's Kenny, and I'm currently a student at Flatiron School, going through their software engineering program. Obviously, you can assume I'm crazy into everything tech. Gaming rigs, audio hardware, you name it! I also really enjoy listening to and writing music, mainly punk and metal varieties (think Ice Nine Kills, Crown the Empire, and 2000's Fall Out Boy vibes), and I'm kind of a theatre nerd as well. I helped build the sets for my high school theatre company, so you can see why I chose engineering instead of analysis, I like building things from the ground up.

Now, enough of me, *here's more me!* 

Going into this boot camp, I only know the basics of HTML5, CSS, and JavaScript thanks to the projects I had to complete before the program started. But my skills thus far don't go any farther than creating a poor looking website that only has "on click" event listeners. I plan to constantly update said website with anything new I learn, and I'm incredibly excited to do so. 

One thing the staff at Flatiron told us during orientation today was that this will be a very tough few months, but also very rewarding. Now, I'm no wimp when it comes to a challenge, but getting stuck in a rut will 9 times out of 10 quickly send me into the "dark swamp of despair," as the school likes to call it. It's here I lose all or most motivation to keep trying to get myself out, and I'm using this time to work on myself and develop the necessary skills to keep myself out of this place. I fully expect to end up in the swamp at least a few times in the future but I'm not letting that discourage me. **TECHNOLOGY IS MY PASSION DAG NABBIT!!!**

I'd love if you joined me on this journey and experience the changes I go through in real time :) My PM's are open, so feel free to ask me anything! Anyways, I'll let you go now. Cy@ soon!

-Kenny
5 Developer Articles You Should Read From March 2021
Tags: containers, ibmcloud, kubernetes, tutorial
Published: 2021-04-14 04:10:36

---
title: 5 Developer Articles You Should Read From March 2021
published: true
date: 2021-04-06 00:41:51 UTC
tags: Containers,IBMCloud,Kubernetes,tutorial
canonical_url: https://maxkatz.org/2021/04/05/5-developer-articles-you-should-read-from-march-2021/
---

I want to share five developer articles, tutorial and videos from [IBM Developer](http://developer.ibm.com) North America team. These resources offer high-quality developer education so I believe you will find them valuable.

[![](https://katzmax.files.wordpress.com/2021/04/march_dev_articles.png?w=782)](https://katzmax.files.wordpress.com/2021/04/march_dev_articles.png)<figcaption><a href="https://www.stevemar.net/scale-up-scale-out/" target="_blank" rel="noreferrer noopener">VMs and Containers: Scale up vs. Scale Out</a></figcaption>

[Dockers and Dad Jokes: How to Containerize a ReactJS Application](https://dev.to/ibmdeveloper/dockers-and-dad-jokes-how-to-containerize-a-reactjs-application-5no) by [Bradston Henry](https://twitter.com/BradstonDev)

[5 things to include when writing about an accomplishment](https://www.stevemar.net/write-your-results/) by [Steve Martinelli](https://twitter.com/stevebot)

[Using a Datastax database on IBM Cloud](https://www.stevemar.net/datastax-ibm-cloud/) by [Steve Martinelli](https://twitter.com/stevebot)

[VMs and Containers: Scale up vs. Scale Out](https://www.stevemar.net/scale-up-scale-out/) by [Steve Martinelli](https://twitter.com/stevebot)

[What are Microservices? Microservice Architectures vs Monolithic Architectures](https://dev.to/ibmdeveloper/what-are-microservices-microservice-architectures-vs-monolithic-architectures-2826) by [Bradtson Henry](https://twitter.com/BradstonDev)

One more thing. If you are looking to join our live online meetups, you will find weekly developer education events on our [Crowdcast channel](http://crowdcast.io/ibmdeveloper).
I made a questionnaire to help less familiar devs choose the best JS framework/library to use for their web projects.
Tags: webdev, react, angular, vue
Published: 2021-04-06 00:41:41

Hey everyone!

I wanted to share the **short quiz** that I created to help individuals looking to get into web/app development choose the [best library for their specific use case](https://easybase.io/best-javascript-framework-library-quiz/).

The quiz is available [here](https://easybase.io/best-javascript-framework-library-quiz/) and I welcome any feedback from those of you who have suggestions.

Thanks and have a great week!