Familiarity Bias is Holding You Back: It’s Time to Embrace Arrow Functions

I teach JavaScript for a living. Recently I’ve shuffled around my curriculum to teach curried arrow functions sooner — within the first few lessons. I moved it earlier in the curriculum because it’s an extremely valuable skill, and students pick up currying with arrows a lot quicker than I thought they would.

Full article

Read More

Forget about HTTP when building microservices

Microservices — an architectural pattern we recommended in our 2012 International PHP Conference keynote — is pretty popular these days. There are many benefits to consider:

Full article

Read More

Five Techniques to Lazy Load Images for Website Performance

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible. With images making up a whopping 65% of all web content, page load time on websites can easily become an issue.

Full article

Read More

Spring Into CSS Grid ?

CSS Grid has been getting a lot of attention recently and I finally dedicated time this past weekend to sit down and get a basic understanding of how it works. It was an emotional rollercoaster of an experience (seriously, this is life changing stuff) but I was able put together some notes while creating my demo and wanted to share.

Full article

Read More

Introducing Sizzy —A tool for developing responsive websites crazy-fast

So, here’s how Sizzy happened. You know the drill. You’re developing an app for a client and you need to make every page and every component work in every variation, on every device.

Full article

Read More

Using Firebase as a Real Time System

I have been an avid user of Firebase for more than a year now. When Parse.com announced it would be shutting off, I was attending a Google Launchpad in Mountain View as a mentor. If you haven’t heard of the Google Launchpads, they are great.

Full article

Read More

CSS in JavaScript: The future of component-based styling

By adopting inline styles, we can get all of the programmatic affordances of JavaScript. This gives us the benefits of something like a CSS pre-processor (variables, mixins, and functions). It also solves a lot of the problems that CSS has, such as global namespacing and styling conflicts.

Full article

Read More

Now anyone can create a Google Classroom

Last month it was announced that Google Classroom would be opened up to anyone with a Google account — the collaboration tool for education was limited to those with a G Suite account, previously.

Full article

Read More

Stealing Cars for 20 Bucks

[Yingtao Zeng], [Qing Yang], and [Jun Li], a.k.a. the [UnicornTeam], developed the cheapest way so far to hack a passive keyless entry system, as found on some cars: around $22 in parts, give or take a buck.

Full article

Read More

Node Toolchain for Newbies: The Best Node Apps and Libraries to Increase Productivity

I get this question very often: “What tools would you recommend for Node development?” Software engineers love to optimize and increase productivity instead of wasting their time. I bet you are one of them! Read on to find out the best Node tools for development.

Full article

Read More

Build a Serverless MERN Story App With Webtask.io — Zero to Deploy: 2

JavaScript is the language on fire. Build an app for any platform you want including website, server, mobile, and desktop. This is a continuation of the previous article where we discussed Webtask. We shared few Webtask concepts and built a RESTful API using Express and Node.

Full article

Read More

Testing Angular faster with Jest

Note: This article assumes you are using an Angular CLI v1.0 generated project from Angular v4.0.0. But it too works on Angular v2.x with CLI in beta. Despite Angular being a comprehensive framework with lots of default abstractions: e.g. custom JIT and AOT compilers, deep RxJS and Zone.

Full article

Read More

Docker From the Ground Up: Working With Containers, Part 2

This is part two of a two-part series about working with Docker containers. In part one, we focused on the many ways and options to run an image and how the host can interact with a Docker container. 

Full article

Read More

Docker From the Ground Up: Working With Containers, Part 1

This is part one of a two-part series about working with Docker containers. In this part, we'll focus on the many ways and options to run an image and how the host can interact with a Docker container. 

Full article

Read More

A Service Mesh for Kubernetes (Part 1): Top-Line Service Metrics

What is a service mesh, and how is it used by cloud-native apps—apps designed for the cloud? In this article, we’ll show you how to use linkerd as a service mesh on Kubernetes, and how it can capture and report top-level service metrics such as success rates, request volumes, and latencies with

Full article

Read More

Vuejs 2 Authentication Tutorial

TL;DR: Vuejs is a progressive JavaScript framework for building user interfaces on the web. It was launched shortly after ReactJS and over time, lots of developers started adopting it in their daily work. In fact, with the launch of Vuejs 2.0, the adoption and usage worldwide skyrocketed.

Full article

Read More

How to install and use Headless Chrome on OSX

This walkthrough shows you how to get headless Chrome up and running on OSX and explains in detail how to use the code examples provided by the Chrome team. Headless mode in Chrome is a new way to interact with websites without having to actually have a window up on the screen.

Full article

Read More

5 New Programming Languages to Learn in 2017

Being a developer has been a top career choice for a while, and it’s hard to imagine this will change anytime soon. Whether you’ve just started or you are an experienced programmer, probably your most frequently asked question will be what to learn next?

Full article

Read More

Próximo uTorrent funcionará no browser e dispensa instalação

O uTorrent está longe de ter a boa reputação que tinha noutros tempos, mas em breve entrará numa nova fase... em que nem será preciso instalá-lo para poder tirar partido dele, pois poderemos usá-lo directamente no browser.

Full article

Read More

Build a Serverless MERN Story App With Webtask.io — Zero to Deploy: 1

JavaScript is the language on fire. Build an app for any platform you want including website, server, mobile, and desktop. Being a fullstack developer is fun to me and a lot of us enjoy the role because it's more challenging.

Full article

Read More

Uber wants to test its flying taxis by 2020

Today in Dallas, Uber is taking the wraps off its flying car plans. The company's three-day "Elevate" summit is meant to discuss all things relating to vertical take-off and landing (VTOL) craft and how Uber sees them as a major part of its future strategy.

Full article

Read More

ES7: a simple and useful guide to master it

After exploring all the new features from ES6 (ES2015), installation, history and name pattern in this article, I will tell you about the releases of ES7 (ES2016). And if you are afraid that it will be as big as the first one, don't worry; it is much smaller.

Full article

Read More

10 Machine Learning Examples in JavaScript

When we think of tools for developing Machine Learning software, languages like Python, C++, and MATLAB come to mind. Although it is the most popular programming language in the world, JavaScript is usually not on that list. This is mainly due to the lack of a strong AI ecosystem in JavaScript.

Full article

Read More

The Many Tools for Shape Morphing

To no one's surprise, I'm sure, there are lots of different ways to do the same thing on the web. Shape morphing, being a thing on the web, is no different. There are some native technologies, some libraries that leverage those, and some libraries that do things all on their own.

Full article

Read More

How To Edit A GIF Without Photoshop On Windows

GIF is a popular image format and creating GIFs is pretty easy. There are tools that let you record a screencast and save it as a GIF. There are quite a few tools that can create high quality GIFs. Imgur has a dedicated tool for creating GIFs from YouTube videos.

Full article

Read More

Intel's Optane Memory Makes Cheap Hard Drives as Fast as Expensive SSDs

It isn’t only the junk processor that makes a really cheap computer slow. Or the memory or the video card (or lack of video card). The primary reason your cheap laptop loudly chugs along at glacial speeds is because of the hard drive.

Full article

Read More

Defense Against the Dark Arts: CSRF Attacks

After an unspecified "werewolf incident" we have become the new maintainer of the hogwarts.edu web app. Our first day on the job begins with Professor Dumbledore approaching us, explaining that his official hogwarts.

Full article

Read More

Education of a Programmer

When I left Microsoft in October 2016 after almost 21 years there and almost 35 years in the industry, I took some time to reflect on what I had learned over all those years. This is a lightly edited version of that post. Pardon the length!

Full article

Read More

Building a Python Code Review Scheduler: Processing Log

In this tutorial series, you'll see how to build a code review scheduler using Python. Throughout the course of this series, you'll brush up against some basic concepts like reading emails, sending an email, executing terminal commands from Python program, processing git logs, etc.

Full article

Read More

Clean & Simple Hero Web Design Examples in Landing Pages

The hero is the section of a landing page which has the utmost importance. It is contained within the fold of a website and therefore is the first area that communicates with the visitor.

Full article

Read More

Why TypeScript Is Growing More Popular

Why is TypeScript getting so popular? Key development frameworks depend on it and it improves developer productivity in the ever-changing JavaScript world. The recent Stack Overflow Developer Survey and the annual RedMonk programming language rankings both showed that TypeScript — the open source project started by Microsoft to combine transpiling for advanced JavaScript features with static type checking and tooling — is reaching new heights of popularity.

Full article

Read More

Bot framework, web chat and push notifications

This blog article is explaining how to setup web push notifications on a bot framework web chat control. For this, we will use service workers and VAPID. All the code shown here is available in this Github repository containing the full version of it.

Full article

Read More

Server-side Rendering With Preact and Firebase

Node.js 6.6.0 added a sporadically useful bug/feature: logging unhandled promise rejections to the console by default. In other words, the below script will print an error to the console: By virtue of the event loop, scheduling tasks in Node.js is relatively straightforward.

Full article

Read More

JavaScript: Learn Regular Expressions for Beginners

Not too long ago regular expressions were terrifying to me — to my untrained eye they were nothing more than large strings of gibberish. Unfortunately, I let those strings of ‘gibberish’ scare me for far too long.

Full article

Read More

Sealing JavaScript Objects Using Object.seal()

JavaScript provides a method Object.seal() which seals an object, preventing new properties from being added to it and marking all existing properties as non-configurable. Values of existing properties can still be changed if they are writable.

Full article

Read More

Writing Next Generation Reusable JavaScript Modules in ECMAScript 6

Are you excited to take advantage of new JavaScript language features but not sure where to start, or how? You’re not alone! I’ve spent the better part of the last year and a half trying to ease this pain. During that time there have been some amazing quantum leaps in JavaScript tooling.

Full article

Read More

Top 4 design highlights from Facebook’s F8 conference

In case you missed the fanfare, Facebook held its annual F8 conference keynote yesterday. There were Fast and the Furious 8 jokes! Breakfast sharks swimming around cereal! A sneaky copy-cat product launch by Snapchat!

Full article

Read More

Get Started With Analyzing Runtime Performance

Runtime performance is how your page performs when it is running, as opposed to loading. This tutorial teaches you how to use the Chrome DevTools Performance panel to analyze runtime performance.

Full article

Read More

Let’s Build a Web App with Vue, Chart.js and an API

Data is beautiful. And with modern technologies it is crazy easy to visualize your data and create great experiences. In this quick how to, we cover how to interact with the npm ? API to get download statistics of a package and generate a chart from this data with Chart.js With Vue.

Full article

Read More

Better Git configuration

I like Git. I use it all the time. As I sometimes do, I recently took some time to really dig in, read through documentation, and review my global Git configuration. Welcome to my fourth stack improvements post!

Full article

Read More

The Can-Do’s of CodePen Projects

We just recently launched Projects, the latest big feature over on CodePen. It's quite a bit different than the Pen Editor, so let's take a look at all the things it can do! With CodePen Projects, you get a sidebar of files for you to put whatever files you like.

Full article

Read More

How Does RAM Speed and Timing Affect My PC’s Performance?

When it comes to computers, more is better. Well, sort of. Most users understand that a faster processor, with speed expressed in megahertz or gigahertz, is more desirable. Likewise, it’s fairly obvious that having more gigabytes of memory (aka RAM) is a good thing.

Full article

Read More

React Native Performance — An Updated Example

I’m working on my performance talk for React Amsterdam 2017, which is based on the post “Performance Limitations of React Native and How to Overcome Them”. I’ve decided to freshen up the example we’ll be discussing in order to walk through some exciting new API available today.

Full article

Read More

JavaScript: What excites me in 2017

The web disseminates ideas globally, instantly at zero cost. Because JS executes on the Web it has an unfair advantage over every other language. the feedback loop for collaboration is very tight. We can see code executing without compiling or building.

Full article

Read More

Introducing ngErrors, declarative form errors for Angular

I’ve been working on an open source project to bring better validation to Angular’s reactive forms. In this post we’ll take a look at how to use it, why I created it and the problems it aims to solve. If you’re familiar with AngularJS (1.x) then you’ve likely stumbled across ngMessages.

Full article

Read More

MasterCard adds fingerprint sensors to payment cards

Our fingerprints are quickly replacing PINs and passwords as our primary means of unlocking our phones, doors and safes. They're convenient, unique, and ultimately more secure than easily guessed or forged passwords and signatures.

Full article

Read More

This artificial intelligence turns horses into zebras – and winter into summer

While we’ve previously seen researchers train artificial intelligence algorithms to transform your crappy doodles into atrocious cat monsters, this hardly shows the true potential of the technology – though it certainly is a fun way to get people interested.

Full article

Read More

A Brief Overview On Responsive Navigation Patterns – Smashing Magazine

To say that responsive web design has changed our industry would be an understatement at best. We used to ask our clients which resolutions and devices they wanted us to support, but we now know the answer is “as many as possible.

Full article

Read More

A Node.js library for creating, discovering, and configuring iBeacons

Note: not official, determined using noble, and the AirLocate example.

Full article

Read More

? Automagically Unsubscribe in Angular

As you probably know when you subscribe to an observable or event in JavaScript, you usually need to unsubscribe at a certain point to release memory in the system. Otherwise, you will have a memory leak.

Full article

Read More