teleren/devto huggingface dataset:
I finished a Javascript bootcamp but got offered a PHP job. Should I accept it?
Tags: php, javascript, discuss, webdev
Published: 2018-09-17 14:37:22

---
title: I finished a Javascript bootcamp but got offered a PHP job. Should I accept it?
published: true
description: 
tags: php, javascript, discuss, web-dev
---

Hi everyone,

I am a 26 y/o college dropout from the balkans, currently employed as a 'marketing executive'.(more on this further down).

Ever since I was a kid I've always wanted to have a career in IT/CS.I went in a CS college and slacked off for 6 years due to being afraid of the challenge and also being lazy combined with some personal family issues. I dropped out after a family hiatus and in need of a job, any job, I landed this current 'marketing executive' role. I've been sort of lucky with it since it's definitely an easy and good paying job and I've been at it for a year now.

After my personal family issues settled I realized I don't want to do this forever and I found love for web-development. After researching I've settled on Javascript, finished a JS (nodejs/react) 6 month bootcamp and I've been searching for an entry level JS job ever since. The job market over here is more saturated with PHP and .NET than Javascript and in retrospect that might've been the faster route to get employed but I chose JS because of it's great potential and being mainstream overseas. That's not to say there aren't any JS jobs here but they are certainly not dominating. I've gotten a couple of replies back but nothing serious, until a company showed great interest in me.

But then they sort of ghosted me for a month. I've sent a 'follow through' email to which I got back that 'things have changed in their needs since then and now they need a PHP/Laravel + Vue guy and if I'm interested in learning PHP to let them know'. They told me if I agree in learning PHP I would get their offer, once I accept the offer, since I have 30 days notice, I'd have the 30 days to focus on learning PHP and then when I start at their company I'd learn as I work, and maybe if needed and if possible, a couple of 'training days' before directly jumping into work. I wasn't too excited about this but I wasn't going to let an opportunity go away without finding out more so I entertained the idea of being interested in learning PHP.

Now I'm awaiting their offer and even though I don't know what to expect. I can't say that I'm not interested in kickstarting my web-dev career but I wasn't very keen on PHP even before this, and thinking long term, I'd rather focus on JS since I can also diverse into mobile and desktop development as well as front and back-end web-dev.

Any advice?
Qlik ❤ D3 
Tags: d3, javascript, qlik, data
Published: 2018-09-17 14:35:32

---
title: Qlik ❤ D3 
published: true
canonical_url: https://branch-blog.qlik.com/qlik-d3-2d443ba602de
description: Using Qlik and D3 to create very lean data visualizations.
tags: d3, javascript, qlik, data
---

Chances are that if you have seen a piece of data visualization on the web you have come across [D3](https://d3js.org/). It’s heavily used by organizations like The New York Times to produce wonderful graphics that engage their readers and enhances their stories.

**TL;DR** Together with [Qlik] (https://developer.qlik.com) you can create very lean data visualizations using D3, letting D3 bind the data to the DOM and draw visualizations. Letting Qlik perform the heavy lifting in terms of data manipulation and a reactive data flow, abstraction away data state management from D3.

![d3 example on GitHub](https://cdn-images-1.medium.com/max/1600/1*SRSaPD--YuRzB5hQK-e8AA.png)

Sample project: https://github.com/mindspank/d3-blogpost-example

***

Ironically, while you can create wonderful data visualizations using D3 it is **not** a data visualization library. It has no bar chart or line chart methods. Instead it focuses on binding data to the DOM and performing manipulations of the document based on data. The data binding paired with additional components such as layout algorithms and components such as scales and axis makes it a perfect library for general purpose data visualization.

Where D3 suffers is when you have many visualizations on the page that you want to keep in sync, manipulating larger data sets and having to fetch the full data sets to calculate a proper scale.

```javascript
// Looks familiar?
d3.scaleLinear()
    .range([height, 0])
    .domain([0, d3.max(data, function(d) { return d.value; })]);
```

### Qlik to the rescue!

Luckily the [Qlik Associative Engine] (https://developer.qlik.com/knowledge/tutorial/engineTutorial) is a blazingly fast in-memory computation engine that provides tons of useful metadata around your data geared towards building visualization components.

By letting Qlik take care of the data computation you can omit heavy data wrangling on the client and push those calculations onto the server, leaving you with very lean front-end code that focuses on what D3 does best; binding data to the DOM and outputting a visualization representation of that data.

To cherry pick a few nuggets that Qlik gives you out of the box:

- Minimum and maximum values for calculations for scale inputs
- Glyph counts for the longest dimensional value for label widths
- Data reduction for “glanceable” visualizations
- Server-side configurable sorting and formatting

Most of the points above D3 handles quite fine, however for larger datasets it’s quite taxing on the browser to crunch all those numbers.

However, for me personally, the biggest win is that I can write code that is readable, neat and doesn’t mutate my data.
Functional programming basics part 2: Higher order function
Tags: javascript, functional, programming
Published: 2018-09-17 14:17:02

---
title: Functional programming basics part 2: Higher order function
published: true
description: Part two of a series where I explain functional programming how I currently understand it. 
tags: JavaScript, Functional, programming, fp 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/4q49v1wy51vxqmokh0o8.png
---

### So what make a function of the highest order? 

In order to be called a `Higher order function`, one must either take an other function as a parameter or return a function.

Take function as a parameter??? what? no way!! 

Let's start by writing a simple function that is not from the highest order:

```javascript 
const addYtoX = (x, y) => x + y
```

Now lets try to pass this function to an other function: 

```javascript 
const ofTheHighestOrder = (f, x, y) =>  f(x, y)

console.log (ofTheHighestOrder(addYtoX, 1, 2)) // 3
```

Woah that worked!! As you can see we can pass functions to other functions and use them like any other property! 

Let's rename our highness to make it more declarative: 

```javascript 
    const performOperation = (operation, x, y) =>  operation(x, y)

    console.log (performOperation(addYtoX, 1, 2)) // 3
```

That make senses right? I hope you can see at this point the value and the potential of a higher order function? 

Let's see an other example: 

```javascript 
    const addYtoX = (x, y) => x + y
    const multiplyYbyX = (x, y) => x * y
    const performOperation = (operation, x, y) =>  operation(x, y)

    console.log (performOperation(addYtoX, 1, 2)) // 3
    console.log (performOperation(multiplyYbyX, 1, 2)) // 2
```

Voilà!! There is so much more we can do with this but we will stop here for now and look at the second variation of a higher order function; a function that returns a function... humm that sound weird lets just write one and see if this works! 

```javascript
    const ofTheHighestOrder = () => {
        return poke = () => '... your highness?? '
    }

    console.log(ofTheHighestOrder()) // function poke()
```

Cool! As you can see we are able to return a function from a function!!! Let's fiddle a bit more with this guy: 

```javascript
    const ofTheHighestOrder = () => {
        return poke = () => '... your highness?? '
    }

    const willPoke = ofTheHighestOrder()

    console.log(willPoke()) // ... your highness?? 
```

Awesome! we can create other functions using a function that returns a function which make them of the highest order as well. 

For now that might seem quite useless but that opens the door to a lot more possibilities that we will explore in further episodes. 

Until then, stay high!
Monday Morning Haiku
Tags: haiku
Published: 2018-09-17 13:12:34

---
title: Monday Morning Haiku
published: true
description: Non-technical, not dev-related in any manner.
tags: haiku
---
Wishing you all a productive, inspiring week ahead!

*The skin on my bones*
*It fixes the breaks in me*
*Periosteum*
\- Charles Blachly
How did you decide on what you wanted to do?
Tags: career, advice, discuss
Published: 2018-09-17 11:02:52

---
title: How did you decide on what you wanted to do?
published: true
description: What steps did you take to become the developer you wanted to be?
tags: career, advice, discuss
cover_image: https://images.unsplash.com/photo-1530210124550-912dc1381cb8?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=1b02ae1d1e58a9aaa6a89d7e2c599e8d&auto=format&fit=crop&w=1500&q=80
---

Hello!

I've been trying to decide on what path to take in the industry, but have been running into a couple self-made brick walls. 

I'm curious to find out, from those who have found their path, and also from those who are still finding their way around, I'd like to know:

_How did you **decide** on what path/field you wanted to pursue within the tech industry, and if you are still trying to decide, **what are you trying to do** in order to find out what interests you the most?_

For the past couple of months, I've been learning a lot in the Machine Learning/A.I./Deep Learning ocean, and while I've been enjoying it a ton, I'm not sure I'm ready to go even deeper. I've been trying to see what courses are on offer to help build the foundation to get a good grasp, but I've yet to pick a route to go.
I need a tips for a large project.
Tags: help, large, project, tips
Published: 2018-09-17 09:50:10

---
title: I need a tips for a large project.
published: true
description: 
tags: help,large,project,tips
---

Hi, I'm Carlos and I work as a freelance web developer and I've made a few small projects (mostly one-pagers) that have no back-office nor authentication.


Now I'm in for a project that is going to require both of them. And I'm clueless as what is to be the best approach.

I know I'd like to do the front-end in React because I came across it and very much liked the mindset and ideals of it.

As for the back-office I wanted to build one, I know this is probably not the best approach but it's something I would like to challenge myself to do and time is not the issue on the project, my client already has a thing going so he isn't very preoccupied of deadlines.

As for user authentication to access the user reserved area and to access BO I'm clueless on what to use and how to make it secure, same goes for the DB system.
I'm going to need services that require authentication and services that do not, I'm also going to need a database system that is scalable and easy to use (if it comes with a REST API even better).

Fellow coders, what are your recommendations?

PS: This is my first post here :) kudos to this whole community I love reading all of the articles!
New in here
Published: 2018-09-17 09:36:06

---
title: New in here
published: true
description: Animation and video editing with powtoon
tags: 
---

Hi my name is Quoc,

I animate video with powtoon. My website: <a href="https://createdby-animation.com/">CreatedBy</a>

I also code in HTML, CSS and PHP.

Nice to meet u all.
Create Binary Analysis VM
Tags: reverseengineering
Published: 2018-09-17 09:22:53

---
title: Create Binary Analysis VM
published: true
description: 
tags: reverse engineering
---

# Create Binary Analysis VM
I created VM for reverse engineering.
This is the note at that time.

## Install Virtual Box
To run VMs needs hypervisor.
I choose the Virtual Box.
Because, Virtual Box is easy to use and free.
To install Virtual Box navigate to the this page.
https://www.virtualbox.org/wiki/Downloads
You choose the package for your system, and download it.
Run the installer.
If you are using the mac OS, you can install with this command too.

```bash=
brew cask install virtualbox
```

## Installing Free Windows 7
Microsoft provide free windows VMs.
Those VMs have a limited license that will expire after 90 days.
To install VMs navigate to the this page.
https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
You select the VM:
 * Windows 7(x86)
 * Virtual Box

Downloaded the .zip file, and extract it.
This file contain the .ova file.

Next, open Virtual Box and select File > Import Appliance.
Select the .ova file that you just extracted and click continue.
The settings should be ok, you click Import.

## Installing FLARE-VM
FLARE-VM is Windows-based security distribution for reverse engineer.
https://github.com/fireeye/flare-vm
It's installed many reverse engineering tools. 

To install on Windows VM, you visit the following URL with Internet Explorer.
http://boxstarter.org/package/url?https://raw.githubusercontent.com/fireeye/flare-vm/master/flarevm_malware.ps1

After you navigate to the above URL, you will be asked with a dialog.
Select Run to continue the installation.
You input password and press Enter with a console window.
The installation process takes time, please drink coffee and wait.
After installation, you got the binary analysis VM.
Yeah, you did it!! Enjoy!!
Introducing darkwasp library
Tags: javascript, webdev, node, angular
Published: 2018-09-17 08:19:22

---
title: Introducing darkwasp library
published: true
description: It's a function storage, it simplifies the execution of unlimited number of functions in parallel processes.
tags: javascript, webdev, node, angular
canonical_url: https://medium.com/@boris.siscanu/how-to-make-the-website-faster-da475ce9b2c2
---

**Update: Darkwasp joined Domy project (web components).**

Most of the websites right now use one processor core out of many, by doing so they reduce the user experience considerably, freezing the entire web in its actual state of progress. In the era of Deep Learning and real-time experience, it seems that the web hit the wall.

Why is this all happening? The reason is dead simple — thread safety. Web Workers were made isolated by design and the most inconvenient thing out of this is the constraint to run the Web Worker from a separate file.

Consequently, to facilitate the work with parallel processes in web environment, we came out with new library called The Dark Wasp. In a nutshell, the idea is to save the biggest part of the web app code in the storage and load it on request in a separate thread, no need to load the entire codebase all at once. The same functions could be used in frontend and backend (web browser or Node.js).

{% github teamdomy/darkwasp %}

To access the storage, we’ll need the name of the storage itself - “app” property and the unique identifier of the current user - “peer” property. If the storage with the given name doesn’t exist, it’ll be created and the user will get owners rights. Latest joined users will have limited rights, being simple peers.

Now, for the sake of example, let’s create a random function:

{% gist https://gist.github.com/bsiscanu/e7aab20a04e929ca21e42bb910c12f4e %}


In the example above, app.wasp.random.set() means create the wasp (lambda function) with the name “random” and the code which follows in set() method. In the same time, storage doesn’t exist, so the “peer” will get owner rights.

Next, deliver the function to the storage by executing the file:

**node store.js**

Done! Further use of stored functions is a piece of cake, in the browser it looks as follows:
{% gist https://gist.github.com/bsiscanu/fd73d2dcf54cd0f294b06045f521c93e %}

… and the Node.js environment (the “peer” is not the first, so no special treatment in this case)
{% gist https://gist.github.com/bsiscanu/bc501fd309e20278436b8c0dc66a03a4 %}


That’s it!
Shell Forum - bringing the traditional forum to the terminal
Tags: terminal, shell, forum, platform
Published: 2018-09-17 08:15:04

---
title: Shell Forum - bringing the traditional forum to the terminal
published: true
description: A full terminal forum for fun and zero profit.
tags: Terminal, Shell, Forum, Platform
---

Sometimes you just want to try something new and different. If you have ever used a BBS (not that I have - not my time) it could be compared to that, but here you have a full Linux terminal. This project is me trying to create a new platform for sharing ideas with others, many people love the terminal and use it as much as they can. Shell-Forum is a project that aims at this interest at terminals by being a forum in complete terminal form.

#Why?
It was just a random thought I had, it started off from looking at how to make a shell, finding [Stephen Brennan's tutorial](https://brennan.io/2015/01/16/write-a-shell-in-c/) on how to make one in C flipped a bit inside my head. So this project is here to satiate wanting to build something like that, it also helps me with learning C.

#How it's *going* to work
There are no database but instead it simply uses file structures and directories for storing data in plaintext form.

Each user has their own home directory where they can make and work on posts, other users can also go in there and personally see what this person has written, but of course can't make any changes.

When a user is ready to put their post out into the forum they use the commit command. Doing commit ls will show a list of all the forums the user can commit to. When they've chosen they just go commit <forum> <post> and it will be copied into the forum and change them to the owner of that post.

Using a search command users can also use keywords to look for posts in the forum.

Additionally, two other commands will be created, `view` and `comment`. The *view* command will give a more visual output of the post formatting it with markdown, as well as displaying any and all comments. The *comment* command will just be used to create a command.

#To-Do
* Add `view` command that will display formatted posts in markdown format and show comments at the end.
* Add `coment` command to respond to a post, comments will be in a directory named like so `.comments-<post_name>`
* Search "menu"
* Optimizations
* Other improvements and fixes
What do people think of ARKit? 
Tags: discuss, ios, augmentedreality, arkit
Published: 2018-09-17 07:53:41

---
title: What do people think of ARKit? 
published: true
tags: #discuss, #ios, #augmentedreality, #arkit
---

Has anyone been developing AR apps around here?
Was it easy to get into it? 
Did you manage to scale it up well enough?
Does anyone have a good learning resource to recommend?


I personally have started a little while ago, and was surprised that while there are a lot of people writing articles about it, they're all covering fairly basic stuff and everything else I've been having to figure it out as I went (A lot of trials and failures ensued).
🗄️ Create own React.Fragment
Tags: react, fragment, jsx
Published: 2018-09-17 07:23:57

---
title: 🗄️ Create own React.Fragment
published: true
description: Implement own `React.Fragment`
tags: react, fragment, jsx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ccia3a70228m09wpzyk8.jpg
---

Do you want to use [`React.Fragment`](https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html) in your app?
Are you using a React version lower than `16.2` that does not support fragments?
For some reason you cannot update React to support it?

Well I can tell you that you can create your own `Fragment`!

```jsx
function Fragment(props) {
  return props.children;
}
```

Yeap is that simple.


```jsx
import React from 'react';
import ReactDOM from 'react-dom';

function Fragment(props) {
  return props.children;
}

function App() {
  return (
    <Fragment>
      <div>We</div>
      <div>have</div>
      <div>own</div>
      <div>Fragments</div>
      <div>!!!</div>
    </Fragment>  
  )
}

ReactDOM.render(<App />, document.getElementById('root'));
```

Here is a [demo](https://codesandbox.io/s/react-own-fragments-6reve) if you want to play around.

Note that React `16.1` is used that does not support `Fragment`

Also if you take a look at `Preact` `Fragment` implementation, you will see exactly the function that we wrote above.

https://github.com/preactjs/preact/blob/da382e13d9377a53056e4cb0fd741f6e0aadf1c1/src/create-element.js#L92-L94

Cover Photo by <a href="https://unsplash.com/@drscythe?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Dominik Scythe</a> on <a href="https://unsplash.com/s/photos/fragment?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Embedding Glitch in App-Only Mode?
Tags: help
Published: 2018-09-17 07:17:33

---
title: Embedding Glitch in App-Only Mode?
published: true
tags: help
---

The help docs explain embedding Glitch simply and easily like so:

```
{% glitch flavoured-mackerel %}
```

(yes, I came up with that glitch slug myself)

That will embed an app in `both` mode, showing both code and output:

![Example of three-pane default glitch embed layout with files in the left hand pane, code in the centre, and app output in the right](https://thepracticaldev.s3.amazonaws.com/i/015as77hzvh53jpmzmhx.png)

My question: Can I embed a glitch app in app-only or code-only mode, instead of the default both mode?
How to ace your tech interview with Mockrabbit?
Tags: mockinterview, preparationapp, programminginterview, interviewquestions
Published: 2018-09-17 07:06:08

---
title: How to ace your tech interview with Mockrabbit?
published: true
description: MockRabbit is the world's first artificial intelligence based mock interview practice app. This app very smartly mold questions based on the candidate's profile and experience. Practice interviews and interview preparation will boost your confidence and help in reducing anxiety. Job interviews are notorious for causing anxiety. This nervousness can dull one's spark, causing one to stammer and overthink, or even forget crucial points. App Link https://goo.gl/Hpkp23
tags: mock interview, preparation app, programming interview,interview questions
---
What is difference of In-house Development Team and Vendor?
Tags: healthydebate, discuss, career
Published: 2018-09-17 06:32:13

---
title: What is difference of In-house Development Team and Vendor?
published: true
description: 
tags: #healthydebate #discuss #career
---

What do you think of In-house Development Team and Vendor?

* What is the difference?
* What is the advantage and disadvantage?
* Any other feeling on them?
TypeScript vs. JavaScript: Tug of War
Published: 2018-09-17 05:13:45

#Knowing TypeScript and JavaScript

We all know that [TypeScript and JavaScript](http://www.algoworks.com/blog/typescript-vs-javascript-tug-of-war/) are among the most popular and widely used programming languages in the world of application development. To understand the differences and use cases, and in order to know which one is best suited, I have done some research and have come up with logic and reasonings in the form of a blog. Here, we will be talking about the two languages, their correlation, benefits of each of them, and the primary difference.

JavaScript is scripting and client-side programming language which allows web pages to be interactive. This states that it runs in user’s web browser without the use of resources from the web server. It is used to perform dynamic tasks such as conducting polls and quizzes and contests. Javascript can be used with other technologies like XML, REST APIs, and more. TypeScript is a superset of JavaScript and therefore, contains all of its elements.