teleren/devto huggingface dataset:
Journey to a Full Stack Developer - ep. 1
Tags: codingbootcamp, fullstack, lifejourney
Published: 2018-11-08 04:54:31

---
title: Journey to a Full Stack Developer - ep. 1
published: true
description: My personal experience taking a coding boot camp
tags: coding-boot-camp, full-stack, life-journey
---

Life, as they say, is a journey and a journey usually comes with unplanned, unexpected events. My life took a turn when I decided to take a coding boot camp, in opposition from my CS friend. One of the arguments from my friend was that the cost is not justified given the materials can be found online, for free. Being a good friend that I am, I listened and made up my mind... That is to keep going ahead with the boot camp and shelling out much of my savings.

The boot camp is taught by some of the most talented developers who will make you feel right at home. Though most of the time it does feel like watching Jeopardy and submerge yourself in answering the questions. After each class session, most of us are tired and I, personally, feel mostly confused of what just went on. I think my professor once mentioned <i>javascript overload</i>, which I mostly feel about coming out of each class.

My ultimate goal out of this boot camp is to run my own e commerce store. I know people may say, why do you need coding when you can get started very easily with a self hosted platform such as Shopify. Even with Shopify, where it's mostly built and templated for you to get a quick start, to stay competitive, websites will most of the time have a 3rd-party service to expand their out-of-the-box functionalities.

I'm grateful to have known many of classmates, teachers and TAs. Looking back at it, it now makes more sense to me why the coding community have so many open source projects because for many of us, it's a life style.
React Native Responsive Image Scale To Fit Example - Android
Tags: react, reactnative, android, javascript
Published: 2018-11-08 03:53:03

---
title: React Native Responsive Image Scale To Fit Example - Android
published: true
description: React Native Responsive Image Scale To Fit Example - Android
tags: #react #reactnative #android #javascript
---

Post Link : <a href="https://www.skptricks.com/2018/11/react-native-responsive-image-scale-to-fit-example.html" >React Native Responsive Image Scale To Fit Example - Android</a>

This tutorial explains how to display responsive image in react native application. The best part about responsive image is automatically adjust to fit the size of the screen or auto fit to mobile device screen. if you are remember about <Image> component in react native application it does not keep image aspect ratio which results in the image being stretched or cropped. So here we are going to discuss about new library that helps to create responsive image in android or ios device easily.
react-native-scalable-image solves this problem by calculating the image size and resizing the image when rendering. This library provides an <Image/> component which scales width or height automatically to keep the aspect ratio.

<a href="https://www.skptricks.com/2018/11/react-native-responsive-image-scale-to-fit-example.html" >React Native Responsive Image Scale To Fit Example - Android</a>

<img src="https://3.bp.blogspot.com/-GRUdTEXV4P8/W-Ovc43EX7I/AAAAAAAACHo/naxGr7UMNSwxJGJuhcJd3vdWct6_vmsGACLcBGAs/s640/sc.png" />
Brief Intro to Arrow Functions
Tags: javascript, beginners, codenewbie
Published: 2018-11-08 00:19:39

---
title: Brief Intro to Arrow Functions
published: true
description: 
tags: JavaScript, beginners, codenewbie
cover_image: https://thepracticaldev.s3.amazonaws.com/i/jr5ibsgfvl7wbhold6zs.jpg
---
Hey Devvies; technical blog post number two coming your way.

Evidently, one of the most celebrated additions to JavaScript a short three or so years ago (version ES6/ES2015) was the introduction to the **Arrow Function.** (I've also seen it referred to as the **fat arrow** function.)

A simple explanation of what an arrow function accomplishes is that it cleans up your function code to be more concise, less messy looking by using shorter syntax.

Take this simple function to double a number:

```
const double = function (num) {
    return num * 2;
    }

double(3);
// output is 6

double (12);
// output is 24
```
Now lookee what an *arrow function* can do:
```
const doubleArrow = num => num * 2;

doubleArrow(3);
// output is still 6!

doubleArrow(12);
// output is still 24!
```
![whaaaaaat?](http://memeshappen.com/media/created/2016/12/Whaaaat-.jpg)

The **doubleArrow** function did the exact same thing as what the **double** function did but in one line of code instead of three! That's amazing!

That was a very simple example using just one parameter. Let's do another very simple example but with *two* parameters this time, just for kicks.

```
// regular function

const sum = function (num1, num2) {
    return num1 + num2;
    }

// arrow function version

const sumArrow = (num 1, num2) => num1 + num2;

sum(1, 10);
// output is 11

sumArrow (1, 10);
// output is still 11
```

Pretty cool! The only difference between the double and sum syntax is we added the parentheses back in when there was more than one parameter to apply. You can still include the parentheses if there is just one parameter, but they're optional.

There are some other cool features of the arrow function that slightly differ from regular functions (most notably while using the 'this' keyword), but we can delve into that in a later post. :)
Why HTML is important for web developing
Published: 2018-11-07 22:20:51

---
title: Why HTML is important for web developing
published: true
description: Importance of HTML
tags: 
---

The first web-page displaying language I have learned is HTML. Many of people would think HTML is a really easy language to learn and understand, and I also think the same, but HTML is like addition and subtraction we learn in kindergarten. Without knowing how to use the basic operations of math, we would not be able to do any kind of other higher mathematics problems. Just like the basics of mathematics, HTML is the basics of web developing and always needed.

Why is HTML always needed? If I was creating a web-site using JavaScript and a empty HTML page. I would be able to render out the display to the web-page without writing anything to the HTML(except for <html>,<head> and <body>),but even if we are using JavaScript, we would still need to know the HTML syntax to create HTML displays.

Example Code:

 ![alt text](https://thepracticaldev.s3.amazonaws.com/i/sgy2kgos64na4f1h8gzd.PNG)

Example Display:

 ![alt text](https://thepracticaldev.s3.amazonaws.com/i/hx0s3xin9iwaa2he1726.PNG)

So on the example code, adding a HTML syntax to a variable and appending it to the div that was created in body is one of the ways to display on web-page using JavaScript. With this JavaScript code, The web page is displayed just like it was created in HTML.

There is one more different example for this written in different way.

Example Code:

 ![alt text](https://thepracticaldev.s3.amazonaws.com/i/do7opydzmgmflftx5ya5.PNG)

Example Display:

 ![alt text](https://thepracticaldev.s3.amazonaws.com/i/hx0s3xin9iwaa2he1726.PNG)

The code in JavaScript is written in different way, but the outcome is the same. I do not know all of the differences these codes might consist, but I prefer the second way more. It just looks cleaner and more readable to me.

So the point for showing and explaining these codes were to emphasize that the HTML syntax is the basics of HTML-JavaScript web-development and is the basic essentials that must be mastered.
Welcome Thread - v21
Tags: welcome
Published: 2018-11-07 21:55:57

---
title: Welcome Thread - v21
published: true
description: Introduce yourself to the community!
tags: welcome
---

Hey there! Welcome to dev.to!

![A magical purple dog witch waves a stick-wand in a circular motion over a cauldron, and out comes smoke: "Sup?"](https://media.giphy.com/media/3o6ZsXTQUVOT84Zrz2/giphy.gif)

Leave a comment below to introduce yourself to the community!✌️

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment and say hello or ask them a question. 👋

3. Or answer this question: What single programming book or resource would you recommend?
Socket.IO: Real-Time Communication
Tags: socketio, javascript, node, server
Published: 2018-11-07 21:25:40

---
title: Socket.IO: Real-Time Communication
published: true
description: 
tags: socket.io, javascript, node, server
---
![](https://thepracticaldev.s3.amazonaws.com/i/7brapfmfwzs9cmv1zj6w.jpg)
Hello fellow Javascript coders, 

This article will explain Socket.IO and its advantageous use in full stack web applications as opposed to a traditional and lengthy database approach.

Firstly, Socket.IO is a Javascript library that facilitates real-time communication between clients and servers. This function is an integral component of any application that relies on data streaming, messaging, simultaneous group collaboration, and, even, gaming. Socket.IO is consisted of two parts that allow this instant communication: a client-side library in the browser and server-side library in Node.js. Sockets provide a two-way channel between these two sides of the interaction that allows clients to push to a server and receive an emitted response to all connected clients in a very short time. Because of this efficient functionality, many popular applications use it such as Microsoft Office, Trello, and Zendesk. 

Now, in order to implement Socket.IO in your application, follow the next steps. First, we need to install express and socket.io using the node package manager (npm). 
`npm init`
Enter yes to all of the questions the terminal asks. Then, run:
`npm install --save express socket.io`
This installs all the packages needed to correctly run Socket.IO. Next, we need to implement the application using the installed packages. In a .js file, use the following:
`const express = require('express');
const app = express();
const server = require('http').createServer(app);
const io = require('socket.io')(server);
const socket = io();`
Next, we need to tell the program what to do when a connection is established. Use this command:
`module.exports = function(io) {
    io.on('connection', function(socket) {
        //SOCKET ROUTES
        socket.on('new-data', function(data) {
            console.log(data);
        }
    })
};`
Now, whenever a connection 'new-data' is established, the data will log in the console. Nice!

This framework only outlines the beginning of a Socket.IO application, but there is so much more to do in terms of creativity and practicality.
Game Off 2018 (2)
Tags: lua, gamedev, gameoff2018, pixelart
Published: 2018-11-07 21:04:42

---
title: Game Off 2018 (2)
published: true
description: Some new pixel art and write some function for table!
tags: lua, gamedev, gameoff2018, pixelart
---

Hello!
Day 2 of my report for the Game Off 2018!

Today I continue to work on the Pixel Art for my game!

I've create some flowers...
![Flowers](https://thepracticaldev.s3.amazonaws.com/i/2ddv340xfvokzoapx1o1.gif)


And some seeds...
![Seeds](https://thepracticaldev.s3.amazonaws.com/i/5w7ipn8opcapw8uqodie.gif)

I don't know wich flower can hybrid with other but for now I've some art!


And I've start to write some function to work with some 2D table!

```Lua
function array(pRow, pCol, pDefault)
	local tab = {}

	for row=1, pRow do
		local tab_col = {}
		for col=1, pCol do
			table.insert(tab_col, pDefault)
		end
		table.insert(tab, tab_col)
	end

	return tab
end

function access(pRow, pCol, pTab)
	local col = pTab[pRow]
	local val = col[pCol]
	return val
end

function replace(pRow, pCol, pTab, pVal)
	pTab[pRow][pCol] = pVal
end
```

It's all for today! I think I'm going to share my advancement everyday!
Have a nice day!
Testgetriebene Entwicklung von Angular Apps (W-JAX 2018)
Tags: angular, tdd, webdev, ng
Published: 2018-11-10 18:42:08

---
title: Testgetriebene Entwicklung von Angular Apps (W-JAX 2018)
published: true
tags: Angular,TDD,Web Development,ng
canonical_url: 
---

Hier befinden sich die Slides meines Vortrags über die testgetriebene Entwicklung von Angular Apps vom 6.11.2018 der WJAX.

Das Projekt liegt auf [GitHub](https://github.com/maimArt/tddangular). Die einzelnen Entwicklungsschritte sind dort innerhalb der Commits und dem zugehörigen GitHub-Project dokumentiert.

https://speakerdeck.com/maimart/testgetriebene-entwicklung-von-angular-apps-wjax-2018

The post [Testgetriebene Entwicklung von Angular Apps (W-JAX 2018)](http://maimart.de/testgetriebene-entwicklung-von-angular-apps-w-jax-2018) appeared first on [maimArt](http://maimart.de).
Are coding challenges and/or white-boarding in an engineering interview really needed?
Tags: discuss, career, interview
Published: 2018-11-07 20:07:42

---
title: Are coding challenges and/or white-boarding in an engineering interview really needed?
published: true
description: 
tags: discuss, career, interview
---

Hi Everyone!

I'm sure **white-boarding** and/or **online coding challenges** during interviews is something that everyone here must have faced sometime. Honestly speaking, I've always been skeptical of them and below is a reason why:

*As an applicant, the result of a coding challenge with a timeline (like [HackerRank](https://www.hackerrank.com/)) OR a take-home over a weekend is never accurate as most questions in it are purely academic such as calculating space-time complexities and also the questions tend to be theoretical.*

*Scoring high or low in them will hardly give you an idea of what a prospective candidate is capable of because, given an enterprise environment problem statement - a solution to such questions can be found in conjunction with Google/StackOverflow/Official Docs anyway.*

I believe a person's will to find answers when they don't know and solve a problem with a genuine understanding of impact is more vital and therefore I'd rather prefer interacting with someone (or multiple) in a personal interview (*phone, Skype or on-site*) to solve a problem that mocks a real world scenario. This will help both sides to evaluate each other as to whether they'd be a good match (**technically/behavioral**) or not.

------

So I've the following questions for the Dev.to community:

- What’s your experience with coding challenges, technical tests, tasks? (e.g. codility, hackerrank or various custom “homeworks”) as an applicant and as an evaluator as well?
- Do you think it properly evaluates if an applicant is a fit for the job?
- What is a viable alternative that works for you as a hiring manager?
Just a prototype game
Tags: gamedev
Published: 2018-11-07 20:06:33

---
title: Just a prototype game
published: true
description: 
tags: gamedev
---

Hey everyone! It's time for my first post here @ dev.to

My name is Theodoros (or Teo) and I come from Greece. After many years of programming and experimenting on new languages and frameworks, I came to the conclusion that I love doing 2 things: coding PHP and making games, mostly 2D.

And since we are talking about 2d games, here my latest game that I recently started to code.

{% youtube 6voVWJY7Eu4 %}

I have a <b>question</b> for you: Should the player try to avoid the falling objects or hit them with his head?(maybe both?).

I will keep you updated.
Cheers!
Printable card games and posters for developers
Tags: game, cards, poster
Published: 2018-11-07 19:51:56

---
title: Printable card games and posters for developers
published: true
description: Card games and posters for developers
tags: [game, cards, poster]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/v6rcma6kldg0fm0hau99.jpg
---

Recently I found two card games for developers, which are also free to download and some posters. **I wonder what else do I miss?** Share your findings in comments.

## SHIP IT! The Game of Product Management

![](https://thepracticaldev.s3.amazonaws.com/i/bjcrr3ji4ommrw8gljd8.jpeg)

Postlight's first game is all about the trials and tribulations of shipping software. Due to popular demand, they created a [print-and-play version](https://postlight.com/about/news/ship-it-the-game-of-product-management) of the game, which you can download after completing this short survey.

## Elevation of Privilege (EoP) Threat Modeling Card Game

![](https://thepracticaldev.s3.amazonaws.com/i/q9jg5og0djpn9aqxo588.jpg)

Elevation of Privilege (EoP) is the easy way to get started threat modeling. It is a card game that developers, architects or security experts can play. Download [here](https://www.microsoft.com/en-us/download/details.aspx?id=20303).

## UK Home Office Posters

Home Office repository of posters covering different topics - research, access needs, accessibility and design.
Download [here](https://github.com/UKHomeOffice/posters).
🚂
Tags: wordpress, genesis, php
Published: 2018-11-07 19:43:32

---
title: 🚂 
published: true
description: Still chugging along with WordPress
tags: #WordPress #Genesis #php
---

Still working with WordPress and started learning a little PHP to go along. Dabbling with Genesis framework and it various plugins. 

I’m really liking the flow of designing websites and having the ability to jump into the code if I need to.  Haven’t messed with Gutenberg yet, but it seems to be a “hot button” issue in the WordPress arena. I guess I haven’t been under the hood of WordPress to really understand the benefits and disadvantages of Gutenberg. 

Obviously, WordPress has sparked a little interest in PHP and there seems to be a lot of quality resources for learning the language. 

To the woodshed.
Does programming require empathy?
Tags: discuss
Published: 2018-11-07 19:34:17

---
title: Does programming require empathy?
published: true
tags: discuss
---

> “The craft of programming begins with empathy, not formatting or languages or tools or algorithms or data | structures.” - Kent Beck

We found this quote on Twitter and have no context to it. In our show (nearer the end) we try to determine what it might mean, and whether we agree with it.

{% podcast https://dev.to/edaqa-and-stephane-podcast/11-leaking-proxies %}


Is Beck referring to empathy for users, other developers, or something else? What do you think? Do you agree with it?

My opinion in the end is that I agree there must be an understanding of users expectations, but that "empathy" is the wrong word.
VS Code, New Project in Windows Command
Tags: new, project, command, terminal
Published: 2018-11-07 18:07:52

---
title: VS Code, New Project in Windows Command
published: true
description: Simple project tutorial
tags: new, project, command, terminal
---

Now a days with the time we spend in our terminals it's nice to know how to do very basic things without leaving the terminal. So what would we need to do if we had to create a new directory, initialize a project, create a index file and open that file in a code editor. It's actually pretty simple and I only have trouble ever, remembering one part of it. The steps are as follows:

First we may need to get to whatever directory we want to create our project directory, for instance. If that were in my projects folder it might look like this:

```
cd C:\projects
```
Next, we need to create our project folder:

```
mkdir super-cool-project
```
Again we need to change directories to get us inside:

```
cd super-cool-project
```
Now we need to initialize a git repository to track our changes on the project:

```
git init
```
And while we're at it, we need to bring in the ability to work with NPM. This will prompt us to create our default config for the project.

```
npm init
```
Finally to get started, we are just going to create an `index.html` file, but in reality this could be an `index.js` or whatever initial file you want to start working on.
```
type nul > index.html
```
Open in Visual Studio Code:

```
code .
```
Why the React community is missing the point about Web Components
Tags: webdev, webcomponents, bestofdev, javascript
Published: 2018-11-07 17:41:51

I'm a generalist web developer with my hands in a few libraries.I don't consider myself a purist or evangelist of any technical approach, especially on the front end. That is to say, I don't feel like I have a dog in the Web Components fight, but I find this discussion very interesting.

In a conversation about technical trends lately, I got talking to @bennypowers about the dialog surrounding Web Components, and the push back from the web community. Regardless of where you stand on the issue, I found the comment very much worth reading. 

{% devcomment 6hl2 %}

If you want to learn more about Web Components, Benny is one of a few DEV members who publish great tutorials on the subject.

{% link https://dev.to/bennypowers/lets-build-web-components-part-1-the-standards-3e85 %}

{% link https://dev.to/thepassle/web-components-from-zero-to-hero-4n4m %}

Happy coding ❤️
What can tech employers do to support your mental health?
Tags: inclusion, discuss, mentalhealth
Published: 2018-11-07 17:09:03

---
title: What can tech employers do to support your mental health?
published: true
description: 
tags: inclusion, discuss, mentalhealth
cover_image: https://farm2.staticflickr.com/1654/25497498660_83caff5092_k.jpg
---

We've seen [lots](https://dev.to/kaelscion/how-do-you-cope-with-life-issues-191f) [of](https://dev.to/andrew/its-okay-to-not-be-okay) [posts](https://dev.to/ogfris/what-its-like-being-a-developer-with-schizoaffective-disorder-1ei) on dev.to about mental health, and there are organizations like [Open Sourcing Mental Illness](https://osmihelp.org/) working to change how we talk about mental health in the tech community.

If you're a person with mental illness, what are some things your employer does to support you and your needs? What could they improve? How can fellow developers help you feel more included in our industry?

*Image from [#WOCinTech](https://www.flickr.com/photos/wocintechchat/)*
Favourite VSCode Plug-ins 
Tags: discuss, webdev, productivity, showdev
Published: 2018-11-07 17:08:08

---
title: Favourite VSCode Plug-ins 
published: true
description: 
tags: discuss, webdev, productivity, showdev,
---

👋 guys,

I know emmett is avail on other Code editors too but it’s one that I like. Other than that I just have one that shows icons based on the file extension and autocomplete. 

For those that use VS Code, what are your fav plug ins?
Papers We Love!
Tags: discuss, pwl, whitepaper, computerscience
Published: 2018-11-07 16:43:24

---
title: Papers We Love!
published: true
description: Let's start a Papers We Love inspired discussion group here on DEV.to.
tags: discuss, pwl, whitepaper, computerscience
---

# What is Papers We Love?

[Papers We Love](https://paperswelove.org/) is a community that reads and discusses academic computer science papers. It's a meetup group with an international presence and a yearly conference.

We're not exactly a chapter since we don't meet, but [@hoelzro](https://dev.to/hoelzro) and I thought it would be fun to start a PWL-like discussion group here on DEV.to.

What kinds of things would folks here like to read and talk about for our initial "meeting"? The papers repository collects an intimidating number of papers and topics to choose from, but I thought we could maybe start with one of these three broad categories:

- [Distributed Systems](https://github.com/papers-we-love/papers-we-love/tree/master/distributed_systems)
- [Gamification](https://github.com/papers-we-love/papers-we-love/tree/master/gamification)
- [Ethics](https://github.com/papers-we-love/papers-we-love/tree/master/ethics)

Please comment or react if you want to participate so we can gauge interest, and if one of these three topics speaks to you (or there's something else you _really_ want to read and talk about), please vote in the comments below. [@hoelzro](https://dev.to/hoelzro) will announce our first paper and open the discussion thread on Monday.