teleren/devto huggingface dataset:
i3wm window manager
Tags: linux, i3wm
Published: 2019-11-17 14:21:49

<a href="https://i3wm.org/">i3wm</a> is a window manager on Linux that is just a bit different. It's a tiling window manager, everything is nicely organized.

i3wm is for the Linux desktop only (as far as I know). If you have few screen space, like a laptop screen, why not use all the space you have available?

## Productivity

i3wm helps when getting things done, when you're working on something you don't want to be distracted. 

Distraction free work is one of the biggest productivity boosts you can have. That means no notifications, dragging windows and all those things.

All those dinky-toy decorations and effects aren't really helping when you want to get work done as quickly as possible. 

<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.redd.it%2Fpt3lin7dwpix.png&f=1&nofb=1">

## who is it for?

Now i3wm is not for everyone, it takes quite some time to get used to and is not suitable for all use-cases.

But when coding or doing things on the terminal, it's just perfect in my opinion. In general I like it for coding work.

For other purposes (like maintaining servers), you may only want the terminal as that saves cost and easier to maintain.

<img src="https://i.imgur.com/E5lNLmA.jpg" alt="linux terminal">

If you are doing video editing with openshot orsome other program, it may not be the best tool for you. For this kind of use cases, kde may be better suited.

There are other tiling window managers, on top of my head, bpwm and awesome, but I'm used to i3.

**Related links:**
* <a href="https://i3wm.org/">i3wm window manager</a>
* <a href="https://linuxtoko.com/i3wm-cheat-sheet/">i3wm shortcuts</a>
Write a responsive progressbar for the commandline using Python.
Tags: terminal, commandline, progressbar, responsive
Published: 2019-11-17 13:50:05

We have all seen progressbars everywhere. We see them on websites all the time and those of us who use a Linux distro, looking at a progressbar is like one of our day to day tasks. Especially when you use the terminal like you can nuke a country from it. Progressbars are used by a lot of commandline software's we use. Python's pip use them, npm has an awesome progressbar along with a spinner and our holy pacman, obviously has one too.

However, progressbars are sometimes messy. If you've used pip more than just a couple of times, it is unavoidable to notice that the progressbar's size is predefined. What that means is, the bar doesn't resize depending on the width of the terminal, messing up the output a lot of times.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/6pqkbsj78wy7629iq5m2.jpg)

Though, pip's bar might not be responsive, pacman has a really neat bar that hardly screw's up. The length of the bar changes according to the width of the terminal.

So how can we make a responsive, awesome progressbar ourselves? Read ahead and you'll know.

### Read the rest of the article [here](https://deepjyoti30.github.io/blog/responsive-progressbar-for-the-commandline)
Awesome Things I Read Or Saw Online The Week ending Nov 17th
Tags: watercooler, todayilearned
Published: 2019-11-17 13:05:14

It's been a crazy week, but here are some of the odd yet my still my favorite articles this week. I learned a lot from them I hope you enjoy and learn from them as well.

1. Looking back at what you were blogging about 15 years ago with [Jeff Barr](https://aws.amazon.com/blogs/aws/15-years-of-aws-blogging/) Chief Cloud Evangelist for Amazon.

2. Part of my role I'm one of my company's Azure DevOps Admin when teams want new projects created, or we need to onboard new developers or a plugin added we step in and help out. A lot of this work can be done through the APIs this [Azure Project]  (https://gregorsuttie.com/2019/11/14/azure-devops-generator-new-content/) is interesting.

3. I love my Developers, I came across this interesting blog post this week about [How to make Developer awesome](https://maxkatz.org/2019/11/06/make-developers-awesome/).

4. I'm starting to learn the value of Firebase and how to collect data from it. I saw this [quick dive](https://dev.to/thisdotmedia/a-quick-dive-into-firebae-firebase-3mi1) and thought it was awesome.

5. I recently just moved to all my console applications to running off of a raspberry pi instead of an Intel-based server. I'm running Pi-Hole, Unifi Controller, and Tautulli as services on Raspbian OS. My weekend project for this past weekend was inspired by this [How To Setup A UniFi Controller On Raspberry Pi With Docker](https://tynick.com/blog/09-08-2019/unifi-controller-with-raspberry-pi-and-docker/) blog post.
Setting up a dev environment for React with Parcel and Babel
Tags: react
Published: 2019-11-17 13:00:43

Create a project folder named `react1`. In it create `package.json` file with `npm init -y`. Then install, in that order, the following dependencies: `npm i parcel-bundler parcel-plugin-clean-dist react react-dom @babel/core @babel/preset-react @babel/plugin-proposal-class-properties`. Then edit `.babelrc` file as follows:
```javascript
{
  "presets":["@babel/preset-react"],
  "plugins":["@babel/plugin-proposal-class-properties"]
}
```
Create `src` folder. Inside it create `index.html`, `app.js` and `favicon.ico` files.
`index.html`:
```javascript
<html>
<head>
  <meta charset="utf-8">
  <link rel="shortcut icon" href="favicon.ico" />
  <title>my app 🥳</title>
</head>
<body>
  <div id="app"></div>
  <script src='app.js'></script>
</body>
</html>
```
`app.js`:
```javascript
import React from 'react'
import {render} from 'react-dom'

render(
  <div>wellcome to react!</div>,
  document.getElementById('app')
)
```
Now run `npx parcel src/index.html` and browse to `localhost:1234` to see your React app up and running with life reloading.
To build your app you run `npx parcel build src/index.html`. This will create `dist` folder with output files in it ready to be deployed in a hosting service.
know thy CORS, glitch & fetch! :)
Tags: discuss, cors, jsnotebooks, glitch
Published: 2019-11-17 12:21:09

---
title: know thy CORS, glitch & fetch! :)
published: true
description: CORS & glitch jsNotebooks 📚
tags: #discuss #CORS #jsNotebooks #glitch
cover_image: https://thepracticaldev.s3.amazonaws.com/i/1qo4caty68hheyxls8xn.png
---

I put together this simple fetch JS notebook & CORS [@glitch](https://dev.to/glitch) sandbox last year for getting some stats on published ObservableHQ notebooks & notebook authors:

https://observablehq.com/@randomfractals/fetch

![Observable Fetch JS Notebook](https://thepracticaldev.s3.amazonaws.com/i/9es6jxe3vjfji410bw8g.png)

https://glitch.com/edit/#!/observable-cors?path=README.md:1:0

Peruse, fork & remix at will! :)

Dev discuss them (CORS & js notebooks) here || on Twitter: {% twitter 1196037749112999936 %}

Other [#dataPixy 🧚‍♂️ #jsNotebooks 📚](https://twitter.com/search?q=%23jsNotebooks&src=typed_query) ...
D3js fundamentals Part 1
Tags: javascript, webdev, d3js, tutorial
Published: 2019-11-17 10:56:57

If you know jQuery, it makes manipulating and working with DOM elements very easy. Think of D3js as jQuery made for data which makes manipulating the DOM according to data super easy. D3js also comes with vitalization specific features which will we go through another series of articles. This article is to get a knowledge on D3js fundamentals. 

###Pre-requisites :
* HTML
* CSS 
* Javascript

###SetUp
  1. `<script src="https://d3js.org/d3.v5.min.js"></script>` CDN way
  2. NPM way `npm install d3`

  We will stick to CND way for the sake of keeping it simple to make beginners understand easily. Just include the script tag inside the head of your html file and you are good to go. 
  
###1.Selection
  1. d3.select("*selection query*")
  2. d3.selectAll("*selection query*")

Open console by pressing f12, there will be logs of the selections at the end.

_click on HTML, CSS or JS tabs to look at the code_
{% codepen https://codepen.io/krngd2/pen/jOOXNJR default-tab=js,result %}

Most of the functions in d3js returns the context, that means you can chain your functions one after the other, You will see such chaining in next examples. 

###2.DOM Manipulation 
  1. Styling 
     * `d3.select("*selection query*").style("color","red")`
  2. Attributes
     * `d3.select("*selection query*").attr("width","20%")`
  3. Switching Classes
     * `d3.select("*selection query*").classed("active","true")`
  4. Inner Text
     * `d3.select("*selection query*").text("Some Text")`
  5. Inserting HTML
     * `d3.select("*selection query*").html("<div class="block"></div><div>0 - 10</div>")`
      {% codepen https://codepen.io/krngd2/pen/JjjwoOx default-tab=js,result %}
  6. Changing Properties
     * `d3.selectAll('.checkbox').property('checked', false)`
  7. Appending Elements 
     *  `d3.select("*selection query*").append("*tag*")`

{% codepen https://codepen.io/krngd2/pen/pooGJZQ default-tab=js,result %}

Next article we will go through SVG fundamentals 
{% post https://dev.to/saikiran/d3js-fundamentals-part-2-5bek %}
IMPLEMENTING PUG AS YOUR TEMPLATE ENGINE IN YOUR NODE/EXPRESS PROJECT
Tags: node, express, pug
Published: 2019-11-17 10:52:52



It is assumed that you have some knowledge in Node.js and Express for you to really understand this article.

NB: This does not include your programming logic in your express files, it just shows how to install, implement and render your page on the browser

 Pug is an HTML templating engine, which means you can write much simpler Pug code, which Pug compiler will compile into HTML code, that browser can understand.
Implementing it into your project can be quite easy and it is makes your code concise and easy to read and follow through. Pug is just one of the many template engines available, and just to mention a few, we have EJS, HANDLEBARS, MUSTACHE etc.

First, Pug can be installed from your computer terminal or directly from your terminal in VS code!

![Installing Pug](https://thepracticaldev.s3.amazonaws.com/i/l4rb2h13r865umxr3o9s.PNG)

You install the Pug template engine with the above command (npm install --save pug) and node does the installation in no time.
From then on, you must have had an  app.js file in your project. Now, it gets a little tricky, why? Because you don't have to require pug from node module with 'require' keyword.

You simply use it in your project such like:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/phoem02gql6fia083vni.PNG)

The 'View Engine' above tells express which template engine that is being used in the project. If you choose to use any other template engine, it wouldn't be 'pug' you put above, rather, it would be your chosen engine.

Now, let's look at the code below:
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/tqnsp3kkiikmu4knvg80.PNG)

And as to regards the 'Views', it tells express where to find our views (Our html pages), however the default setting is basically our main directory and the 'Views' folder (You could check the docs for more understanding).
If you would put your html pages in another folder which is not called 'Views', maybe your choose to name it 'shows', then you have to set it such like:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/dmqc90ijla39movs9exn.PNG)

This way, you have successfully brought in pug into your application. Now when it gets to the point of serving your page.To serve your page in any of your javascript file, you do this below:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/5kvphjnfqb1kq9twrpa8.PNG)

Now, You see the 'shop' above. don't be shocked. This is just the name of the file where I have the html page I would be rendering. It could have been 'shop.pug' as shown below.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/x5ncltjccrjyv54wgur3.PNG)

So you can decide to add the extension '.pug' or choose not,it would still work regardless.
Meza: From PostgreSQL table to a JSON file
Tags: postgres, database
Published: 2019-11-17 10:21:01

Ever wanted to export data from the PostgreSQL table into a JSON file?

:point_down:

```zsh
pg_cmd="\\copy (select row_to_json(r) from (select * FROM table_name) r ) to
table.json"
psql -w -h host -U username -d database_name -c $pg_cmd
sed -i -e 's/\\\\/\\/g' table.json # clean up extra '\' characters

```

After executing these commands you will have two JSON files
1. **table.json** - initial JSON exported data file
2. **table.json-e** - file which contains cleaned up JSON, without extra `\` characters

:v:
Blazor Text Localization
Published: 2019-11-17 09:41:08

Thank you sooooo much for your article
it is really helped me and works great with me
but when i use arabic character in the localization (I am using Json) the characters displayed as ��� ������.
Could you please help me in this.
I am sorry for asking too much but i am windows developer and completely new to Core 3 and Blazor Server-Side.
Can't Reset Gmail Password on a new device?
Published: 2019-11-17 08:42:06

There is possibility that you have multiple email address, for different reasons, there is also possibility that your main devices through which you access all those accounts gets stolen, lost, bad or something else.
Well, you might remember one of the passwords (perhaps the main account) so what happens to the other accounts?
Well, this brief tutorial would help you access them since the new google security measures makes it almost impossible to use the forgot password option from a new device.
Here are the steps I took which might help you.

1. Login to you main gmail account (The one that serves as the account recovery email for the other accounts)
2. Click the Menu (Harmburger-like) option on the top-right-hand side of your screen and click `Account`
3. On the new page rendered click the `security` option that appears on the left hand side
4. Scroll through your options on the new page and click `Password Manager`in the `signing in to other accounts` options
4. On the new page, search for `google` to find your associated google accounts
5. Click on the result (you might have to sign in again with your current gmail password at this point for verification) and woooaaaahhhh, you have your gmail accounts with the passwords that you can use to login there.
What inspires you as a developer?
Tags: discuss
Published: 2019-11-17 08:16:33

I knew Product Hunt for a long time but I never used it until a couple of months ago when I installed the app. Nowadays it’s very tempting to open the app at least once a day and check the latest products. I have found it really inspiring to see others people work the same way painter probably feels in museums. Product Hunt is developer’s MoMA. It’s something about other’s work that motivate me to do own projects and invent things.

I started to think that maybe I could get some energy by not just always working on bigger projects but sometimes doing something really simple that might not make sense financially but make my life easier. My first thought was that it’s impossible to code anything useful in one day but then I started to think more and realized that it might be possible thanks to different kind of services like Firebase, AWS, and React Native.

I wanted to write my thoughts here to maybe get some feedback. What places you see as museums to our work? Do you follow some Youtube or other social media people who inspire you to invent things and build software?
Job opportunity for the hands-on team lead (Node, react, AWS)
Tags: career, node, react, microservices
Published: 2019-11-17 08:02:51

Hi folks, I just joined this amazing dev site. Great community with useful content.

I am (the hiring manager) currently building a full-stack engineering team at Splunk and looking for someone (Node, React, Redux, AWS) to start hands-on leading a team of 5 engineers (and it will grow in future). You can read more about it here https://www.splunk.com/en_us/careers/jobs/full-stack-software-engineer-12952.html 

It is a full-time onsite job opportunity in the San Francisco bay area (SF or SJ), sorry no remote. If you are interested, then you can reply to me or apply there directly.
Linux by example - Building libraries and tools
Tags: linux
Published: 2019-11-17 07:58:40

---
title: Linux by example - Building libraries and tools
published: true
description: We build some important tools, the M4 compiler and libraries needed by the system.
tags: linux
cover_image: https://thepracticaldev.s3.amazonaws.com/i/i7h3bl4go74cltcic5t7.jpg
---

{% youtube H-OqDF1w9gg %}

We build some important tools, the M4 compiler and libraries needed by the system.
Happy Christmas status for WhatsApp | Merry Christmas status

Tags: christmasstatusforwhatsapp
Published: 2019-11-17 06:48:28

**[Happy Christmas Status for WhatsApp](https://skyblessings.com/happy-christmas-status-for-whatsapp/)** | Merry Christmas status: If you looking for happy Christmas status for WhatsApp, merry Christmas status for WhatsApp, Christmas WhatsApp status, merry Christmas status, merry Christmas msg for WhatsApp, happy Christmas status. Then, I might say yours in the right place. Here is the list of merry Christmas quotes, which you will like the most. Without wasting any time let’s get into it.

Merry Christmas! It’s the most wonderful time of the year, don’t you think? With so many heartfelt traditions, today’s sweetest moments look a little different for all of us, but they are really sweet – dreaming of ice, drinking, opening gifts under the tree, volunteering at local soup kitchens. To perform. No matter the tradition, one thing never changes: The love of the family surrounds us and engages us in every beautiful moment. Love these memories
##Happy Christmas status for WhatsApp | Merry Christmas status
![Alt text of image](https://sayyestoarticles.com/wp-content/uploads/2019/11/The-gifts-of-time-and-love-are-really-the-essence-of-my-Christmas.%E2%80%9D-%E2%80%93-Peg-breakin-4.jpg)

![Happy Christmas status for WhatsApp](https://sayyestoarticles.com/wp-content/uploads/2019/11/The-gifts-of-time-and-love-are-really-the-essence-of-my-Christmas.%E2%80%9D-%E2%80%93-Peg-breakin.jpg)
![Happy Christmas status for WhatsApp](https://sayyestoarticles.com/wp-content/uploads/2019/11/The-gifts-of-time-and-love-are-really-the-essence-of-my-Christmas.%E2%80%9D-%E2%80%93-Peg-breakin-1.jpg)
![Happy Christmas status for WhatsApp](https://sayyestoarticles.com/wp-content/uploads/2019/11/The-gifts-of-time-and-love-are-really-the-essence-of-my-Christmas.%E2%80%9D-%E2%80%93-Peg-breakin-2.jpg)
![Happy Christmas status for WhatsApp](https://sayyestoarticles.com/wp-content/uploads/2019/11/The-gifts-of-time-and-love-are-really-the-essence-of-my-Christmas.%E2%80%9D-%E2%80%93-Peg-breakin-3.jpg)


##Conclusion:
So, there was all about happy Christmas status for WhatsApp, merry Christmas status for WhatsApp, Christmas WhatsApp status, merry Christmas status, merry Christmas msg for WhatsApp, happy Christmas status. Here was the list of merry Christmas quotes. If you liked it then please don’t forget to share it with your fellows. If you having any question then feel free to comment below.
Top 5 Startup Mistakes
Tags: startup
Published: 2019-11-17 06:18:35

> Note: This article does not advise against the startup culture but aims to point out a few pit-holes to avoid.

Here are the top five mistakes that startups make, in my perspective, that adversely affect the productivity of the whole team:

## Fundraising as the primary (or only) goal

I've seen companies chilling out when they have enough runway and take desperate actions to fulfil the expectations of their investors with short term profitability eventually ruining the potential success that the product could have had.

## Not being open to ideas

If you are not willing to change anything based on ideas from your team, you should rather hire people who are good just with tech and have no interest in anything other than tech. A lot of product engineers get wasted who could be contributing to other startups which are more open to ideas than being stuck in the frustration of not being listened to.

## Building a team of people who have never worked out of the startup environment

When you think about ethics/culture, its not all black and white for everyone. There are in fact many things that people truly understand with experience in different kinds of organizations with different sizes of team. It really helps to have people from different culture including larger organizations so that the culture continues to be maintained as the team grows.

## Hiring too many *Product Engineers* with weak leadership

Startups do need engineers who go beyond technicalities and understand the product and its need, moreover in help with suggestion during product discussions, but there is a limit to it when the team grows. Not all decisions are binary, there is no single right path to success. Everyone has their own point of view and may have different 'right' solutions for the same problem. It helps to have more ideas on the table, but when its too much and the leadership is not strong enough it creates chaos.

## Following the herd for the hiring process

The skills expected from a candidate appearing for an interview changes a whole lot depending on the open position and role they are being hired for. It often happens that the person interviewing the candidates is not properly trained or in fact, the whole team unanimously takes weird paths to judge a candidate. If the expectations are not set right, chances are high that you might recruit a wrong person for the job. For example, a front-end developer may end up excelling in your problem-solving sessions but might screw up your customer-facing app/website beyond manageable/extensible condition.

Each and every member of your team contributes to the product, culture, and ethics of the company and that gets even more 'dangerously' considerable when your team is small. You should choose wisely!