FREE! Advanced React.js Lectures

We’ve been teaching our Advanced React.js patterns workshop for well over two years now. We’ve done our best to give vocabulary to these patterns and help people understand when to use them. Earlier this year we released our Advanced React.

Full article

Read More

How my open source project earned 6,000 stars on GitHub in just 5 days

Last month I launched two open source projects on GitHub. A few days later, my Front-End Checklist was showing more than 6,000 stars (17,000 as of writing). And I got 600 stars for my Resources-Front-End-Beginner project!

Full article

Read More

Async iterators and generators

This code is pretty readable thanks to async functions (here's a tutorial if you're unfamiliar with those), but it's still a little clumsy. Async iterators are available in Chrome Canary if you launch it with the flag --js-flags=--harmony-async-iteration.

Full article

Read More

JavaScript — Short Circuit Conditionals

Consider this scenario: You have a program that must fetch data, but it can only fetch this data if it is online. We might consider using an if statement to first check if we are online, and if we are, fetch the data. Here’s what that code might look like: Awesome. This code works great.

Full article

Read More

Front-end microservices with Web Components

That could be a sign for you, when you have a big enterprise application where you can easily divide logic by domain accessory. There’re a bunch of apps in Google nowadays e.g.

Full article

Read More

11 React Component Libraries You Should Know In 2018

The popularity of React seems to be ever growing. React’s virtual DOM, the ability to declaratively describe a user interface and model the state of that interface, and low barriers to entry for a decent Javascript developer, all make React a great go-to library for building UI’s.

Full article

Read More

How Evil Is Tech?

Not long ago, tech was the coolest industry. Everybody wanted to work at Google, Facebook and Apple. But over the past year the mood has shifted. Some now believe tech is like the tobacco industry — corporations that make billions of dollars peddling a destructive addiction.

Full article

Read More

How to build and publish an Angular module

When I created angular-async-local-storage, it was easy to create an Angular module and use it directly in my app. But as it could help other developers, I wanted it to be a reusable module, packaged and consumed like any other Angular modules. I struggled with this building part.

Full article

Read More

10 Useful Git Tips

Over the past few years git has vastly grown in popularity to become one of the most used version control systems. It is used by developers coding in various languages and teams of all sizes, from small open-source projects to huge codebases like the linux kernel.

Full article

Read More

Getting Started with CSS Grid Layout

CSS Grid Layout allows us to construct custom grids with more flexibility and control than ever before. Grid Layout gives us the ability to divide a webpage into rows and columns with simple properties.

Full article

Read More

Are Programmers Headed Toward Another Bursting Bubble?

Do you think IT and some lower-level programming jobs are going to go the way of the dodo? Seems a bit like a massive job bubble that’s gonna burst. It’s my opinion that one of the only things keeping tech and lower-level computer science-related jobs “prestigious” and well-paid is ridiculous industry jargon and public ignorance about computers, which are both going to go away in the next 10 years.

Full article

Read More

Debugging Memory Leaks and Memory Bloat in Node.js

We recently experienced two major memory issues that caused our node.js server to crash at critical moments. We quickly learned how to buy time so that our end users wouldn’t know any better and how to efficiently get to the bottom of any memory issues.

Full article

Read More

HDMI 2.1 is here with 10K and Dynamic HDR support

Back in January, the HDMI Forum unveiled its new specifications for the HDMI connector, called HDMI 2.1. Now, that HDMI specification is available to all HDMI 2.0 adopters. It's backwards compatible with all previous HDMI specifications. The focus of HDMI 2.

Full article

Read More

There's a Massive Security Vulnerability in the New macOS

In software, there are bugs, and there are dangerous bugs. It looks like macOS High Sierra has one of those dangerous bugs; one that could give someone full access to virtually any user account. And holy buckets, it is scary.

Full article

Read More

A Look at Angular Alongside Vue - Familiar Code

I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape.

Full article

Read More

Decorative WebGL Backgrounds

Today we are going to explore some original and experimental backgrounds generated using WebGL. The main idea is to show interesting animated shapes as decorative page backgrounds, some having subtle interactivity. All the demos are made with the Three.

Full article

Read More

My approach to using Git, without the headaches

Using Git is like being in a loving relationship. It’s all sunshine and lollipops until you screw up, and then things get really complicated, really quickly. (And half the time you don’t even know what you did wrong.)

Full article

Read More

The Performance Cost of Server Side Rendered React on Node.js

I like React as a templating engine, not only on the client side but on the server as well. Over the last year or two rendering templates with React.js on the server has become commonplace.

Full article

Read More

Unit Testing Doesn’t Affect Codebases the Way You Would Think

I’ve just wrapped up another study.  (The last one was about singletons, if you’re interested.) This time, I looked at unit testing and the impact it has on codebases. It didn’t turn out the way I expected.

Full article

Read More

Create a Password Protected ZIP

Have you ever wanted to put very basic security (a passphrase) on a file?  You can do so if you ZIP the file -- let's have a look at how you can password-protect a ZIP file! When someone tries to unzip the file, they'll be prompted for a password.

Full article

Read More

A Short History of the Blue Screen of Death

It’s iconic, but Microsoft wishes it wasn’t. In the 90s it was as core to the Windows experience as Paint and Solitaire, but these days it’s not seen very often. I’m talking, of course, about the Blue Screen of Death.

Full article

Read More

JavaScript — The difference between ForEach, and For…In

Udemy Black Friday Sale — Thousands of Web Development & Software Development courses are on sale for only $10 for a limited time! Full details and course recommendations can be found here. Hey everyone! This is going to be a quick introduction to foreach, and for...in in JavaScript.

Full article

Read More

How I Hacked 40 Websites in 7 minutes

Last summer I started learning about information security and hacking. Over the last year I’ve played in various wargames, capture the flag and penetration testing simulations, continuously improving my hacking skills..

Full article

Read More

9 Best JavaScript Charting Libraries

For you to be reading this, it surely would be no news that data visualization has become a very critical part of the IT world today. The huge amount of data being generated by different web technologies need to be properly refined and visualized for the world to use and gain insights from.

Full article

Read More

Understanding The Vary Header – Smashing Magazine

The Vary HTTP header1 is sent in billions of HTTP responses every day. But its use has never fulfilled its original vision, and many developers misunderstand what it does or don’t even realize that their web server is sending it.

Full article

Read More

Vue.js with TypeScript

I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape.

Full article

Read More

Advice From A 19 Year Old Girl & Software Developer

Don’t worry, this won’t be one of the I wake up at 4AM every morning and go for a 20km run… -‘inspirational’ posts, that make people feel like they need to be some kind of super-human in order to be a good developer.

Full article

Read More

8 Key React Component Decisions

React was open-sourced in 2013. Since then, it has evolved. As you search the web, you’ll stumble across old posts with dated approaches. So, here are eight key decisions your team needs to make when writing React components today.

Full article

Read More

Performance-tuning a React application.

As web apps go, it’s relatively small — about 10,000 lines of code. It’s a React/Redux app, bundled by Webpack, served by a thin Node backend (using Express and MongoDB). 90% of the code is on the front-end. Source code is available on Github.

Full article

Read More

Why incompetent people often think they’re actually the best

Maybe you’ve experienced this at school or work before: Dealing with someone who thinks he’s much better at his job than he really is. This can not only be really annoying, but it can lead to disaster as a group project is made much more difficult by someone’s unchecked ego.

Full article

Read More

The Fine Art of JavaScript Error Tracking

A couple of months ago, I had some downtime at work, so I tasked myself with one of my goals for the year: implement error tracking for our JavaScript applications. It’s a bit crazy to think we weren’t monitoring our front end apps until now.

Full article

Read More

How To Install ZFS On Linux

ZFS is a file system that system administration nerds love. With it, you can do incredible things like pool all of your hard drives together, mirror them, take system snapshots, and a lot more. In fact, the ZFS file system is quickly becoming the file system of choice in data centers.

Full article

Read More

Automated UI testing with Nightmare

At Scaledrone we put a heavy emphasis on testing. While our backend is well tested, the website has been lacking in testing for a while. In past projects, we have used Capybara for UI testing. As our dashboard is written in Node.js, we wanted to browse around to see if any Node.

Full article

Read More

Clean Code vs. Dirty Code: React Best Practices

This article will focus on clean code practices as they apply to modern React software development. I’ll also talk about some of the “sugar” that ES6/ES2015 brings to the table. Clean code is a consistent style of programming that makes your code easier to write, read, and maintain.

Full article

Read More

Software Engineering: Interviews

While I was studying Computer Science (CS) at university in Australia, I always envisioned my future as a software engineer in Silicon Valley.

Full article

Read More

Firefox Quantum is available now – here’s why it’s so damn speedy

Mozilla’s long-awaited Firefox Quantum browser launched today. But if you’re still sat on the fence about whether you want to upgrade, perhaps this will persuade you. TNW spoke to Nick Nguyen, Vice President of Product at Firefox, about what punters can expect from Quantum, and how it actually works under the hood.

Full article

Read More

Converting 600k lines to TypeScript in 72 hours

Users have been using Lucidchart for a long time to make their diagrams, since 2010 and IE6. And for nearly that long, Lucid has used Google’s Closure Compiler to manage its increasingly sophisticated code base.

Full article

Read More

Using CSS Grid: Supporting Browsers Without Grid

When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement.

Full article

Read More

Convert JPG, PNG, and Animated GIF to WEBP

New image formats like WEP and MOZJPEG will be a major boost to load time on the web.  The majority of page load and render time is usually attributed to unoptimized images, so these new formats will make both mobile and desktop load times faster.

Full article

Read More

Angular — Testing Guide (v4+)

Nine easy-to-follow examples using TestBed, fixtures, async and fakeAsync/tick. In this post, we want to cover the most common unit tests to use for Angular Applications, like: Components, Services, Http and Pipes; but also some less known areas like: Directives, the Router or Observables.

Full article

Read More

Clean Code with ES6 Default Parameters & Property Shorthands

This article was peer reviewed by Sebastian Seitz. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! Creating a method also means writing an API. Whether it is for yourself, another developer on your team, or other developers using your project.

Full article

Read More

Continuous Integration and deployment with Jenkins and Node.js

This is one of the common development cycle of any developer. Most of the time testing and deployment steps do not change frequently and in order to keep the developer focus on writing code we do the automation of testing and deployment.

Full article

Read More

Ten interesting features from various modern languages

Lately I have been studying some modern languages, such as Reason, Swift, Kotlin and Dart. I got excited by many of the features they offer. Many of those features I had never read or heard of before. Today, I want to share with you the 10 features that I found most interesting.

Full article

Read More

Vue.Js and React.Js – a Quick Comparison

Frontend developers utilize a variety of tools. Discussion of these tools and arguing which one is the best will easily grow in a holy war, as every developer has his own preferences in terms of methods of working and using programming languages.

Full article

Read More

Lazy Loading Angular Modules

In this article we’re going to see how to lazy-load Angular modules, a feature that could help you a lot with large and heavy applications.

Full article

Read More

Ionic From Scratch: Getting Started With Ionic

So you've heard about Ionic and you're wondering how to get started? In this tutorial you will learn how to set up an Ionic development environment on your computer, as well as how to create an Ionic project. 

Full article

Read More

Learn & Understand JavaScript’s Map Function

The map() method is used to apply a function on every element in an array. A new array is then returned. You can think of map() as a for loop, that is specifically for transforming values. Consider the following code:

Full article

Read More

Of SVG, Minification and Gzip

Smaller files are downloaded faster, so making an asset file size smaller before sending it to a client is a good thing to do. Actually, it’s not just a good thing to do, minification and compression are something that a modern developer is supposed to do.

Full article

Read More

JavaScript. The Core: 2nd Edition

This is the second edition of the JavaScript. The Core overview lecture, devoted to ECMAScript programming language and core components of its runtime system. Audience: experienced programmers, professionals.

Full article

Read More

All You Need To Know About CSS-in-JS

TL;DR: Thinking in components — No longer do you have to maintain bunch of style-sheets. CSS-in-JS abstracts the CSS model to the component level, rather than the document level (modularity).

Full article

Read More