teleren/devto huggingface dataset:
Nylas Developer Event: Building Systems that Scale
Tags: eventsinyourcity, api, scaling
Published: 2018-05-02 18:40:11

---
title: Nylas Developer Event: Building Systems that Scale
published: true
description: At our second Nylas Developer Event in San Francisco on Monday, May 7, we’ll be exploring the difficulties of scaling API and SaaS companies from an MVP product to one that can attract (and support) thousands of customers of all sizes.
tags: eventsinyourcity, api, scaling
---

## How to Navigate Technical Challenges While Scaling Your API Or SaaS Company

At our second [Nylas Developer Event](https://www.meetup.com/Nylas-Developer-Events), we’ll be exploring the difficulties of scaling API and SaaS companies from an MVP product to one that can attract (and support) thousands of customers of all sizes.

The panelists:
* [Mike Atkins](https://www.linkedin.com/in/redatkins/): Software Engineer @ LaunchDarkly
* [Liz Acosta](https://www.linkedin.com/in/lizacostalinkedin/): Software Developer @ Twilio
* [Christine Spang](https://www.linkedin.com/in/christinespang/): CTO and CoFounder @ Nylas
* [Keith Horwood](https://www.linkedin.com/in/keith-horwood-92b76062/): Founder & CEO @ StdLib


We’ll kick things off with a quick ice-breaker and then turn it over to our panel of technical leaders as they talk about their technical tricks and techniques to achieve growth as you scale. We’ll be answering questions like:
How do you know when it’s time to scale or change systems?
How do you balance scaling quickly without breaking systems? What kinds of monitoring systems are in place?
What specific tools have been most helpful as you scale?
How did you balance scaling for the number of transactions with scaling for your number of customers?
How do you scale while maintaining what's special about the project?


We’ll hear from people who have been in the trenches and can help you find your way out. Beverages (alcoholic and non-alcoholic) and light appetizers will be provided.

Tickets are free but limited — [claim yours now!](https://www.eventbrite.com/e/how-to-navigate-technical-challenges-while-scaling-your-api-or-saas-company-registration-44428915081)

Learn about more upcoming Nylas Developer events on the Meetup page here: [https://www.meetup.com/Nylas-Developer-Events/](https://www.meetup.com/Nylas-Developer-Events/)
Pixel Wars: Design
Tags: pushercontest, pixelwars, game, gamedesign
Published: 2018-05-02 17:42:36

---
title: Pixel Wars: Design
published: true
description: An app/hack submitted to the first-ever DEV Community contest. 
tags: pushercontest, pixelwars, game, gamedesign
---

**Pixel Wars** will be my entry for the [First Ever DEV Contest](https://dev.to/devteam/first-ever-dev-contest-build-a-realtime-app-with-pusher-4nhp).

**Pixel Wars** is a web game inspired by [Reddit Place](https://en.wikipedia.org/wiki/Place_(Reddit)). The game will have a square canvas with a number of cells. The player can click on a cell to claim it, and the goal is to have as many cells as possible.

# Game rules

* The game board is a square canvas with a number of cells to be defined.
* When the player clicks on a cell, the cell is assigned to that player.
* A player can only claim a cell if nobody has previously claimed any cell or after a different player has claimed a cell, i.e., a player cannot claim two cells consecutively.
* To ease the previous rule when there are few players, there will be a bot that will claim a random cell if no player has claimed any cell in 2 minutes, or when there are no players connected.
* The game session will (most probably) not be preserved between connections. When a player leaves the game and comes back later, it will be considered a new player.

# How am I going to use Pusher?

This is a real time game in the sense that when a player claims a cell, all other players must be notified as soon as possible. Therefore, I'm going to send updates to the game board using Pusher. Also, the game will have a leaderboard featuring the players with most cells claimed currently and in total. The leaderboard will also be updated in real time using Pusher.

# Tech stack

I will create a simple backend with Node and MongoDB and I will use Elm in the frontend.

That was my introduction. I hope to see plenty of entries, and good luck to everybody participating in the challenge!
Pusher contest ideas/discussion thread
Tags: pushercontest, discuss
Published: 2018-05-02 17:24:38

---
title: Pusher contest ideas/discussion thread
published: true
description: 
tags: pushercontest, discuss
---

Hey everyone. Whether or not you plan to submit an app or hack to the first DEV Contest (deadline May 25th), here is a thread to throw out ideas to help those who are excited to take part but don't know what to build.

The contest requires making use of the [Pusher Channels product](https://pusher.com/channels?utm_source=dev.to&utm_medium=referral&utm_campaign=Devtocontest)
Everest: A gorgeous REST API client written in JavaFX
Tags: javafx, restapi, showdev, desktopapp
Published: 2018-05-02 15:31:23

---
title: Everest: A gorgeous REST API client written in JavaFX
published: true
description: 
tags: javafx, rest-api, showdev, desktop-app
cover_image: https://i.imgur.com/gOqKGlA.png
---

Hi! I'm Rohit, a student currently in the second-year of Computer Engineering. For the past 4 months, I've been building a REST API client with JavaFX. I'm really excited to share my work with you folks! 

![Windows10](https://user-images.githubusercontent.com/23148259/41772368-f9276dae-7635-11e8-97ec-1a1e8aa608c4.PNG)


My goal with this project was to make something similar to _Postman_ and _Insomnia_ but in a lighter package using JavaFX without compromising on the beautiful design that Electron-based applications come with, while maintaining a comparable level of functionality. I'm currently focused on optimizing every thing that comes under my radar but I also add new features occasionally.


Here are some of the core features:
- A gorgeous user-interface.
- Making  GET, POST, PUT, DELETE and PATCH requests. (_duh_)
- **Multi-tab** layout.
- History tab to quickly search through your recent requests.
- Support for **custom themes** via JavaFX CSS!
- A **Visualizer** which shows you a nice tree for your response bodies
- Being written in Java, Everest is inherently **cross-platform**.

Okay enough, my beautiful README is getting jealous so why don't you go check her out on GitHub: https://github.com/RohitAwate/Everest

Please try out the alpha and let me know what you think! :)
OpenShift for Mere Mortals Part One: Containers
Tags: docker, openshift, containers, kubernetes
Published: 2018-05-02 15:03:53

---
title: OpenShift for Mere Mortals Part One: Containers
published: true
description: a blog series about OpenShift, Containers, Kubernetes, and more
tags: docker, openshift, containers, kubernetes
cover_image: https://thepracticaldev.s3.amazonaws.com/i/c1kv6b4wezp3xnpho2fv.png
---

This week I'm beginning a blog series on using OpenShift called *OpenShift for Mere Mortals*. It will cover various aspects of utilizing containers to enhance your software development and devops processes. I've become the go-to guy on containers in my organization, and I'm always available to answer any questions that people have. Check out the blog series here:

[https://vault.osninja.net/openshift-for-mere-mortals-part-one/](https://vault.osninja.net/openshift-for-mere-mortals-part-one/)
Learning Generative Art; day 3 "Strings" 🎻
Tags: beginners, art, graffiti, showdev
Published: 2018-05-02 14:46:24

---
title: Learning Generative Art; day 3 "Strings" 🎻
published: true
description: I drew an image expressing strings with p5
tags: beginners,art,graffiti,showdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/urzdi9c51hiztg77bvdx.png
---

(I accidentally updated this article with another content. I retrieved the original content as much as possible... 😢)

Continuation of [My first step in learning Generative Art](https://dev.to/ohbarye/my-first-step-in-learning-generative-art-3674).

## "Strings"

![image](https://thepracticaldev.s3.amazonaws.com/i/urzdi9c51hiztg77bvdx.png)
![gif](https://thepracticaldev.s3.amazonaws.com/i/5syeudev9pqdd36fomkv.gif)

I drew an image expressing "strings"; One string is dull, weak, and ephemeral. But once it gathers, it could be string and persistent. We can weave everything with strings.

Maybe Western people have a proverb like "three pillars of stability"? We Japanese say that "three arrows" though.


```js
function setup() {
  createCanvas(600, 400);
  frameRate(4)
}

function draw() {
  background(255)
  for (var i = 100; i < 400; i++) {
    var r = random(200);
    stroke(color(random(r),random(i),random(i), 60));	
    line(300, r, i, 100)
    line(300, i, i, 100)

    line(i, i, i, 300)
    line(i, i, r, 300)
    line(i, r, i, 300)

    line(500, r + 200, i + 200, i)
  }
}
```

## TIL 📝

`line` function just draw a simple line. However, it has infinite possibilities in the generative art world.
How to build your own WYSIWYG Editor
Tags: javascript, webdev, wysiwyg, css
Published: 2018-05-02 14:25:28

---
title: How to build your own WYSIWYG Editor
published: true
description: how to build WYSIWYG editor 
tags: javascript,webdev,WYSIWYG,css
cover_image: https://thepracticaldev.s3.amazonaws.com/i/iq31smiw88genjq1e72k.png
---

**Have you seen WYSIWYG editors Today I'm showing the simple version of WYSIWYG editor.**



If you're familiar with HTML and JavaScript then you're good to go.

So let's start our simple version
I'm not explaining everything but Important things

first, we need to add a [contentEditable](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute to  our  HTML element 


```
 <div class="editor" contenteditable>
      <h1>Simple Html editor</h1>
      <p>Good to start</p>
    </div>
```

Now, div element is editable and our HTML document exposes **[execCommand](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand)**.

Let's see what is execCommand

```
document.execCommand(cmd,defaultUI,value);
```

## execCommand needs  three arguments 

**cmd** : It means we have to tell which command needs to execute.
example:'bold' [commandslist](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Commands)

**defaultUI** :it is boolean whether default user interface is shown or not.

**value** : We need to add value argument to some commands.
 example: In createLink cmd, we need to add a value it refers to href attribute in the link.
 

So lets make it use of execCommand in practice


Now I'm creating button HTML element and attached an event listener to it.

```
  <button class="tool-items fa fa-bold" 
  onclick="document.execCommand('bold', false, '');">
 </button>
```

Now we are only built bold command Check out full version below. 

{% codepen https://codepen.io/saigowthamr/full/OZmWqW/ %}
What should be the length of title on SEO Prestashop
Tags: blog, prestashop
Published: 2018-05-03 02:14:07

---
title: What should be the length of title on SEO Prestashop
published: true
tags: blog, Prestashop
canonical_url: https://www.prestasoo.com/blog/what-should-be-the-length-of-title-on-prestashop-for-seo.html
---

![](https://www.prestasoo.com/images/stories/what-should-be-the-length-of-title-on-prestashop-website.jpg)

##How to write a strong SEO Title Tag that Google will love on your Prestashop website?
In my previous Prestashop Tutorial on **[SEO Prestashop Made Simple : A Step-by-Step guide](https://www.prestasoo.com/blog/prestashop-seo-made-simple-a-step-by-step-guide.html?utm_source=article&utm_medium=article&utm_campaign=titlelength "SEO Prestashop Made Simple : A Step-by-Step guide")**, i said that the title should be succinct between 5 and 10 words, roughly 60 characters. Yesterday when i worked on a **Prestashop 1.7** website, i saw that Prestashop suggest you to write a title tag with max 70 characters.

###What is the correct number?

Because title tags are one of the essential elements, and even a slight change in the meta title of your page can bring a significant shift in your organic rankings, so, we need to find the correct number.

The title tag tells search crawlers what your page is exactly about, it is the first content crawled on your page, so writing perfect title tag is extremely important.

###Take a look into the picture above.

Here we searched "remove Powered by Prestashop from email". #1 title has more than 65 characters, and #2 title has 63 characters ( it's me :D - Please don't tell me about the ranking ^^ : the first result from Prestashop. I just want to say that the #1 title has been truncated.). As i said, the length should be maxed 60 characters (including spaces), however, it is not a character length but actually, it is a pixel length which is considered by Google (600 pixels).

Hence character length for different languages can be different.

Stick to those, and your title on Prestashop website will generally not be truncated, if they’re relevant and you’re not doing anything crazy with special characters.

According to Moz community, the best title length is 50-60 characters, but in a blog post on Bigleap, Adam Fifield said that you can use max 70 characters.

Ok, I admit that i don't have a better position on ranking than someone :3, but at least, my title not be truncated. What is your choice? For me, 60 - 65 characters is the best option. No more.

Thanks for taking the time to read! Hope my [Prestashop Tutorials](https://www.prestasoo.com/Blog/) series is useful for beginners.
Any Embedded Systems (MCU to FPGA) Developers and Low Level Programmers here? What tools do you use in your day job?
Tags: discuss, embeddedsystems, fpga, microcontrollers
Published: 2018-05-02 12:30:41

---
title: Any Embedded Systems (MCU to FPGA) Developers and Low Level Programmers here? What tools do you use in your day job?
published: true
tags: discuss,embedded-systems,FPGA,microcontrollers
---

Any software tool, hardware tool, nice scripts that help you automate stuff and do whatever you do productively. Any books that you would like to recommend?
Minifying web files?
Tags: html, javascript, css, discuss
Published: 2018-05-02 12:22:24

---
title: Minifying web files?
published: true
description: Is there any one-size-fits-all minifying flow for those just starting.
tags: html, javascript, css, discuss
---

So, I've just gotten started with developing an actually useful website :o and I want to make sure that everyone is moderately able to load the page, even on a slow connection. Right now, I'm trying to figure out how I can simply minify the .js, .css and .html files for it, but I'm finding that there's a lot of tools that do each thing really well... but not one that just does everything.

I madly respect everyone that makes minify-ers, but I don't want 4 global node packages and 3 brew formulae just to minify the files.

**Is their any one-size-fits-all minifying tool for the web?**
What's the recommended method for designing secure and performant web sessions in 2018?
Tags: discuss
Published: 2018-05-02 11:16:00

---
title: What's the recommended method for designing secure and performant web sessions in 2018?
published: true
description: 
tags: discuss
---

Hi all! designing sessions is very essential for all modern webapps, however there is very little discussion about it. Let's assume that a webapp uses HTTPS by default (i.e. no worries about eavesdropping or modifying cookies).


Let's say I just want to design a session that stores only user id,  what's the best method to design sessions? from what I know:

## Web based sessions:
clearly the main disadvantage is I have to go to the database every http request and check the session ID. Sure I can use Redis to cache session ids, but also I have to implement a write through logic if I happen to update the session content so that Redis and the DB are synchronized

### Django's approach
just generate a random session id (long enough let's say more than 20 ascii chars) and store it in a cookie.

### Express session's approach
same as Django but also adds HMAC to the session id cookie (isn't this redundant for a HTTPS connection?)


## Client based sessions:

### JWT
lots of hate and critic about it even though it sounds pretty secure and more performant, and I am not sure how many respectable websites that actually implement it

---

What do you recommend? what's the current recommended method for designing session logic for a website (hopefully that could be extended to a mobile app) in 2018?
GO-Health package
Tags: go, showdev
Published: 2018-05-02 10:57:11

---
title: GO-Health package
published: true
description: Health check your applications and dependencies
tags: golang, showdev
---

I have built a package to check application health status. It's also possible to register dependencies like databases, third parties API.

*Supported Features*

- Service health status
- Graceful Shutdown Pattern
- Health check external dependencies
- HTTP Handler out of the box that returns the health status

Please check documentation: https://github.com/Talento90/go-health
.eslintrc without file extension is deprecated
Tags: javascript, beginners, opensource
Published: 2018-05-02 10:15:23

---
title: .eslintrc without file extension is deprecated
published: true
description: .eslintrc without file extension is deprecated but present in many projects.
tags: javascript,beginners,opensource
---

## `.eslintrc` file format

As you may know, the ESLint officially encourages us to give an adequate file extension to `.eslintrc`.

> ESLint supports configuration files in several formats:
> 
> * **JavaScript** - use `.eslintrc.js` and export an object containing your configuration.
> * **YAML** - use `.eslintrc.yaml` or `.eslintrc.yml` to define the configuration structure.
> * **JSON** - use `.eslintrc.json` to define the configuration structure. ESLint's JSON files also allow JavaScript-style comments.
> * **package.json** - create an `eslintConfig` property in your `package.json` file and define your configuration there.
> * **Deprecated** - use `.eslintrc`, which can be either JSON or YAML.
>
> https://eslint.org/docs/user-guide/configuring#configuration-file-formats

This deprecation started at https://github.com/eslint/eslint/pull/4406. Yes, almost 2.5 years ago.

## Contribution chance

It's been quite some time since it got deprecated. However, I still see plenty of JavaScript projects using `.eslintrc` as a configuration file for ESLint even in some big projects.

In other words, there are plenty of chances to contribute toward OSS. I started sending a patch for that to some projects. 

- https://github.com/gatsbyjs/gatsby/pull/5206
- https://github.com/xx45/dayjs/pull/81
- https://github.com/wojtekmaj/react-lifecycle-methods-diagram/pull/11

## Bonus

Do you feel it too nitpicky? I initially felt so when sending a pull request, but the following words from a Gatsby.js maintainer encourage me to make this world better. 🙃

> A 1000 nitpicky fixes add up to an amazing project so thanks :-)
TypeScript + NodeJS = Awesome
Tags: node, typescript, docker, showdev
Published: 2018-05-02 09:55:31

---
title: TypeScript + NodeJS = Awesome
published: true
description: NodeJS and TypeScript Project Template
tags: nodejs,typescript,docker,showdev
---

Hello guys I have released a new version of my project template. I have tried to use the best practises of NodeJS and TypeScript. Let me know what I can improve and if you are interested in a template generator.

https://github.com/Talento90/typescript-node

Feature List:

- Language - TypeScript 
- REST API Framework - koa2 
- Graceful Shutdown & HealthCheck Pattern 
- SQL Database & Migrations - knex 
- Authentication and Authorization - JWT Tokens 
- Validation - Joi 
- Testing - Mocha Chai + Sinon + NYC Coverage 
- Code Style - Prettier 
- Git Hooks - Husky
Magento 2 Testimonials & Review Extension
Tags: magento2testimonials, magento2review
Published: 2018-05-02 06:59:42

---
title: Magento 2 Testimonials & Review Extension
published: true
description: 
tags: Magento 2 testimonials, Magento 2 review
---
Magento 2 customer review & testimonial extension allows you to collect reviews from your happy customers and display it on your page. You can also add reviews manually on behalf of your customers. A separate reviews page will display all the reviews posted by your customers. 

Customers can submit reviews on a simple form. You can customize this form by adding or deleting fields and make it easier for customers. You can give a custom heading and title to the review form and configure SEO settings of the testimonials page. [Magento 2 testimonials] (https://marketplace.magento.com/fme-testimonials.html) extension also allows you to delete unwanted reviews. You can customize testimonial call to action button.

##Features - Magento 2 Review Extension

Below are some features of Magento 2 customer reviews extension. 

- Collect reviews from customers
- Add reviews on behalf of customers
- Dedicated customer reviews section
- Enable testimonials block
- Customize review form
- Set number of reviews
- Email configuration option for customers feedback
- Exercise admin's control
Please recommend a restful API framework in Golang
Tags: go, discuss
Published: 2018-05-02 05:45:55

---
title: "Please recommend a restful API framework in Golang"
published: true
description: "[7 Frameworks To Build A REST API in Go](https://nordicapis.com/7-frameworks-to-build-a-rest-api-in-go/) lists 7 frameworks to build a REST API in Go. Looks like I can use any one them. I am new go Golang and also have worked on Java (Jersey) and NodeJS (Koa Koa-route Express) to build REST APIs. Which one in the article would you recommend?"
tags: #go #discuss
---
Daily Scrum Meeting: A Status Meeting In Disguise?
Tags: scrum, agile, programming, culture
Published: 2018-05-02 03:43:17

---
title: Daily Scrum Meeting: A Status Meeting In Disguise?
published: true
description: Does it feel like the daily scrum meeting is really just a status meeting in disguise?
tags: #scrum, #agile, #programming, #culture
cover_image: https://thepracticaldev.s3.amazonaws.com/i/7jym723drpglhd3x2rj7.png
---

Does it feel like the daily scrum meeting is really just a status meeting in disguise?

The daily standup meeting was created as part of the scrum methodology for agile development to reduce time wasted in meetings.

But some companies use it to gather status. In 2018, there are many tools that can provide managers with real-time access to status, so this is unnecessary.

Though it's tempting for management at software companies to use the daily scrum meeting to gather status, they actually make the job of software developers harder by doing this - and put their software projects at risk!

In this video, I share several tips for getting your daily stand-up meetings under control so you can run a daily scrum that actually benefits developers.

[Subscribe for 90+ videos on healthy software development](https://youtube.com/c/JaymeEdwardsmedia?sub_confirmation=1)

{% youtube gEza0lkDcaM %}

## [Watch on YouTube 📺](https://www.youtube.com/watch?v=gEza0lkDcaM&index=1&list=PL32pD389V8xt_znF-pvOl7OP_xNfnkGgq)