teleren/devto huggingface dataset:
Startup CliX: RC1 with Private Games & Mobile UI
Tags: pushercontest, javascript, game, aws
Published: 2018-05-16 20:34:03

---
title: Startup CliX: RC1 with Private Games & Mobile UI
published: true
description: 
tags: pushercontest, javascript, game, aws
series: [pusher contest]
---

Tomorrow I'll be off to a [festival](http://www.wave-gotik-treffen.de/english/info/info.php), so I tried to get a first playable version ready today. If I don't die of intoxication over the weekend I'd polish it a little bit more and fix bugs before final submission.

It isn't pretty, but at least it works... I think :D

## Known Bugs

- the back-end sends `round:end` after it calculated your new capital, this can lead to sales that come it before the `round:end` event hits the client, but aren't counted on the back-end anymore.

Code: https://github.com/kay-is/startup-clix
Demo: https://kay-is.github.io/startup-clix/

## Private Games

Trying to test games isn't easy if you are joining random games all the time. So I added a private mode.

You enter your name and a maximum player amount and start a private game, then you can share a link with your friends.

If your maximum player amount is reached the game starts.

## Gameplay

Everyone gets $30000 capital.

You wait for the first round, click as fast as you can and ship your product.

The value of your product is something like clicks/time until submission, so more clicks per second yield better results, but shipping too early could result in not enough clicks etc.

End of the round everyone loses $5000 because of the burn rate.

If someone loses all their capital, they're removed from the game.

If only one player is left, they win the game.

## Mobile UI

Changed some widths and changed the display of the player-list, now it should work on mobile too.

## Architecture

I made a graphic of the architecture. It's missing a new function I recently added, but overall I think it's correct.

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

## Next

When I find the time next week, I'd like to replace the buttons with a Tinder-like swipe-card. So you can tap for the clicks and swipe up to sell.

Also, some UI changes could be communicated much better, you see when a round ends or starts, but the capital change isn't very prominent.

Also the end of the game is currently rather ... anticlimactic :/

Waiting for you're reports, hurr~ XD

-- EDIT --

Added some sound-effects.
Devs, what tools do you use to keep track of API changes? 
Tags: discuss
Published: 2018-05-16 17:21:36

---
title: Devs, what tools do you use to keep track of API changes? 
published: true
tags: discuss
---

We're constantly writing services, bots, and apps that include dependencies on external APIs. When those APIs inevitably change, we usually need to adapt to those changes. I've been in situations recently where my code breaks in production because of an API deprecation I wasn't aware of. How do you handle this situation? Do you use any tools or processes for API tracking? Curious to hear about your experiences!
What is the difference between an IDE and a text editor?
Tags: discuss, vscode, ide
Published: 2018-05-16 16:26:23

---
title: What is the difference between an IDE and a text editor?
published: true
tags: [discuss, vscode, ide]
---

When I started in development I did it with Java. At first, I use Netbeans, then I jump to Eclipse, then to Netbeans again, and then I discovered IntelliJ IDEA. I stay there for a while, but over the years it become heavy for my little machine (back then I had a Laptop with an E-350 APU, and 8GB of RAM). 

When I started in web development, I did it with AngularJS. I started with IntelliJ WebStorm because it was a great tool to develop with Java, but I started to realize that it wan't a good tool for web development at all. I then jump between multiple popular text editors, until VSCode was launch.

Personally did not care about all the _Microsoft is not open source_ thing, and was a early adopter. Now I look VSCode, and I can do almost all the things that I did with IDEA, but create a particular file for a particular situation, but I have snippets for that. 

So... Does IDEs have earned more power to do things? Does text editors are IDEs now? What is the actual difference between an IDE (with a bunch of build-in plugins) and a text editor (with a bunch of user downloaded plugins)?
Three tips for writing better CSS
Tags: css
Published: 2018-05-16 15:52:16

---
title: Three tips for writing better CSS
published: true
canonical_url: https://alexcarpenter.me/posts/2018/05/css-tips
description: I seem to be apart of the few lately, but I still love CSS.
tags: CSS
---

It's not without its challenges, but nothing I don't experience when working with <abbr title='Hypertext Markup Language'>HTML</abbr> or JavaScript in my opinion.

Here are a few quick tips I have been thinking about lately with regards to writing better <abbr title='Cascading Stylesheets'>CSS</abbr>.

## 1. Reduce far-reaching styles

Be careful styling raw <abbr title='Hypertext Markup Language'>HTML</abbr> elements globally. Make careful use of the cascade. Globals are powerful and need to be thoroughly considered before being introduced.

For example, I get a little nervous when I see headings getting overly specific styling outside of a default `font-weight` and `font-size`. When you start to introduce colors, text transformations, I often see them having to be overridden farther down the document.

Try to reduce that amount of times you have to undo something you had previously declared farther up the cascade.

## 2. Whitespace

If you are using a build system to minify your <abbr title='Cascading Stylesheets'>CSS</abbr>, whitespace is a free documentation tool. This is a small but handy tip I picked up from Harry Roberts, he does a great job explaining how [whitespace can be semantic](https://csswizardry.com/2017/05/writing-tidy-code/).

## 3. Periodically check the output

This may seem silly to some, "I know what the output will look like, I wrote it!", but Sass and tools alike do a great job of masking what you might expect in the output.

Periodically checking the output has often resulted in me refactoring a bit of my <abbr title='Cascading Stylesheets'>CSS</abbr> for the better of the project.

---

This post was originally featured on my [website](https://alexcarpenter.me/posts/2018/05/css-tips).
Windows 2012 Server – Time Out of Sync
Tags: helpdesk, windows2012server
Published: 2018-05-28 23:03:15

---
title: Windows 2012 Server – Time Out of Sync
published: true
tags: #helpdesk #windows2012server
canonical_url: 
---
Our help desk guy is on vacay, Server Admin on the road and I'm last in our little team.  So, there's this awkward "documentation" post.

Our “TimeClock” server (of all servers!) became 5 minutes out of sync. I used a 3rd party time server, [NTP Pool Project](http://www.pool.ntp.org) to solve the problem. Here’s how:

Open CMD prompt as admin, and set time sync to 3rd party server using this command:

```
w32tm /config /syncfromflags:manual /manualpeerlist:"0.pool.ntp.org 1.pool.ntp.org 2.pool.ntp.org 3.pool.ntp.org"
```

Source: [http://www.pool.ntp.org/en/use.html](http://www.pool.ntp.org/en/use.html)

Open Server Manager Tools Services  
Select “Windows Time”  
Restart

Return to CMD prompt and enter:  
`w32tm /query /status`

All is groovy and back in sync!…
The Psychology behide the dev.to notification icon
Tags: question, puzzled, uiux
Published: 2018-05-16 13:43:31

---
title: "The Psychology behide the dev.to notification icon"
published: true
description: 
tags: "question, puzzled, UI-UX"
---

![The Psychology behide the notification the dev.to icon](https://thepracticaldev.s3.amazonaws.com/i/sjyj46r745nk9j0nc7eu.PNG "The Psychology behide the notification the dev.to icon")

i have, for a while now, been trying to understand why DEV.TO added an active notification icon as if someone is already logged in instead if a login/logout lock, or text - `login/logout`.

i really like the idea and that is how i signed up after i clicked the icon severally and going to the login/signup page.

is this something conventional?
What's the difference between a software developer and software engineer?
Tags: discuss, ask, software, engineering
Published: 2018-05-16 12:49:44

---
title: What's the difference between a software developer and software engineer?
published: true
description: Is there really a difference? if so, what is the real difference?
tags: discuss,ask,software,engineering
---

As a grade 10 high-school dropout with no formal eduction, who decided to skip school and jump into a career in development, I find my last two careers, the first question they had for me is, *What is the difference between a software developer and software engineer?* - A question, at it's forefront, that struck me off guard, and helped me appreciate the world of development.

At first, my thought process was to answer with a naive question, *"Is there really a difference between a developer and engineer?"* - This was struck with hardship from the potential employer at the offset, and indicated there are differences, they asked me to, at a high level, name 10 key differences between a developer and an engineer.

**I know what you're thinking,** how am I supposed to answer that as a grade 10 dropout? It's a difficult question to answer, so I had a think about it, and here's what I found:

## A Software Developer Is

- someone who knows code to any degree
- someone who is able to understand to any degree the requirements and how they could implement it
- someone who is passionate about the code they're writing
- someone who isn't afraid to speak their mind

## A Software Engineer Is

*all of the aforementioned traits, in addition to...*

- someone who can quickly and easily scope and understand requirements in depth
- someone who is able to fully digest and design the systems to be scalable within a reasonable technical capactiy
- someone who can speak fluently about the design decisions and principles to non-technical individuals and assist them in understanding the decisions and reasonable requirements made
- someone who, at the off-set, willing to, able to, and will interrupt the design or development process and raise concerns over practical and impractical development guidelines and decisions
- someone who, not only can determine how they can fix a problem or implement a feature, but can also determine how others can, and is willing to assist along the way

## With this in mind...

How would you define the difference, if any, between a software developer and software engineer?
Explain me how to get a remote job like I'm five
Tags: rookie, career, explainlikeimfive
Published: 2018-05-16 12:44:32

---
title: Explain me how to get a remote job like I'm five
published: true
description: 
tags: rookie, career, explainlikeimfive
---

Hi there! I started developing 6 months ago, I'm programming in Angular and AngularJs at work right now, and I use Ionic on another client's project. In my spare time I study back end.
Is it possible to get a remote job with my amount of experience? Thanks guys!
Do you find value in writing your own frameworks?
Tags: discuss
Published: 2018-05-16 09:37:53

---
title: Do you find value in writing your own frameworks?
published: true
tags: discuss
---

Yet another MVVM framework ([uxjs](https://github.com/ua1-labs/uxjs)) is born. By why? I keep writing my own frameworks. For years, I've wondered if there was any value in writing them?

Here's what I think:

* Learning - When I first started programming, It all seemed to be like magic to me. For me to demystify this magic, I had to build it myself. 
* Control - When I am tasked with developing things for clients, I get to control everything!


Do you build your own frameworks?

if so...

what is the value for you?
Top 10 AngularJS Frameworks Modifying Web Application Development
Tags: blog, angularjsframeworks, topten
Published: 2018-07-03 12:17:57

---
title: Top 10 AngularJS Frameworks Modifying Web Application Development
published: true
tags: Blog,AngularJS Frameworks,Top Ten
canonical_url: 
---
![](https://www.itfirms.co/wp-content/uploads/2018/05/top10-frameworks-of-angular.jpg)
Selecting a technology stack is the most important thing for a startup business to consider before web application development and that provides the most strike for the buck to get their projects off the ground.See: [https://www.itfirms.co/top-10-angularjs-frameworks-modifying-web-application-development/](https://www.itfirms.co/top-10-angularjs-frameworks-modifying-web-application-development/)
Display a file from another branch
Tags: git, quicktip, tip
Published: 2018-05-16 07:07:41

---
title: Display a file from another branch
published: true
description: See ya checkout!
tags: git, quicktip, tip
---

Ever wanted to see a file from a different branch? Well, no need to `stash` && `checkout`, just use `git show`.

```
dev $ git show master:path/to/file
```


PS: this works with any reference (not sure if that's the right term, correct me if I'm wrong), like commit and tags:

```
master $ git log --oneline
d529def Some more new stuff
4598db3 Some new stuff
e8dd680 init
master $ git show e8dd680:path/to/file
<The content of the file at commit e8dd680>
```

Enjoy!
Outsource Web Data Scraping Services
Tags: datascrapingservices
Published: 2018-05-16 06:12:44

---
title: Outsource Web Data Scraping Services
published: True
description: Outsourcebigdata helps customers with web data scraping and web crawling outsourcing services such as smart data scraping, bulk data scraping, scheduled data scraping from different web sources. 

tags: Data scraping services
---
5 TIPS TO GROW YOUR SOFTWARE ENGINEERING CAREER
Tags: video, career, growth, amycodes
Published: 2018-05-16 02:04:02

---
title: 5 TIPS TO GROW YOUR SOFTWARE ENGINEERING CAREER
published: true
description: I’ve learned a lot through trial and error, and gained a lot of advice along the way too. Here are 5 of my favorite tips to grow your software engineering career. Cheers 🥂
tags: video, career, growth, Amy Codes
---
[![](https://thepracticaldev.s3.amazonaws.com/i/3aphy6sitqx7lxp9zeie.jpg)](https://www.youtube.com/watch?v=_lJarNEjT94)

Hi everyone! My name is Amy and I'm new to dev.to. During the weekdays, I'm a systems software engineer that works with tools like **Kubernetes, Docker, and Go**! I love all things **distributed systems**. On the weekends, I make youtube videos about software engineering. This past weekend, I made a video that gives tips on **career growth**.

### Here are 5 tips to grow your software engineering career!

1. Learn how to communicate technical ideas
2. Constantly work to expand your scope of involvement and understanding
3. Work on "soft skills"
4. Don't take everything as direction
5. Keep track of your progress

If you're interested in learning more about each point, check out my video.
👉🏼[https://www.youtube.com/watch?v=_lJarNEjT94](https://www.youtube.com/watch?v=_lJarNEjT94)👈🏼

---
Definitely make sure to follow me on dev.to for more awesome content
✨[https://dev.to/amycodes](https://dev.to/amycodes)✨
Handling Sounds With HTML5 Canvas
Tags: html5canvas, javascript
Published: 2018-05-16 00:57:52

---
title: Handling Sounds With HTML5 Canvas
published: true
description: Reusing sound assets
tags: HTML5 Canvas, JavaScript
---

There are two takeaways here: initialize assets and reuse them, and if you want to play event-triggered sounds that could overlap (laser firing, for example), you'll want multiple copies of the asset available. 

I learned pretty early to initialize static assets once and then reuse them. The original implementation was adding a new asset for each game object. This meant every laser fired would add another sound to the DOM. As you can imagine, this allows you to figure out the upper limit on the quantity of elements in the DOM pretty quickly.

The solution was to not tie the sounds directly to objects, but rather to create a pool of sounds, then cycle through the pool when a sound was triggered.

Here is the implementation:

https://github.com/modle/centipede/blob/260fa54dadce91f25148638cf1eb10d46ff13dec/app/scripts/sound.js

`init()` will get called by the loader script, and will loop on the keys of the tracks object, creating the sounds and adding them to the DOM.

To play the sound, we just call `playSound()` with the type matching the key we want. `playSound()` will call `getSound()`, which will use mod to set the target index to the next index, or `0` if previous index was the end of the array. Then the sound element at that index will get returned and played.
Explain Redux's connect() and mapStateToProps like I'm 5
Tags: explainlikeimfive, redux, mapstatetoprops, connect
Published: 2018-05-15 22:28:41

---
title: Explain Redux's connect() and mapStateToProps like I'm 5 
published: true
description:  
tags: explainlikeimfive, redux, mapStateToProps, connect
---

Would love to hear some different explanations around this piece of Redux! Thanks in advance :)
EFAIL mitigations
Tags: discuss, security
Published: 2018-05-15 21:54:51

---
title: EFAIL mitigations
published: true
description: Let's collect mitigations for the recently discovered EFAIL attack, allowing attackers to read your encrypted mail.
cover_image: https://thepracticaldev.s3.amazonaws.com/i/uuuxjj5cn6p6ayd4ayk5.png
tags: discuss, security
---

As you might have heard there is a flaw in many popular email clients that allows an attacker to decrypt PGP or S/MIME encrypted email content.

Here's the website with all of the info about the attacks: [EFAIL](https://efail.de)

*Let's collect mitigation techniques especially for the clients affected by the direct exfiltration attack (Apple Mail, iOS Mail, and Mozilla Thunderbird)*

_____


Some immediate mitigations I've read about so far:
* Turn off OpenPGP and S/MIME encryption in your mail client and use an external tool (eg. [Keybase](http://keybase.io)) for encryption/decryption by copy-pasting content. 
* Disable HTML support. Only show plaintext
* **(For Thunderbird)** Leave OpenPGP encryption enabled but turn off automatic decryption/verification of messages in Enigmail settings

![A screenshot of thunderbird with the 'Enigmail' dropdown menu open and the selection on the menu item 'Automatically Decrypt/Verify Messages'](https://thepracticaldev.s3.amazonaws.com/i/tawh034iq7dhe7wvlmff.png)

* **(For Thunderbird)** Disallow remote content in messages.

![A screenshot of thunderbirds preferences with the 'Privacy' tab selected and the mouse cursor hovering over the checkbox 'Allow remote content in messages'](https://thepracticaldev.s3.amazonaws.com/i/r1ndg1zkk8owsun3sajk.png)

#### Note
The last 2 just protect you from stumbling into the attack. You can still be exploited if you accept remote content for that particular mail and/or if you manually decrypt the message.
Startup CliX: Finally some Gameplay
Tags: pushercontest, aws, javascript, game
Published: 2018-05-15 21:07:26

---
title: Startup CliX: Finally some Gameplay 
published: true
description: 
tags: pushercontest, aws, javascript, game
series: [pusher contest]
---

Today I did nothing haha.

But yesterday I implemented some basic gameplay with the help of DynamoDB and Step Functions.

## Gameplay

At the moment it goes like this:

1. Player opens game URL
   `Browser -> GitHub Pages`
2. Player requests game
   `Browser -> API-Gateway -> Lambda`
3. Back-end queues player
   `Lambda -> DynamoDB`
4. Player joins game
   `Browser -> Pusher`
5. Back-end starts an execution of the game
   `Lambda -> Step Functions`
6. Back-end sends _game:start_ event
   `Step Function -> Lambda -> Pusher`
7. Players receives initial capital via _game:start_
   `Pusher -> Browser`
8. Back-end sends _round:start_ event
   `Step Functions -> Lambda -> Pusher`
9. Players receive _round:start_ event and can now click/sell products
   `Pusher -> Browser`
10. Players click/sell products
   `Browser -> API-Gateway`
11. Back-End saves sales
   `Lambda -> DynamoDB`
12. Back-End calculates profit of the round
   `Step Functions -> Lambda/DynamoDB`
13. Back-End sends _round:end_ event with profit to players
   `Lambda -> Pusher`
14. Back-End sends _game:end_ event if only one player is left
   `Step Functions -> Lambda -> Pusher`

SQS is probably better suited for the task DynamoDB handles at the moment, but it was only one line in AWS SAM to setup a DynamoDB table, so I went with that lol.

## Next

Tomorrow is dedicated to the mobile readiness of the front-end and some clean-up. Hopefully some end user tests and then I'm ready to go :D
How do you organize your knowledge?
Tags: discuss, learning
Published: 2018-05-15 20:32:31

---
title: How do you organize your knowledge?
published: true
description: How to organize your knowledge in a way that is easier to retain?
tags: discuss, learning
---

I read a lot of research papers, new concepts every week. I am wondering what is the best way to organize the knowledge so that I retain and more importantly recall it quickly when required. Ideally, a knowledge tree is what I should make in my mind or on paper maybe, but I am not sure how to go about doing it.

Please share your ideas how you organize important points when learning new things?
If you're a frontend developer, How did you get your first job?
Tags: frontend, career, jobs, discuss
Published: 2018-05-15 19:54:55

---
title: If you're a frontend developer, How did you get your first job?
published: true
description: 
tags: frontend, careers, jobs, discuss
---

If you're a front-end developer, How did you get your first job in your career?
Tell us one of your secrets, advices, favorite tools ...etc

I'd like to hear from you all, Giants and noobs.
React 16.3: What’s New?
Tags: javascript, webdev, react
Published: 2018-05-15 19:53:19

---
title: React 16.3: What’s New?
published: true
description: Learn about the new features in React 16.3. New Lifecycles, Context, Strict Mode, createRef, and forwardRef
tags: #javascript #webdev #reactjs
canonical_url: https://auth0.com/blog/whats-new-in-react-16-3/
---

React 16 keeps evolving! Learn about the new features in React 16:3: Lifecycles, Context, StrictMode, createRef, and forwardRef .

[Read on ⚛️](https://auth0.com/blog/whats-new-in-react-16-3/?utm_source=dev&utm_medium=sc&utm_campaign=new_reactjs163)

![React 16.3: What’s New?](https://thepracticaldev.s3.amazonaws.com/i/a6rvt66fcm25xlpvxtdg.png)
Where do you go as a developer for info on your tech stack?
Tags: discuss, web, programming
Published: 2018-05-15 19:10:53

---
title: Where do you go as a developer for info on your tech stack?
published: true
tags: discuss, web, programming
---

A recent conversation came up with my colleagues on where developers go for content for their specific development stack. I would attest that it varies greatly depending on what technology or framework you might use.

Where do you go and for what development stack?

Here are some previous answers:

* C# / .NET - [docs.microsoft.com](https://docs.microsoft.com/?WT.mc_id=devto-twitter-shboyer), [Codeproject.com](https://codeproject.com), individual blog posts
* node.js - Twitter (which leads to blg posts), [stackoverflow.com](https://stackoverflow.com), podcasts 
* Java - DZone.com and InfoQ