teleren/devto huggingface dataset:
I created a github global view for my issues comments React/Gatsby/GraphQL
Tags: graphql, react, gatsby, javascript
Published: 2020-04-24 10:28:12

I needed an overview of my daily tasks on github dashboard. So i need to see clearly what are the comments of all REPOS/Projects in only 1 page (github doesn't provide a global overview dashboard).

You can check the code here:

code: https://github.com/blade-sensei/rtn-review
app: https://github-review.netlify.app/
my board: https://github.com/blade-sensei/learning/projects/3

- I used github GraphQL API and Gatsby (test)
- Deployed on netlify.
- It supports markdown + highlight code

If you have any question about the process feel free to comment
City Builder in Unity3D | Part 5 | Sensors
Tags: youtube, game, city, builder
Published: 2020-04-24 10:25:59

Hey!
This is my 5th part in my series, 
In this series I'm writing a City Builder Game,
In this episode I explain how I rotate my roads using a method I called "Sensors"

Come, Watch and leave a Like and Subscribe :)

{% youtube bz6zuzkA4x4 %}

> Like this post? 
> Support me via [Patreon](https://www.patreon.com/eranelbaz)
> Subscribe to my [YouTube Channel](https://www.youtube.com/channel/UCVUNeBGM5wZJKcOx0QwAaTA?sub_confirmation=1)
How to Backup TYPO3 Site: 7 Best TYPO3 Backup Extensions for 2020
Published: 2020-04-24 10:11:21


Imagine a situation: Once in the morning, you get notified that your or your potential customer’s TYPO3 site is down due to a server crash or has been hacked by someone.

I guess there would be a feeling of helplessness if you don’t have the last backup of your TYPO3 website.

One major fact about ensuring website security, Backup is the only safest way whenever you consider your TYPO3 security.
Unfortunately, TYPO3 does not have many efficient TYPO3 extensions compared to other CMS like that for WordPress.

Here, I would like to share, Why backup, How should backup, How can you take TYPO3 backup manually and automatically. Let’s get ready!

- Why is backing up your TYPO3 website important?
- Which TYPO3 folders should you consider to backup?
- What about the backup of the TYPO3 Database?
- Where you should take TYPO3 backup at server/cloud?
- How can you decrease the cost of your TYPO3 data backup server?
- How do you should backup the TYPO3 site?
- Manual TYPO3 Backup
- Automatic TYPO3 Backup
- 7 Best TYPO3 extensions to take your TYPO3 Backup

Read the full blog at https://t3terminal.com/blog/typo3-backup
🔥 Make Your Code Look Pretty – Prettier
Tags: vscode, formatter, javascript, typescript
Published: 2020-04-24 10:03:25

VSCode Marketplace offers more than 15k+ extensions to the developers. These extensions save tons of hours & make VSCode developer experience more & more impressive. All of these extensions are open-source which means you can contribute to any of your favorite extensions.

🙌🏻 Today we are going to talk about an extension that has made my life & the life of 6M+ developers so much easier. It is none other than [Prettier – Code Formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode). 

[![Prettier – Code Formatter](https://i.imgur.com/1fGBjtN.png)](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

## 🤩 Prettier Auto-formatting with VSCode

Prettier is an opinionated code formatter that lets you format your code any way you like. It provides a lot of [customizable](https://prettier.io/docs/en/options.html) options that you can use to define standards for your code. Hence, ultimately allowing you to code more & more without worrying about formatting. ⚡️

## 👨🏻‍💻 My Workflow

It would be unfair of me to not share with you folks my personal workflow with the Prettier. I like to code carefree. Formatting the code every time I write something new is a bit of hassle for me. Also, there are some other settings that I prefer like single quotes over double quotes, etc.

So to take care of that, I make use of a combination of VSCode settings that allows my code to format using Prettier. If you are interested in adapting my workflow then follow the steps below.


### ⚙️ STEP 1: Turning on AutoSave

Open your VSCode Settings and set the Auto Save to **afterDelay**. 

![Auto Save Settings](https://i.imgur.com/cscwfVi.png)

### 📦 STEP 2: Adding key/value Pairs to settings.json

The next & final step is adding some key/value pairs in your settings.json.To open it, press <kbd> ⌘ command</kbd> + <kbd>⇧ shift</kbd> + <kbd>p</kbd> & then search for *settings.json*.

![VSCode settings.json](https://i.imgur.com/7aUksKK.png)

Once you find it, hit <kbd>Enter</kbd>. It will open a JSON file. Add the following key/value pairs anywhere in this file.

```json
{
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "prettier.printWidth": 100,
    "prettier.singleQuote": true,
    "prettier.jsxSingleQuote": true,
    "prettier.tabWidth": 4
}
```

And, voila!! Now you can code carefree just like me 🙌🏻
Best Practices of Desktop as a Service
Tags: software, daas
Published: 2020-04-24 07:39:38

Desktop as a service or DaaS is a model of providing virtual desktop environments such as user preferences, files, applications, and operating systems to users. It uses cloud-technology and leverages network, storage, and computer infrastructure to run these virtual machines (VM).

DaaS – The Best Practices

When it comes to implementing the DaaS model, it is always necessary to evaluate your needs. Being aware of your requirements will help reduce situations where you under-purchase or overspend. Make sure you look at the IT management and software costs, before investing in this type of infrastructure.

Also, it is essential to choose between nonpersistent and persistent desktops. In the former, the device won’t save anything after the user logs out. In persistent desktops, the virtual machine will save all the changes.

DaaS – A better solution

With conventional desktop deployment practices, IT departments were spending excess time to run, maintain, and upgrade their devices. DaaS is a new solution, which can provide consistent and straightforward access to data and applications, irrespective of the device.

Users can access these virtual desktops through smartphones or other types of similar electronic gadgets. DaaS helps save money and time, as it changes the way people access their devices. For instance, people can access their work infrastructure securely, despite being on the move or at home.

As DaaS use virtual machines (VM), these models are quite successful in a variety of situations. Software developers will benefit from this type of environment, as they no longer need to use multiple devices. When it comes to cross-platform development, it becomes necessary to maintain different types of operating systems on a single machine. With DaaS, they can conduct quality tests and accelerate this process, without having to purchase a large number of devices.

Organizations that deal with mobile and remote workers can use DaaS, to improve productivity, while enhancing data security. Employees no longer find their location to be a hindrance for work, as they can use any device to access all their files.

DaaS gives you the scalability and flexibility to remain competitive in the market. It gives your business the option to improve the efficiency of operations while ensuring you have the time to focus on improving essential services!
Workshop Azure Pipelines
Tags: ci, devops, azure, pipeline
Published: 2020-04-24 09:34:19

---
title: Workshop Azure Pipelines
published: true
description: create your first Azure Pipelines
tags: CI,DevOps,Azure,pipeline
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/2iwn62ny1ufh9050weo4.jpg
---

I have been working with [Azure Pipelines](https://azure.microsoft.com/fr-fr/services/devops/pipelines/) for some time and I would like to introduce it to you. Instead of describing it into a blog post, I made an online workshop to manipulate it.

During this workshop, you will learn how to set up a CI pipeline to build a Maven / Java application and a NodeJs application. You will also discover Azure Pipelines features, such as pipeline caching, variables, parameters, and templating.
If you would like to take this workshop, all you need is a Github account.

Please feel free to send me feedback here on the comment section or by creating a Github issue to [the project](https://github.com/vgallet/workshop-azure-pipelines).

**Here's the link [https://workshop-azure-pipelines.netlify.app/](https://workshop-azure-pipelines.netlify.app/)**
How to use Material Design with Vue
Tags: vue, materialdesign
Published: 2020-04-24 09:30:03


## Use vue-cli to create a new app
```bash
$ vue create my-app
```
Let's use babel and eslint for our presets:
```bash
Vue CLI v4.2.3
┌─────────────────────────────────────────────┐
│                                             │
│     New version available 4.2.3 → 4.3.1     │
│   Run yarn global add @vue/cli to update!   │
│                                             │
└─────────────────────────────────────────────┘

? Please pick a preset: (Use arrow keys)
❯ default (babel, eslint) 
  Manually select features
```
It may take a few minutes for the installation to finish.
## Install vue-material
Enter the folder then run `npm install vue-material --save` or if you're a yarn fanatic `yarn add vue-material`. When the installation finishes, we need to add them to `main.js`.
```javascript
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
import 'vue-material/dist/theme/default.css'

Vue.use(VueMaterial)
```
* `import VueMaterial from 'vue-material'` - globally imports all the components. If you'd rather import per component, use `import { MdCard } from 'vue-material/dist/components'` (replace `MdCard` with the actual component you need)
* `import 'vue-material/dist/vue-material.min.css'` - imports the minified base styles
* `import 'vue-material/dist/theme/default.css'` - imports the default theme. Alternatives: `default-dark.css`, `black-green-dark.css`, `black-green-light.css`

## Use Material Icons
Under `head` of `index.html`, simply add `<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">`.

## Optional: Use Roboto
The official vue-material docs highly recommend using Roboto with your app. To use it, add `<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">` under `head` of `index.html`. The vue app created by vue-cli creates an `App.vue` component by default. Add `Roboto` as the first font-family option.
```vue
<style>
#app {
  font-family: Roboto, Avenir, Helvetica, Arial, sans-serif;
  /* other styles */
}
</style>

```
References:
[Vue Material](https://vuematerial.io/getting-started)
Random gists
Tags: django, efficiency, gist
Published: 2020-04-24 09:06:25

![Github gist logo](https://up.l3m.in/files/1587715647.png)

Hello, today I will share some cool little gists that I created.

"*Wait, you're using gists?!?*"

Yup. You can share them, they are not tied to any project, and you can *even* comment them. The main flaw is that they don't have an explicit URL.

----

## Install & create a django-cms+djangocms-blog website in two minutes

This first gist is available [here](https://gist.github.com/corentinbettiol/69601ea572d6eb162ec8e838f1f923ba).

When testing applications related to django-cms, sometimes they are only compatible with python3/django2.2/django-cms3.X configurations, so I created this gist that allows me to quickly create test projects.

----

## Install a working search engine for a django-cms/djangocms-blog website using solr

[Here is the link](https://gist.github.com/corentinbettiol/df92b76cb39089881dcb5aec47c67651).

It's my solution at an annoying problem. Install haystack, aldryn-search, solr, and create a fully functional search bar on your website.

----

## oh-my-zsh + agnoster theme inside vscode inside a container (using remote-containers)

![screenshot errors zsh in vscode](https://up.l3m.in/files/1587717376.png)

Okay, [this one](https://gist.github.com/corentinbettiol/21a6d4e942a0ee58d51acb7996697a88) is unusual.

We use docker with some containers in our dev-env. Some of use use a container with all of our projects inside (so we can work on our projects in a controlled environment).

We're using vscode with the [remote-containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension, but zsh isn't working out of the box on the embedded vscode terminal. So I made a gist.

![screenshot zsh agnoster working](https://up.l3m.in/files/1585153406.png)

----

## addshadows.sh

I always wanted to add some fancy shadows on my screenshots (see this post :P). [The code source of my little program is here](https://gist.github.com/corentinbettiol/b4f860a4afc9521a6bda30c510cf3e03).

**edit:** created a [whole post](https://dev.to/corentinbettiol/how-to-make-super-duper-shadows-for-your-screenshots-2m17) on this script (and a little bonus) :)

----

## Very simple timetracking tool

I wanted to keep track of what I was doing, but didn't want to use a heavy application with a lot of settings. So I made [a gist](https://gist.github.com/corentinbettiol/634b6f95928ccb702ac790f16a584caf).

----

## Publish-to-pypi script

I was worried to make a mistake when publishing a package to pypi (I'm thinking at django-check-seo or djangocms-darksky-api), so I made [a gist](https://gist.github.com/corentinbettiol/cf29b7a20af7e7eb6757cc3d0ded617b) that contains a simple bash script to automate this task.

I even created a tl;dr version of the official python packaging doc [here](https://gist.github.com/corentinbettiol/8aa8c05c6ff2efa955465d2333f45f4f) (with some common errors and the solutions).

----

That's all the interesting public gists I have created.

Are you using gihub gist like I do?
Simplify your imports with webpack aliases 👍
Tags: webpack, javascript, webdev
Published: 2020-04-24 09:03:57

I get confused with relative import paths literally all the time. It's annoying and can really take you out of the "zone" when solving a problem. Luckily this morning I stumbled across a great solution, it's fairly simple and can be implemented in a webpack setup with just a few extra lines.

By adding some options to webpack's `resolve` configuration object, we can define aliases for specific directories. For example: 

We could define the alias `Components` so that instead of having to do stuff like this: 

```javascript
import MyComponent from '../../../../components/MyComponent.js'
```

We could do just do: 

```javascript
import MyComponent from 'Components/MyComponent.js'
```

Quite nice eh? I definitely think so! 

## Implementation 

Head over to your webpack config file and add the following:

```javascript
const path = require('path');

module.exports = {
  // configuration options for how webpack resolves modules
  resolve: {
    alias: {
      // add as many aliases as you like! 
      Components: path.resolve(__dirname, 'path/to/your/components/dir') 
    }
  }
  // ... rest of your config
}
```

Once you have added whatever aliases you need to the `resolve` object you should be good to go 🔥

**Note**: you can find the official webpack docs for `resolve` here: https://webpack.js.org/configuration/resolve/

Hopefully some folks find this useful and thanks for reading!
Deep Learning through first principle: 01
Tags: datascience, machinelearning, python
Published: 2020-04-24 08:54:10

Machine learning has truly captured the attention of the *big* and *small* alike. The adaption has reached such a state that there is a lack of deep learning experts in the industry. In this scenario, it becomes important for every deep learning practitioners to not just learn to "build" deep learning models but also learn about them through **first principle**. In this series, we will break down the deep learning development cycle and write them in PyTorch.

**But today, let's talk about deep learning in general and try to understand it with an example. Let's go...**
<hr>
Let's try to connect the neural network(NN) with our life. Imagine, you are a neuron in a vast network. The decisions you make are directly or indirectly affected by every other neuron in the network(other people). You may argue that a kid living in a remote place on earth would never affect your life in any way, which is true. But in that case, the effect of that child's actions(or existence) would be infinitely small and therefore nonexistent. However, that does not mean the kid is not a part of this network. We all are. 
Similarly, your actions affect everyone's life. The people you know and the people you don't. Interestingly, this concept is not limited to humans. Everything in existence--dead, alive or lifeless--is part of this network. In this way, we can propose that the entire world is nothing but a vast neural matrix that functions as though it is one. 

#### Your action **A** is the cause of someone's(or something's) influence **W** and your experience **E** towards a known or unknown goal **G**.

In this series, we will be diving into all these variables and discussing in greater detail about what else triggers and affects **A**, where does **E** come from, what is the concept of **W** and most importantly what is **G**.

### Make sure you follow me and save this post because I will be updating the index here as I add newer content.

Also, hit the :heart: button if you liked this post


Cheers,
Jha
Let's Learn Data Visualization with D3.js
Tags: learninpublic, d3, dataviz
Published: 2020-04-24 08:44:23

My goal with this video was to build out a scatterplot chart using D3.js and a dataset I found on Kaggle. I had no previous experience with D3.js so I think this was a great way of learning and getting starting with data viz! It was a great ride if you ask me.

{% youtube AAvf2rak-js %}

PS: I'm thinking of doing more streams on my channel do you think it is a great idea?
How did you get your first Dev Job?
Published: 2020-04-24 08:35:29

Poll: How did you get your 1st job in web development?
a. recruiter
b. during college via career placement office, job fairs, etc.
c. side-hustle/free-lancing, short-term gigs that lead to full-time
d. friend, friend of a friend (connections)
e. other
We launched a portal for banking automation. We'd love your feedback ❤️
Tags: feedback, api, automation, webdev
Published: 2020-04-24 08:27:43

Hey guys, 

I’m Lexy from bunq. We break through banking and give people total control over their money. ✨

We are excited to present [bunq Developer](http://developer.bunq.com/), a place where you can find everything you need to automate banking for yourself ⚡, build apps for everyone 🏆, and even market fintech apps to the world 🌍! 

With bunq Developer, you can:
✅ Enjoy full API access to your bank account: payments, savings, cards, attachments… everything is programmable
✅ Easily find and copy API credentials
✅ Get started faster with PHP, C#, Java, and Python quickstarts
✅ Generate test users and find all the credentials you need for testing in one click
✅ Share your apps with the bunq users 
✅ Login by scanning a QR code
✅ Try out our API with a free developer account

We hope to set a positive standard of developer experience in the world of banking. 

🙏[Your feedback is welcome](http://developer.bunq.com/)!
Which quotes have influenced you about the way you think about programming?
Tags: oop, functional, computerscience, codenewbie
Published: 2020-04-24 08:23:09

These are mine
"If you can't write it down in English, you can't code it" - JL Bentley "Bumper-sticker computer science"

"The hardest single part of building a software system is deciding precisely when to build [...] No other part of the work so cripples the resulting system if done wrong: no other part is more difficult to recitify later". - FP Brooks "No Silver Bullet" in The Mystical Man Month

"The hardest part of the software task is arriving at a complete and consistent specification, and much of the essence of building a program is in fact the debugging of the specifications" - FP Brooks "No Silver Bullet" in The Mystical Man Month
To C/C++ Or Not to C/C++
Tags: poll, beginners, discuss
Published: 2020-04-24 08:13:32

---
title: To C/C++ Or Not to C/C++
published: true
description: (Bending over with my cane...) When I was a programming pup, I learned C/C++ .... should you?
tags: #poll #beginner #discuss
---

More than 20 years ago now (wow, I'm old), I was in the middle of a computer science program at my alma matter, <a href="https://www.cmu.edu/">Carnegie Mellon University</href>. 

And, at that time, they had a pretty strong opinion about what programming language CS students, such as myself, should learn and use: C++ (and also, while were at at it, C).

Learning C++ and C as my first languages wound up serving me well.  But having learned probably 10 languages between then and now, I can't help but think, "wow, a managed language (or whatever) might have flattened my learning curve and made life easier."

So, here's my question for the group in 2020. Should new programmers learn C/C++ first?
* Yes, learn those and everything else is easy!
* No, newbies should work themselves up to either C or C++
How to Create Excel PivotTable in Java Application
Tags: java, excel, pivottable
Published: 2020-04-24 08:03:44

As one of the most powerful tools in Excel, PivotTable has the ability to calculate, summarize, and analyze data, which allows us to see the comparisons and trends of our data more intuitively. In addition, PivotTable also has the ability to sort and filter data, and it can meet our daily business reporting requirements. This article will introduce how to create an Excel PivotTable in Java application.
# Installation 
**Method 1:** You need to download the [Free Spire.XLS for Java](https://www.e-iceblue.com/Download/xls-for-java-free.html) and unzip it. And then add the Spire.Xls.jar file to your project as dependency.

![](https://user-images.githubusercontent.com/63445660/80165581-45fb9080-860e-11ea-8e38-0a18337d6941.png)

**Method 2:** If you use maven, you can easily add the jar dependency by adding the following configurations to the pom.xml.

```java
<repositories>
        <repository>
            <id>com.e-iceblue</id>
            <name>e-iceblue</name>
            <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
        </repository>
</repositories>
<dependencies>
    <dependency>
        <groupId>e-iceblue</groupId>
        <artifactId>spire.xls.free</artifactId>
        <version>2.2.0</version>
    </dependency>
</dependencies>
```
# Create PivotTable

```java
import com.spire.xls.*;

public class CreatePivotTable {
    public static void main(String[] args)  {

        //Load a sample Excel workbook
        Workbook workbook = new Workbook();
        workbook.loadFromFile("Sample.xlsx");

        //Get the first worksheet
        Worksheet sheet = workbook.getWorksheets().get(0);

        // Add a PivotTable to the worksheet
        CellRange dataRange = sheet.getCellRange("A1:D11");
        PivotCache cache = workbook.getPivotCaches().add(dataRange);
	PivotTable pt = sheet.getPivotTables().add("Pivot Table", sheet.getCellRange("F3"), cache);

        // Add the fields to the row area.
        PivotField pf=null;
        if (pt.getPivotFields().get("Country") instanceof PivotField){
            pf= (PivotField) pt.getPivotFields().get("Country");
        }
        pf.setAxis(AxisTypes.Row);

        PivotField pf2 =null;
        if (pt.getPivotFields().get("Product") instanceof PivotField){
            pf2= (PivotField) pt.getPivotFields().get("Product");
        }
        pf2.setAxis(AxisTypes.Row);

        // Add the field to the data area.
        pt.getDataFields().add(pt.getPivotFields().get("Amount"), "SUM of Amount", SubtotalTypes.Sum);

        //Set PivotTable style
        pt.setBuiltInStyle(PivotBuiltInStyles.PivotStyleMedium12);

        //Save the document
        workbook.saveToFile("CreatePivotTable.xlsx", ExcelVersion.Version2013);
    }
}
```

![](https://user-images.githubusercontent.com/63445660/80165699-8eb34980-860e-11ea-8069-2193e7e2ffbc.png)