teleren/devto huggingface dataset:
Who is Who?
Tags: computerscience
Published: 2017-12-27 18:28:02

---
title: Who is Who?
published: true
description: How relevant is historical aspects of Computer Science to a programmer? Should you care? 
tags: Computer Science 
---
I once had a fellow colleague who loved photography just like myself and we used to have numerous conversations about lighting and all sorts of things that photographers talk about. Then one day I showed him an image that I had taken and told him that it reminded me of Garry Winogrand and to my surprise, he didn't know whom Garry Winogrand was. Ok, so maybe Garry is not that relevant to his type of shoot – I thought to myself. I continued. Well, since you’re a fashion type of photographer, you must know Richard Avedon or Mario Testino then? Well, you guessed it; he didn't have a clue either. Then it occurred to me, how relevant is the historical aspect of your craft? Moreover, can you be of a significant value in your field without regard to its history? 

I will make a bet for instance, that no Mathematician out there can say that they never heard of Paul Erdos. If such a Mathematician existed, his/her alma mater ought to be discredited. It is absurd that one can do any significant work in any field without regard to its history, which is usually full of a number of giants. Now let's talk Computer Science and programming in general. How many giants can you name and what were their contributions? Does the name; Ward Cunningham, Martin Fowler, Alan Turing, Charles Babbage or Donald Knuth, ring a bell? 

The point I’m making here is that as professionals, we need to make an effort to be familiar with the type of work that other colleagues are producing. What problems are being worked on? What are some of the advancements being made? How would you solve such problems differently? And who is doing what? These are not trivial things but often overlooked. So maybe you can say that this is academic talk, which is partially true and doesn’t dismiss my point. It's crucial to be intimate with your surrounding and community in an effort to make a contribution. Welcome to the Computer Science community!

P.S - This is probably of less significance if all you care about or want is a job. In which case it's sad.
Node or Blockchain or AI - Confused. 
Tags: discuss, node, blockchain, ai
Published: 2017-12-27 15:24:37

---
title: Node or Blockchain or AI - Confused. 
published: true
tags: discuss #node #blockchain #AI
---
While Blockchain being the recent trend along with AI. I have a concern of choosing the best thing to learn next. 

My personal pick is Node as I'm a back end developer currently.
Learning Scala for Spark, and the apply method
Tags: spark, scala
Published: 2017-12-27 14:55:36

---
title: Learning Scala for Spark, and the apply method
published: true
description: 
tags: spark, scala
---

*This article originally appeared [on my blog](http://wrschneider.github.io/2017/12/12/scala-spark-apply.html)*

Sometimes in Spark you will see code like 

```
val df1 = ...
val df2 = ...
val df3 = df1.join(df2, df1("col") === df2("col"))
```

It is a little odd at first to use `DataFrame` objects like methods.  

What's going on here?  

In Scala, objects have an `apply` method, which allows any object to be invoked like a method.  `obj(foo)` is equivalent to `obj.apply(foo)`.  DataFrame's `apply` method is the same as `col`, so `df("col")` is equivalent to `df.col("col")`.  

This is also related to why you can create instances of case classes without `new` -- a case class defines a companion object with the same name, and that 
companion object has an `apply` method that returns `new ClassName()`.  

Personally I haven't learned to like Scala's `apply` feature, because it's not entirely obvious what `obj(foo)` is supposed to do.  But in this case,
it makes sense to have shortcuts like that when I'm thinking of Scala as a DSL for Spark.
Developing RESTful APIs with Lumen (A PHP Micro-framework)
Tags: php, lumen, laravel
Published: 2017-12-27 14:26:42

---
title: Developing RESTful APIs with Lumen (A PHP Micro-framework)
published: true
description: Lumen is a PHP micro-framework built to deliver micro-services and blazing fast APIs. Learn how to build and secure RESTful APIs with Lumen
tags: #PHP, #Lumen, #Laravel
canonical_url: https://auth0.com/blog/developing-restful-apis-with-lumen/
---

Lumen is an open-source PHP based micro-framework created by Taylor Otwell in 2015. Lumen is designed for building lightning fast micro-services and APIs. And it opts for maximum speed rather than flexibility in the bootstrapping process. The PHP micro-framework was born out of the need to have light Laravel installations that could be faster than existing PHP micro-frameworks such as Slim and Silex.

In this tutorial, we'll show you how easy it is to build and secure an API with Lumen!

[Read on 💡](https://auth0.com/blog/developing-restful-apis-with-lumen/?utm_source=dev&utm_medium=sc&utm_campaign=lumen_php)
How do you handle framework upgrades in teams?
Tags: discuss, git, team
Published: 2017-12-27 13:31:04

---
title: How do you handle framework upgrades in teams?
published: true
description: Upgrades of frameworks always lead to headaches on my side. Especially when they are urgent, there are some feature branches left and the upgrade brings breaking changes.
tags: discuss, git, team
---

I tend to get headaches when having to plan an upgrade of a framework bringing breaking changes, quite possibly caused by a lack of trust in (my) git (skills). Fortunately, I mostly work alone on such projects, so I can easily just finish and merge all my feature branches, before upgrading the framework as the final step. Only then start again with new features. 

But honestly, this _can_ not be the way to go. This is why I want to ask you now, how do you handle this in teams? Suppose the following scenario:

- upgrade 
    - necessary as soon as possible (security? mad boss?)
    - brings breaking changes
        - file & directory structure
        - configuration
        - few deprecations dropped
- team
    - has open feature branches
        - changes to configuration
        - can not be merged before upgrade
    - should obviously not upgrade each and everyone for himself

This may be a near-to-worst-case-scenario, but I wonder what is the git workflow to handle the upgrade and merge the feature branches later? Is this something that just works by default and I make me think for nothing?
Project Development Process
Tags: discuss, webdev, opensource, deployment
Published: 2017-12-27 08:34:35

---
title: Project Development Process
published: true
description: Discussion on my current project development process
tags: #discuss #webdev #opensource #deployment
---

![Development and Deployment Diagram](https://thepracticaldev.s3.amazonaws.com/i/bemom9ufonn581w9u3fb.png)

I'm currently working on an application for my summer camp. I've been working on it for a little while now and after learning a ton of new skills I've come up with the above development and deployment process diagram. Solid lines denote code 'flow'. For example, code will be pushed from local development to the Github repos. Serrated lines denote code 'communication', i.e. the client makes requests to the API. Yellow objects are local instances. Blue are Github repositories. Green are Heroku deployments. And Red is Amazon Web Services deployments. I'm using Heroku a pipeline for the Client Staging->Production flow. Finally, Travis CI is integrated through the Client and API deployment process. 

I'd love to receive some feedback about this process and answer any questions other developers might have.
Awaiting for async promises in JavaScript
Tags: javascript
Published: 2017-12-27 07:18:35

---
title: Awaiting for async promises in JavaScript
published: true
description: A bit of information about async/await in JavaScript
tags: javascript
canonical_url: https://rhymes.dev/posts/awaiting-for-async-promises-in-javascript/
---

*This post originated as a comment to @warrend's post [Clarifying Async and Promises](https://dev.to/warrend/clarifying-async-and-promises-4h38) and I decided to repost it as a separate article because it might be useful to others.*

I was exploring the other day the possibilities beyond the "then/catch" pattern with promises because to me it still looks like callbacks, neater and cleaner but there has to be a better way, for readability's sake. 

In Python land (see the [Twisted framework which influenced Node.js](https://nodejs.org/en/about/)) this problem has been already met. In Twisted promises are called "deferreds" but the issue is the same: cascading callbacks, error handlers, callbacks to your error handlers, sibling callbacks and error handlers can still become a mess to read and understand:

```js
.then(() => {}).then(() => {}).then(() => {}).catch((err) => {})
```

or in Twisted

```python
.addCallback(function).addCallback(function).addCallback(function).addErrback(errHandler)
```

What they came up with is:

> a decorator named inlineCallbacks which allows you to work with Deferreds without writing callback functions.

So in Twisted you can do this:

```python
@inlineCallbacks
def getUsers(self):
    try:
        responseBody = yield makeRequest("GET", "/users")
    except ConnectionError:
       log.failure("makeRequest failed due to connection error")
       return []

   return json.loads(responseBody)
```

`makeRequest` returns a deferred (a promise) and this way instead of attaching callbacks and error handlers to it you can wait for the response to come back and if an error arises you handle it there and then with `try...except` (try/catch in JS). In the latest Python versions you can even do this:

```python
async def bar():
    baz = await someOtherDeferredFunction()
    fooResult = await foo()
    return baz + fooResult
```

So you can basically use `await` for the deferred/promises to resolve and write synchronous-looking code instead of attaching callbacks, which brings me back to JavaScript and async/await (same keywords of Python, don't know which came first :D).

Instead of attaching callbacks and error handler to your promise you can use async/await to write more readable code:

```js
async function bar() {
  const a = await someFunction();
  const b = await someOtherFunction();
  return a + b;
}
```

I found this video by Wes Bos very informing:

{% youtube 9YkUCxvaLEk %}


* [Twisted deferreds](https://twistedmatrix.com/documents/current/core/howto/defer-intro.html)
Explain how to become an active open source contributor like I'm Five
Tags: explainlikeimfive, opensource, programming, github
Published: 2017-12-27 06:42:52

---
title: Explain how to become an active open source contributor like I'm Five
published: true
tags: explainlikeimfive #opensource #programming #github
---

PHP Developer who's developing REST APIs with Laravel for over an year. I would like to contribute in Open Source.
Why I love Javascript
Tags: javascript, beginners, webdev
Published: 2017-11-10 01:44:18

---
title: Why I love Javascript
published: true
description: 
tags: #Javascript, #beginners, #webdev
---

Internet, web and computers are not just technologies. They are the reason why I love my job.

I'm passionate about technologies especially web. I created my first web project using html, css, javascript, php and mysql way back 2015. And since then, I was amazed of how great it is when it comes to working with codes and solving logical problems. It made me realize that programming is so wide and there's a lot to learn to become an expert to it. But even though it's hard, learning is great and it's what I do everyday.

Learning new frameworks, design patterns and how to make an efficient code are some of the things I do just to become an expert.

I started working with javascript since 2015 and I loved it. I had also tried using some javascript frameworks like jQuery and Angularjs. These two frameworks are very powerful because of its great functionalities and features.

Currently, I am studying this new framework called Vuejs. Vuejs is like Angularjs but more faster and lighter.

Javascript is a language with so much power. It is a programming language for any platform. Today, you can write javascript to run on different platfoms. An example of it is Electron where you can build cross platform desktop apps using javascript, html and css. You can also build mobile apps using ionic. There is also Nodejs which is a server-side javascript framework.

Recently, Javascript has a new version called ES6(Ecmascript2015) and it is more powerful because of its new features like 'let' and 'const' for scope variable declaration and arrow functions for writing function expressions.

As of now, javascript is the most popular and widely used programming language for building applications.




Thank you for reading! I just want to share my first post.
Create a gradient opacity in CSS?
Tags: css, webdev, html, help
Published: 2017-12-26 23:28:44

---
title: Create a gradient opacity in CSS?
published: true
description: Asking a question how-to about gradient opacity in CSS.
tags: css,webdev,html,help
---

Hey dude ! How can I make a gradient opacity in CSS?

I tried on jsfiddle to show you what I tried.

    #map {
    height: 400px;
    background: #405CB1;
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom,from(rgba(64, 92, 177, 1)), to(rgba(64,92,177,0)))
    }

https://jsfiddle.net/qnr2079s/

The gradient is working very well but the background color is not considered.

Thank you for your help!
Build your own grid with flexbox
Tags: css, flexbox, grid
Published: 2017-12-26 21:12:52

---
title: Build your own grid with flexbox
published: true
description: There are plenty of ways to layout content on a website. Most revolve around some type of grid setup. In this screencast I walk through a simple and effective way to build your own grid setup using flexbox.
tags: css, flexbox, grid
---

{% youtube PfKepdRfDCw %}

There are plenty of ways to layout content on a website. Most revolve around some type of grid setup. In this screencast I walk through a simple and effective way to build your own grid setup using flexbox.

Here is the CSS needed to get you started:

```css
:root {
  --grid-gutter: 20px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.o-grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--grid-gutter) * -1);
  margin-right: calc(var(--grid-gutter) * -1);
  margin-left: calc(var(--grid-gutter) * -1);
}

.o-grid__cell {
  width: 100%;
  margin-bottom: var(--grid-gutter);
  padding-right: var(--grid-gutter);
  padding-left: var(--grid-gutter);
}

@media screen and (min-width: 700px) {
  .u-md-width-6of12 {
    width: 50%;
  }
}
```

and the markup:

```html
<div class="o-grid">
  <div class="o-grid__cell u-md-width-6of12">
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil deleniti, nesciunt magnam iusto exercitationem fuga at ipsa laborum autem. Assumenda impedit vel nam illum molestiae architecto hic commodi corrupti rem.</p>
  </div>

  <div class="o-grid__cell u-md-width-6of12">
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil deleniti, nesciunt magnam iusto exercitationem fuga at ipsa laborum autem. Assumenda impedit vel nam illum molestiae architecto hic commodi corrupti rem.</p>
  </div>
</div>
```

Helpful links:
- [CSS-Tricks - Don't Overthink it Grids](https://css-tricks.com/dont-overthink-it-grids/)
- [SUITCSS - Component Grid](https://github.com/suitcss/components-grid)
- [SUITCSS - Utils Size](https://github.com/suitcss/utils-size/)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2017-12-26 16:24:15

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/xsr1z6iqv0pd7p3s6ns3.png
---

#1. Calling All React fans

We recently welcomed Dan Abramov, a React core team member, to dev.to! He started a thread to take all questions related to React - anything from how the team works to CSS/styling. Ask away!

{% link https://dev.to/dan_abramov/react-beginner-question-thread--1i5e %}

#2. Not Just A Gist

From extension choices to style decisions, Nick walks us through his VS Code setup. 

{% link https://dev.to/nickytonline/my-visual-studio-code-setup-2ima %}

#3. A Book A Week?

Rebecca shared her reading list for 2018 and asked the community for more suggestions. The amount of recommendations can probably get you to a book a week! The Phoenix Project is, apparently, a must-read.

{% link https://dev.to/bekka/what-are-your-must-read-tech-books-for-2018-3cgp %}

#4. MORE VISUAL STUDIO!

MORE EXTENSIONS! Pick your favs :)

{% link https://dev.to/mattstratton/matts-favorite-visual-studio-code-extensions-1cm4 %}

#5. Picking a JavaScript Framework

This is a meta post about how we wrote in vanilla JS until we found a framework aligned with our values. 

{% link https://dev.to/ben/why-we-went-with-preactjs-to-power-the-devto-frontend-8d6 %}

#6. Write Better Code

Great advice on why sleep is important for developers and tips on how to get more of it 😴

{% link https://dev.to/_patrickgod/sleep-more-code-more-496i %}

#7. An AMA w/ Peter Frank!

The community asked Peter, one of dev.to's cofounders, anything! He shared lots of insights on entrepreneurship and got a little meta by discussing future dev.to features 😉

{% link https://dev.to/peter/im-a-co-founder-of-devto-ask-me-anything-1gnp %}

 
_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Tools I should learn as a .net dev
Tags: discuss, webdev, dotnet
Published: 2017-12-26 13:04:40

---
title: Tools I should learn as a .net dev
published: true
tags: #discuss #webdev #dotnet
---

Everyone wants to extend their knowledge of favourite technology. I am going to be a full stack dev in the future. Backend frameworks are quite well understood by me already. Things like ASP.NET MVC or .NET Core. Database connection covered by EF6. A little about azure components - app services, web jobs, etc. Now I am learning about js basics and I want to know what should I focus on later?
I Need jQuery
Tags: javascript, jquery
Published: 2017-12-26 13:00:05

---
title: I Need jQuery
published: true
description: It has been a long time since you said "You Don't Need jQuery", but it's still useful for doing DOM operation in user script etc.
tags: JavaScript,jQuery
---

It has been a long time since you said **["You Don't Need jQuery"](https://github.com/nefe/You-Dont-Need-jQuery)**, but it's still useful for doing DOM operation in user script etc.[^1]

## Get elements
In native, element getter methods has too many kinds and has too long name.
In jQuery, `$()` is all.

### Get element by selector
#### Native
```js
const viewport = document.querySelector('meta[name=viewport]');
```

#### jQuery
```js
const $viewport = $('meta[name=viewport]');
```

### Get elements by selector
#### Native
```js
const externalLinks = document.querySelectorAll('a[target=_blank]');
```

#### jQuery
```js
const $externalLinks = $('a[target=_blank]');
```

### Get elements by class
#### Native
```js
const articles = document.getElementsByClassName('article');
```

#### jQuery
```js
const $articles = $('.article');
```

### Get element by id
#### Native
```js
const main = document.getElementById('main');
```

#### jQuery
```js
const $main = $('#main');
```

### Get elements by name
#### Native
```js
const buttons = document.getElementsByName('button');
```

#### jQuery
```js
const $buttons = $('[name=button]');
```

### Get elements by tag name
#### Native
```js
const links = document.getElementsByTagName('a');
```

#### jQuery
```js
const $links = $('a');
```

## Set styles
In native, You can't set multiple styles to element at once.
In jQuery, `jQuery.css()` can that.

### Native
```js
element.style['background-color'] = '#000000';
element.style['color'] = '#ffffff';
```

### jQuery
```js
$element.css({
  'background-color': '#000000',
  'color': '#ffffff'
});
```

## Create element from HTML string
In native, You need to cast long spell to create element from HTML string.
In jQuery, `$()` can that.

### Native
```js
const foo = document.createRange().createContextualFragment(`<div id="foo">Foo</div>`);
```

### jQuery
```js
const $foo = $(`<div id="foo">Foo</div>`);
```

## Set display state
In native, You need to rewrite value of display property to change display state of element.
In jQuery, there are several intuitive methods.

### Show element
#### Native
```js
element.style.display = 'block';  //or 'inline', 'inline-block', 'inline-table'...
```

#### jQuery
```js
$element.show();
```

### Hide element
#### Native
```js
element.style.display = 'none';
```

#### jQuery
```js
$element.hide();
```

### Toggle display
#### Native
```js
const elementIsShowing = element.ownerDocument.defaultView.getComputedStyle(element, null).display !== 'none';
element.style.display = elementIsShowing ? 'none' : 'block';  //or 'inline', 'inline-block', 'inline-table'...
```

#### jQuery
```js
$element.toggle();
```

## Other Language
* [Japanese](https://qiita.com/munieru_jp/items/69b15e6344186206abe8)

[^1]: In my own application, I will use Vue.js etc.
Benefits You Get From a Web Application Development Company
Tags: webdev, discuss, codenewbie
Published: 2017-12-26 12:08:03

---
title: Benefits You Get From a Web Application Development Company
published: true
---
In this top-notch competitive world, it is tough to deliver profound results to your business. Web apps are turning out as a rule-breaker of this fast pace era where advancement is the key to success.

When it comes to discussing what your web app can give to you refer to a web application development company. This reliable team of experts can offer you extreme flexibility to embed all the essential traits and specifications that your app demands.

An improved UI, responsive designs and personalized layouts are just the beginning. There is a lot more this tech-savvy environment renders to a website to make its corresponding business nurture from beneath-

**◘ Gradients**
Flat design is traditional today and it is the high time to use personalized designs for representing your business. It allow usage of vivid colors and gradients as the bright colors have the probability to bring focus to the UI components like buttons and navigation-page jump. Moreover, bold palettes reflect a rigid brand effect to make you stand ahead of the crowd.

**◘ Custom illustrations**
Unlike old design patterns, this era demands to use custom illustrations so that you will have a sense of personality and which is rare to feel with conventional photography. It will convey exact message to the users that you want. These sharp like line-based designs enable conveying the exact message which you want to deliver to the customers.

**◘ Full-screen video**
Videos are dynamic in nature and thus grab the attention of large number of the users along with a great way of storytelling. It simply helps in creating a strong connection with the users because the viewers need not to scroll down or read something. However, they can impact with an engaging experience and in parallel better metrics.

**◘ Material design**
Material design makes the use of different cards and animations to express cleverly via organizing little pieces of information on small screens.

There is something fresh and innovative that a business always needs to input in its brand to make it competent enough and ready to lead the web. A well-known [web app development company](http://www.sparxitsolutions.com/web-apps-development.shtml) can give desired results in the way you want.

tags: Web Application Development Company, Web App Development Company