Matthias Naglein

141 Flips | 3 Magazines | 56 Likes | 1 Follower | @MatthiasNaglein | Keep up with Matthias Naglein on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Matthias Naglein”

How to turn your website into a PWA

A Progressive Web App, or PWA, uses modern web capabilities to deliver an app-like user experience. Any website can be a PWA - here's how to do …

A short survey about current popular JavaScript technologies.

A few years back, a JavaScript survey would've been a simple matter. Question 1: are you using jQuery? Question 2: any comments? Boom, done!<p>But as we …

JavaScript

How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path

This is post # 5 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core …

Next Level Webpack Dashboard

Webpack-dashboard has over 10 thousand stars on Github but yet I almost never encounter it. Why are we not taking advantage of this great …

JavaScript

5 Simple Ways To Make Your Website Blazing Fast | Inc.com

When building a website, many people often prioritize aesthetic over functionality. This usually leads to big issues when it comes to the load time of the website.<p>How quickly a website loads may not seem like a big deal at first. That is until you consider that 40% of people abandon a website that …

ES2015+ cheatsheet

A quick overview of new JavaScript features in ES2015, ES2016, ES2017 and beyond.<p>Block scoping<p>Let<p>Const<p>let is the new var. Constants work just like …

Table of Contents — Mastering Modular JavaScript

Modular JavaScript is a book series focusing on building small interconnected ES6 JavaScript modules that emphasizes on maintainability. Mastering …

The Ultimate Guide to Flexbox — Learning Through Examples

The Ultimate Guide to Flexbox — Learning Through Examples<p>What’s the best way to understand <b>Flexbox</b>? Learn the fundamentals, then build lots of stuff. …

13 ancient mysteries unlocked by modern science

Introduction to Generators in ES6

With ES6, we were given a new tool: <b>generators</b>. In a normal function, there is only one entry point: the invocation of the function itself. A …

Want to be a better programmer? Try Microsoft's 'code-writing', question-answering Stack Overflow Bot

The bot answers English language queries about programming, drawing upon the information in the millions of questions and answers available via Stack …

Stack Overflow

Essential Vanilla JavaScript Functions

Some of the missing functions in JavaScript in vanilla form (inspired by PHP). You can just try it as a programming practice.<p>Remove duplicates from …

Top five features in JavaScript ES6 Worth Mastering

<i>Posted: Sept 20th, 2017</i><p>JavaScript ES6 adds a slew of new features to the JavaScript language, some more groundbreaking and widely applicable than …

Top 10 ES6 features by example

Though ES6 specification is not super-fresh, I think that many developers are still not so familiar with it. The main reason is probably poor support …

JavaScript

67 useful tools, libraries and resources for saving your time as a web developer

In this article I won’t be talking about big front end frameworks such as React, Angular, Vue etc… nor already popular code editors like Atom, VS …

Web Development

Learn How To Debug JavaScript with Chrome DevTools

Ditch console.log debugging once and for all! Learn how to use breakpoints to debug code within the Chrome Developer Tools<p>As a new developer, finding …

JavaScript

Unpacking the Mysteries of Webpack -- A Novice's Journey

I'd worked on a handful of JavaScript applications with webpack before I inherited one in particular that had painfully sluggish builds. Even the …

JavaScript Scope and Closures

Scopes and closures are important in JavaScript. But, they were confusing for me when I first started. Here's an explanation of scopes and closures …

DisplayJS

Focus on your variables!<p>When you're creating huge UI, you'll have to render at the same time tons of variables, and let's be honest, that's not very …

JavaScript

Typical JavaScript interview exercises (explained)

Few weeks ago I found on my twitter feed a very interesting blog post: "The Best Frontend JavaScript Interview Questions (written by a Frontend …

How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code

Couple of weeks ago we started a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building …

PsiTransfer

Simple open source self-hosted file sharing solution.<br>It's an alternative to paid services like Dropbox, WeTransfer.<p>No accounts, no logins<br>• Mobile …

Harnessing the power of Javascript's .map and .filter

Functional programming has been a hot topic as of late. JavaScript is a multi-paradigm language and one of the paradigms available to us lucky JS …

JavaScript

Which Array Function When?

There's a lot of hullaballoo some days about "you should use reduce more" or "you don't need a filter, use a map", or "For? Why not forEach?"<p>The …

Keeping Up With the JavaScript World

How do you learn a new technology? Like what steps do you follow? Our tech world is moving at a fast pace, with new stuff coming every day. How do …

Promise Boxes

Promises without any asynchronous functionality are not super useful in practice, but they can help illustrate how Promises behave in their …

JavaScript

VueJS vs Angular vs ReactJS with Demos

Angular is a popular, fully-fledged JavaScript framework used to build modern web applications. React and VueJS are up-and-coming JavaScript …

Promisify objects immutably

Hey! I’m a tiny little npm module - <b>doasync</b>. 50 lines of code! Don’t ignore me, I’m very helpful! With me you can call any method of your object as if …

Synchronous fetch with async/await

<i>Originally posted at Medium.</i><p>async/await allows us to program using asynchronous requests in a synchronous manner using the modern versions of …

Intro to Hoodie and React

Let's take a look at Hoodie, the "Back-End as a Service" (BaaS) built specifically for front-end developers. I want to explain why I feel like it is …