teleren/devto huggingface dataset:
KPMG Luxembourg is hiring frontend & backend developer
Tags: hiring, luxembourg, react, scala
Published: 2017-11-14 14:11:15

---
title: KPMG Luxembourg is hiring frontend & backend developer
published: true
description: We are building a tech department inside of a Big4 of audit & tax and we need talented people to help us to achieve this ðŸ˜ƒ 
tags: hiring, luxembourg, reactJS, Scala
---

# Who where are 
KPMG Luxembourg is an Audit & Tax (& consulting) Big4. We are more than 1700 people based in Luxembourg, mostly doing other things than IT but people understood that highlighting batch of 5000 pages of papers has no tomorrow and they need to take the IT transformation seriously. And yes, they should have been done that years ago. But better now than never right?

My department is Tech, Data & Analytics and we're developing web & mobile application so support either our own need either clients ones. We also educate the other members of the firm to change their mind and sell SaaS and not just tailor made development.

# What we are looking for

For both profiles (or mixed one) a knowledge of Agile Development and **2 years of XP at least is a must**. If you could show some past project or at least talk about it, it will be a plus indeed. We assume that you already have knowledge about basic **HTML** & **Semantic** (like in Semantic HTML, even if, yes, we use Semantic UI ðŸ˜), **GIT**, and Project tracking tools (we use **Phabricator** & **Gitlab**).

## Frontend
Developer with experience in reactJS development, sensibility for UX.

## Backend
Developer with experience in Play Scala, web service oriented architecture, cloud architecture oriented development. 

# What we offer
13 month income
\+ ðŸ’¶ bonus (50% on performance of company - 50% on your performance)
\+ ðŸšŒðŸšƒðŸšˆunlimited public transportation for 60â‚¬ / years
\+ ðŸ‹ðŸ»”â™‚ï¸conciergerie & access to gym (free)
\+ ðŸ§“ðŸ¼pension, insurance & ðŸ¦banking advantage
\+ ðŸš—very competitive leasing car catalog
\+ ðŸ‘©ðŸ¼”ðŸ«budget for training & conferences

# How to apply
You can apply online on [our job website](http://kpmg.lu/careers) or just write to me [thibault.milan@kpmg.lu](mailto:thibault.milan@kpmg.lu?subject=My%20Resume) with your resume and I'll be sure we review it with our team and follow with HR (the other way around may take times sometimes ðŸ¤¨)
Spielsymbole bei den Spielautomaten und ihre Besonderheiten
Tags: entertainment, online
Published: 2017-11-14 14:04:38

---
title: Spielsymbole bei den Spielautomaten und ihre Besonderheiten
published: true
description: Welche Symbole gibt es bei Automatenspielen? Wir analysieren die verbreitetesten einfachen und besonderen Spielsymbole der modernen Video-Spielautomaten.
tags: entertainment, online
---

Die wichtigsten Symbole bei den Slot-Maschinen und ihre Funktionen
Bei jeder Slot-Maschine gibt es eine bestimmte Einzahl von einfachen und besonderen Symbolen. Spieler, die ein buntes Automatenspiel zum ersten Mal ausprobieren möchten, können sich die Frage stellen, worin der Unterschied zwischen diesen Bildern besteht und welche Funktionen jedes von ihnen hat? In diesem Artikel beantworten wir diese Frage.

Einfache Symbole

Sowohl traditionelle Slot-Maschinen, als auch moderne Video-Spielautomaten verfügen über einfache Spielsymbole. Das sind Standard-Bilder, aus welchen Gewinnkombinationen gebildet werden können. Diese Symbole können sehr unterschiedlich aussehen: von einfachen Früchten bis zu animierten Hauptfiguren eines Kultfilms. Z. B. dienen in einem bekannten Spiel <a href="http://book-of-ra-slot.com/">Book of Ra, das hier kostenlos verfügbar ist</a>, verschiedene ägyptische  Zeichen als Spielsymbole. Die Auszahlungen für Gewinnkombinationen können sich auch je nach dem Symbol variieren. 

Wild-Symbol

Das verbreiteteste besondere Symbol in Automatenspielen ist Wild. Dieses Symbol hat die Fähigkeit, andere mangelnde Bilder zu ersetzen. Es gibt verschiedene Arten dieses Symbole: erweiterte Wilds, „sticky“-Wilds usw. In einigen Spielautomaten schenken Kombinationen aus Wild-Symbolen verdoppelte Gewinne.

Scatter-Symbol

Ein weiteres Spielsymbol ist Scatter. Die Besonderheit dieses speziellen Symbols besteht darin, dass sie unabhängig von den Gewinnlinien bezahlt werden. Außerdem kann die Kombination aus diesen Symbolen Freispiele aktivieren. 

Bonus-Symbol

In Automatenspielen mit thematischen Bonus-Runden gibt es auch Bonussymbole, die ein Bonus-Spiel starten können. In einem Slot können mehrere Bonus-Symbole sein, die verschiedene Bonus-Runden aktivieren.
 
In den meisten Fällen schenken Bonus-Symbole keine Auszahlungen, aber während einer Bonus-Runde hat man die Möglichkeit, einen riesigen Gewinn zu bekommen.

Fazit

Man kann sich kaum eine Slot-Maschine ohne Symbole vorstellen. Und wenn Sie über alle vorhandene Spielsymbole eines bestimmten Spiels erfahren möchten, finden Sie viele Informationen in der Auszahlungstabelle des Slots.
Using your editor as a JavaScript playground with Quokka.js
Tags: tools
Published: 2017-11-14 13:53:18

---
title: Using your editor as a JavaScript playground with Quokka.js
published: true
description: 
tags: tools
---

I was watching a video from the fantastic youtube show [Fun Fun Function](https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q) and mpj was using Quokka.js and I thought it was amazing. I still find myself opening an `index.html` file in a browser or more often then not I navigate to [jsbin.com](https://jsbin.com) just to test some JavaScript - not anymore!

On it's [documentation](https://quokkajs.com/docs/) Quokka describes itself as so:

>Quokka.js is a rapid prototyping playground in your editor, with access to your project’s files, inline reporting, code coverage and rich output formatting.

This is what it does:

![](https://thepracticaldev.s3.amazonaws.com/i/afpgg7ourogaww8e1hqz.png)

The blue output looks like a comment that I wrote but it's Quokka. And when you make a mistake it tells you

![](https://thepracticaldev.s3.amazonaws.com/i/rokxd29chifpg57nivl2.png)

And lastly, if the output doesn't show inline as above, you can see it in the editor's console. 

![](https://thepracticaldev.s3.amazonaws.com/i/3wduns4ybhk5ta1kbkfj.png)

This plugin can be installed in VS Code, JetBrains IDE, and Atom. The above screenshots are from my VS Code editor.

To get started (at least in VS code) you open the Command Palette (shift+cmd+P) and `Quokka.js: Start on Current File` or `Quokka.js: New File`. There are other commands that can be explored. One of the options is to stop Quokka from watching your files, if it gets annoying.
Introduction to SSR with NextJS and NuxtJS
Tags: javascript, nextjs, react, vue
Published: 2017-11-21 12:16:13

---
title: "Introduction to SSR with NextJS and NuxtJS"
published: true
tags: javascript,nextjs,reactjs,vuejs
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/1024/0*SnPUQuLTgr3zIC89.png)

At the moment there is a lot talking about SSR (Serverside rendering) applications. SSR is most used in combination with frameworks like React or Vue. For React there is NextJS and VueJS has&nbsp;NuxtJS.

Check my experiment with the new Mr Frontend Blog with NextJS and the WordPress API!

{% youtube 7N6PaO7UnvA %}

So no JavaScript teaching today, but an introduction to&nbsp;[NextJS](https://zeit.co/blog/next2)!

#### NextJS

NextJS is a JavaScript framework for NodeJS, build on top of React. NextJS is super easy to&nbsp;use!

Most people know and use React as a client-side application. But with NextJS all the React Components are rendered by NodeJS on the server and then served to the browser. With client-side rendering, the browser downloads the JavaScript and other assets and then renders the view when that is finished.

#### SSR &&nbsp;CSR

SSR and CSR have both pros and cons, explained in the “[**The Benefits of Server Side Rendering Over Client Side Rendering**](https://medium.com/walmartlabs/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8)”.

At the moment I’m experimenting with NextJS and using the [WordPress API on Heroku, to experiment with a new design for the Mr Frontend Blog](http://nextblog.herokuapp.com). If you want to try it out for free on Heroku, please check out this starter project on [Github for running NextJS on&nbsp;Heroku](https://github.com/mars/heroku-nextjs).

#### NuxtJS

If you prefer VueJS more than React, please checkout [NuxtJS](https://nuxtjs.org). NuxtJS is similar to NextJS, both are rendering their components serverside with NodeJS. I didn’t try NuxtJS, but it looks almost as awesome as NextJS. Maybe I will try it later&nbsp;😎.

#### What do you think about&nbsp;it?

I’m wondering what you think about SSR or CSR and both the pros and cons. Or do you see something usefull for NextJS or&nbsp;NuxtJS?

Please let me know in the comments&nbsp;😉

_Originally published at_ [_Mr Frontend&nbsp;Blog_](https://blog.mrfrontend.org/2017/11/introduction-ssr-nextjs-nodejs-reactjs-nuxtjs-vuejs/)_._

* * *
As a team lead …
Tags: leadership, uncategorized, agile, codecraft
Published: 2018-03-29 20:00:37

---
title: As a team lead …
published: true
tags: leadership,Uncategorized,agile,codecraft
canonical_url: https://craignicol.wordpress.com/2017/11/14/as-a-team-lead/
---

As a team lead you need to know your team. You need to understand people. [You don’t need to second guess them, you don’t need to micromanage them](https://craignicol.wordpress.com/2016/04/01/project-manglement-a-few-leadership-anti-patterns/), but know what motivates them. Know what they need to perform at their best.

What tools do they covet? [What routines matter?](https://craignicol.wordpress.com/2017/04/11/the-manager-and-maker-schedule/) Do they need precision? Do they value gym time? [Do they aspire to learn?](https://craignicol.wordpress.com/2017/01/17/good-developers-learn/)

Understand their 6 month and their 5 year plan and help them achieve it. [Make sure they know the team 6 month and 5 year plan and where they fit into it](https://craignicol.wordpress.com/2017/01/27/the-fog/), and where that fits in the company plan.

[Value them, and ensure they feel valued.](https://craignicol.wordpress.com/2015/08/25/on-respect/) Listen. Give them the grace to accept that which they cannot change but be sure they know you’d change it if you could.

[Change what you can](https://craignicol.wordpress.com/2017/01/31/jettison-sandbags-to-focus-on-your-goal/). Make their lives easier. Help them aspire to your job, even if they may fear the conflicts you protect them from. [Keep your head whilst those about you are losing theirs.](http://www.kiplingsociety.co.uk/poems_if.htm)

Be the best team you can be. [Discover the greatness in everyone](https://craignicol.wordpress.com/2016/09/27/everyone-has-a-voice/). Play to strengths to see them through weaknesses. Move people. Change their roles. [Find your gardeners and your innovators](https://craignicol.wordpress.com/2015/11/20/the-constant-gardener-knowing-your-team/) and [Train them to replace you](https://craignicol.wordpress.com/2016/11/25/how-to-mentor/), because for [certain times they will](https://craignicol.wordpress.com/2015/09/22/work-life-balance-no-interruptions-only-peace/) need to. [Do not become vain or bitter for always there will be greater or lesser persons than yourself.](http://www.davidpbrown.co.uk/poetry/max-ehrmann.html)

Let go. [Trust them](https://craignicol.wordpress.com/2015/08/11/dear-developer/). Trust yourself. [Let them do their job so you can do yours.](https://craignicol.wordpress.com/2017/01/24/naughtonomy/)

But lead, don’t follow. Have strong opinions, weakly held when a better way presents itself.

Let data guide you but not be your master. [Don’t trust your gut](https://craignicol.wordpress.com/2015/09/01/step-out-of-the-shadow-cast-down-by-your-ego/).

[Don’t be a stranger and make a full commitment to your team.](https://www.youtube.com/watch?v=IdkCEioCp24)

And make sure everyone knows the standards.
Is a bad idea to use Github Pages for a production ready app?
Tags: discuss
Published: 2017-11-14 11:15:19

---
title: Is a bad idea to use Github Pages for a production ready app?
published: true
tags: discuss
---

I'm trying to not spend money on hosting for a react app and I found this package:

- [gh-pages](https://github.com/tschaub/gh-pages): Publish files to a gh-pages branch on GitHub (or any other branch anywhere else)

By adding  this script you can build and push the code directly to `gh-pages` and publish your app in seconds:

```
"scripts": {
  "deploy": "gh-pages -d build"
}
```

Do you think is a bad idea to use Github pages as production?
Have you ever build application with Faas. What is your usecase ?
Tags: discuss
Published: 2017-11-14 11:15:11

---
title: Have you ever build application with Faas. What is your usecase ?
published: true
description: 
tags: #discuss
---

I just read about Serverless Architectures and Faas, It sound cool and low price. What is the usecase should I apply to my project (mobile, web, ...) ?
JavaScript Date methods guide
Tags: javascript, webdev, beginners, learn
Published: 2017-11-14 10:51:58

---
title: JavaScript Date methods guide
published: true
description: JavaScript Date methods
tags: javascript, webdev, beginners, learn
---

## getDate method

The `getDate()` method returns the day of the month (*from 1 to 31*) for the given date according to local time.

#### Usage

```javascript
/*
 * Representing the day of the month
 * @return {Number} - An integer number, between 1 and 31
 */

const date = new Date()
date.getDate();
```
> Browser compatibility: *Chrome, Firefox (Gecko), IE, Opera, Safari*

## getDay method

The `getDay()` method returns the day of the week (*from 0 to 6*) for the specified date according to local time, where (*Sunday* is 0, *Saturday* is 6).

#### Usage

```javascript
/*
 * Representing the day of the week
 * @return {Number} - An integer between 0 and 6
 */

const date = new Date()
const weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];

weekDays[date.getDay()]; // String
```
> Browser compatibility: *Chrome, Firefox (Gecko), IE, Opera, Safari*

## toDateString method

The `toDateString()` method returns the date (*not the time*) portion of a Date object into a human readable form.

#### Usage

```javascript
/*
 * Representing the Date object in human readable
 * @return {String} - Date portion of the given Date object
 */

const date = new Date()
date.toDateString();
```
> Browser compatibility: *Chrome, Firefox (Gecko), IE, Opera, Safari*
Hi, I'm Tiago Celestino
Tags: introductions
Published: 2017-11-14 09:57:26

---
title: Hi, I'm Tiago Celestino
published: true
description: 
tags: introductions
---


I have been coding for 12 years.

You can find me on GitHub as [tcelestino](https://github.com/tcelestino)

I'm from Salvador, Bahia, but I live in SÃ£o Paulo. Both in Brazil!

I mostly program in these languages: Javascript, a bit Ruby/Rails.

I am currently learning more about Java, Node JS and Vue.

Also interested in chatbots. :)

Nice to meet you.
vertx-jooq 2.4 released
Tags: uncategorized, java, jooq, vertx
Published: 2017-11-17 10:31:47

---
title: "vertx-jooq 2.4 released"
published: true
tags: Uncategorized,java,jooq,vertx
canonical_url: 
---

> Note: Unfortunately, the dependencies to rxjava1 haven’t been removed completely in 2.4.0. RX users please checkout version 2.4.1.

I’m happy to announce the release of [vertx-jooq 2.4](https://github.com/jklingsporn/vertx-jooq/releases/tag/v2.4.1). The main driver behind this release was the dependency upgrade to [vertx 3.5](http://vertx.io/blog/vert-x-3-5-0-released/) and thus the change of the rx-dependency in vertx-jooq-rx from rxjava to rxjava2. In addition, the JSON key names of the generated POJO are now the same as their database counterparts. This change has been announced [here](https://github.com/jklingsporn/vertx-jooq/issues/23). Last but not least, a [bug](https://github.com/jklingsporn/vertx-jooq/issues/24) has been fixed when dealing with `JsonObjectConverter` or `JsonArrayConverter`.

  
[![](http://feeds.wordpress.com/1.0/comments/jensonjava.wordpress.com/1106/)](http://feeds.wordpress.com/1.0/gocomments/jensonjava.wordpress.com/1106/) ![](https://pixel.wp.com/b.gif?host=jensonjava.wordpress.com&blog=28976806&post=1106&subd=jensonjava&ref=&feed=1)
Refactoring Web Services
Tags: discuss, programming, coding, webservice
Published: 2017-11-14 03:56:47

---
title: Refactoring Web Services
published: true
description: 
tags: #discuss, #programming, #coding, #webservice
---

Hi everyone! I have a web service with multiple methods and I just want to ask if it is better to combine all the methods into one and put a parameter('action') to determine what controller to run. 

What do you think is faster, maintainable and easy to extend? 

Thank you!
Using `vuex-router-sync` with Vuex Modules and Nuxt
Tags: nuxt, vuex, modules, vuexroutersync
Published: 2019-07-24 16:07:45

The scenario is relatively straight-forward: we have a Vuex module located in `~/store/projects.js` and we'd like to define a getter called `currentProject` which `.find()`s a project based on the current route params.

We'll start by installing the [`vuex-router-sync`](https://github.com/vuejs/vuex-router-sync) module:

```bash
> yarn add vuex-router-sync
```

We then define a Nuxt.js [Plugin](https://nuxtjs.org/guide/plugins) to `sync()` the store and the router:

```js
// ~/plugins/vuex-router-sync.js
import { sync } from "vuex-router-sync";

export default ({ app: { store, router } }) => {
  sync(store, router);
};
```

(Sourced from this [GitHub issue](https://github.com/nuxt/nuxt.js/issues/213).)

For this to be run during initialisation we need to declare it in our Nuxt.js config:

```js
// nuxt.config.js
module.exports = {
  plugins: ["~/plugins/vuex-router-sync"]
};
```

The module 'route' is now available in the store and is kept in sync with the `vue-router` instance.

Returning to our 'projects' Vuex module, we are now able to define a getter that `.find()`s a project based on the current route parameter `id`:

```js
// ~/store/projects.js
export const state = () => ({ projects: [] });

export const getters = {
  currentProject: (state, getters, rootState) =>
    state.projects.find(project => project.id === rootState.route.params.id)
};
```
Colour coding with SCSS each loops
Tags: webdev, learning, tutorials, scss
Published: 2017-11-13 23:14:13

---
title: Colour coding with SCSS each loops
published: true
description: An example of how to use SCSS each loops for colour coding.
tags: webdev,learning,tutorials,scss
---

Often my job requires me to create modules that a user can add and customise from a CMS. In many cases, they like to have control over the background colour of the module to fit with their brand colour palette.

I wanted to share the way in which I generally write this in SCSS, as some people might find it useful.

Here is an example of the html for the module they can add. They can select the background colour in the CMS and it comes through as a class name on the module, e.g. "green".

```html
<section class="module green">
  <p>Content goes here</p>
</section>
```

In the SCSS file we can create a list of the colours called `$brand-colors`. Inside each bracket we have a string (the colour class name from the CMS), and the hex value or colour variable name, separated by a comma. You can add as many values as you like in here, but for this example I'll stick with two.

```scss
$brand-colors: ("red",$c-red),("green", #008000),("blue",#0000ff);

.module {
  @each $color in $brand-colors {
    &.#{nth($color,1)} {
      background-color: nth($color,2);
    }
  }
}
```

We can then declare an each loop, nested inside the styles for the module, which loops through each `$color` inside our list of `$brand-colors`.

The first part of this - `&.#{nth($color,1)}` - is referencing the first value inside our brackets within the `$brand-colors` list. So for this example, if we were to write this out the normal way, it would look like this:

```scss
.module {
  &.red {}
  &.green {}
  &.blue{}
}
```

The next part - `background-color: nth($color,2);` is referencing the matching variable or hex code within each set of brackets. Note that this doesn't need to be wrapped in `#{}`.

With an each loop like this, you can save a lot of time and many, many lines of code. It might seem like overkill for 2 or 3 colours, but this way also makes it easy to scale up if they decide they want more colours added in the future. The example I've used is for colour coding, but this can be used in various different ways, with different values/options.

I hope this is helpful in some way! Feel free to share ideas of how you might use this in a project.

For more reading: http://thesassway.com/intermediate/if-for-each-while
Kanban Board for Android
Tags: android, java, sideprojects
Published: 2017-11-13 23:12:37

---
title: Kanban Board for Android
published: true
description: A simple Kanban board for Android
tags: android, java, side-project
---

I'm currently developing an Android app as a side project, basically it's a simple Kanban board. It will be open source, folks!

![Kanban board](https://upload.wikimedia.org/wikipedia/commons/d/d3/Simple-kanban-board-.jpg)

If someone is interested in give me a hand, your help will be appreciated. Some designer that design a logo.

I'll be waiting for pull requests.

The link [Kanban Board for Android](https://github.com/SMontiel/Kanban-Board), buddy!

Have a nice day!
Automated handwritten exam correction
Tags: deeplearning, educationapplication, handwritten, examverification
Published: 2017-11-13 23:00:24

---
title: Automated handwritten exam correction
published: true
description: Is it needed such an application that will use the photo or scan of a paper handwritten exams in order to predict the similarity with the correct teacher's answers for a university. Is there a market for such an application?
tags: Deep learning, education application, handwritten, exam verification
---

Is it needed such an application that will use the photo or scan of a paper handwritten exams in order to predict the similarity with the correct teacher's answers for a university. Is there a market for such an application?
CLI node package for caniuse
Tags: terminal, node, webdev, devtips
Published: 2017-11-13 20:32:21

---
title: CLI node package for caniuse
published: true
description: Command line tool for caniuse database.
tags: terminal, node, webdev, devtips
---

**Command Line Interface** node package for [caniuse](https://caniuse.com), a browser support tables for support of front-end web technologies right in your terminal.

#### Installation
Package available for both npm, and yarn:

```shell
~ npm install caniuse-cli
# or 
~ yarn add caniuse-cli
```
#### Usage
![caniuse MutationObserver](https://thepracticaldev.s3.amazonaws.com/i/ri5mt624s9x7hlb4ieb1.png)