CategoryJavaScript

November 8, 2018 — When creating a multi-step form in which a file is uploaded and manipulated, if the application is running on several servers behind a load balancer, then we need to make sure that the file is available all throughout the execution of the process, for whichever server handles the process at each step. In this article, Leonardo Losoviz will solve this issue by creating a repository accessible to all servers where to upload the files, based on AWS S3. Read more…

October 23, 2018 — Attribute selectors are magical. They can get you out of sticky problems, help you avoid adding classes and point out some problems in your code. But don’t worry, while attribute selectors are complex and powerful, they’re easy to learn and easy to utilize. In this article, John Rhea will discuss how they operate and give you some ideas about how to use them. By the end of this article, you’ll use them to run diagnostics on your site, fix otherwise unsolvable problems, and generate technologic experiences so advanced they feel like magic. Read more…

October 15, 2018 — While effective bundling of resources on the web has received a great deal of mindshare in recent times, how we ship front-end resources to our users has remained pretty much the same. The average weight of JavaScript and style resources that a website ships with is rising — even though build tooling to optimize the website has never been better. With the marketshare of evergreen browsers rising fast and browsers launching support for new features in lockstep, is it time we rethink asset delivery for the modern web? Today, Shubham Kanodia will give you some answers. Read more…

October 5, 2018 — Dealing with this in JavaScript can be tricky. But what if instead of fight against it we could leverage on it to achieve nice stuff like function composition with virtual methods? This is what Willian Martins is going to explore in this article about one of the potential upcoming JavaScript features: The Bind Operator. The goal here is to add some hype around it and create awareness of the hard work that TC39 is doing to find consensus, fix all the syntax and semantics issues and have it shipped with the next releases of ECMAScript. Read more…

September 6, 2018 — Building websites is hard. Being user-focussed, having a progressive enhancement mindset, and thinking things through from the beginning can have a real impact on both the speed and quality of delivery. In this article, Shane Hudson is going to explore building a text box, in an exaggeration of situations many of us often find ourselves in. Hopefully, by the end of this article, you can all feel more emphatic to how the journey from start to finish is rarely linear. Read more…

August 29, 2018 — how can we detect the moment you and your phone are in the kitchen, or bedroom, or living room? With today’s commodity hardware, there are a myriad of possibilities: In this tutorial, Alvin Wan will show you how to build a desktop app that predicts which room you’re in using a simple machine learning algorithm: least squares. The code applies to any platform, but we only provide dependency installation instructions for Mac OSX. Read more…

July 30, 2018 — The tips presented in this article aim to help HTML5 game developers in avoiding common mistakes when converting their Flash games to JS and making the process run as smooth as possible. Today, Tomasz Grajewski will focus mainly on Phaser v2. However, a newer version of Phaser is now available, and we encourage you to check it out, as it introduced a plethora of fresh, cool features, such as multiple cameras, scenes, tilemaps, or Matter.js physics engine. Read more…

July 27, 2018 — The Beacon API is a lightweight and efficient way to log information from a web page back to a server. It is used for sending small amounts of data to a server without waiting for a response. Think of it like a postcard sent home when on vacation. You put a small amount of data on it, put it in the mailbox, and you don’t expect a response. In this article, Drew McLellan will help you find out how that can be used and what makes it so different from traditional Ajax techniques. Read more…

July 16, 2018 — Developers conduct AB tests, accessibility audits, unit tests and cross-browser checks. Once you’ve solved a problem, you don’t want to repeat that effort. By building a reusable component library, we can continuously utilize past efforts and avoid revisiting already solved design and development challenges. In this article, Oliver Williams looks at augmenting HTML with components that have built-in functionality and styles. He’ll also show you how to make these custom elements reusable across projects using NPM. Read more…

July 5, 2018 — Do you know Redux’s real power is beyond managing the state? Do you want to design with an understanding of how Redux works in mind? With the help of this article, Linton Ye would like to show you a full picture of Redux: what it can do, why it does its things, what the downsides are, when to use it, and how it relates to design. Even if you haven’t written a single line of code before, it’s still possible and beneficial to understand Redux. Expect plain English and doodles — no code or abstract talks. Read more…