JavaScript Icon

JavaScript

JavaScript is an object-oriented programming language used alongside HTML and CSS to give functionality to web pages.
743 Stories
All Topics

freeCodeCamp Icon freeCodeCamp

So long Meetup, and thanks for all the pizza

Meetup hiked their prices in a way that shifts the burden off the organizers and on to the participants. They’ve received enough blow back from this change that it wouldn’t surprise me if they adjust (or revert) course, but it may be too late. The open source community is already on the move. This will be a self-hosted Docker image that you can one-click deploy to the cloud, then configure through an admin panel. No coding required. Quincy and the freeCodeCamp team don’t have much more than a README and a schema right now, but objects in motion tend to stay in motion. It’s a great time to jump in and contribute. ✊

read more

Philip Walton philipwalton.com

Cascading cache invalidation

Turns out one of our asset caching best practices (content hashes in filenames + far-future expiry) has a serious flaws in it: In practice, changes to one of your source files almost always invalidates more than one of your output files—and this happens because you’ve added revision hashes to your filenames. Philip goes on to explain why this happens and then proposes 3 possible solutions. Good stuff 👌

read more

JavaScript levelup.gitconnected.com

Moving beyond console.log() — 8 console methods you should use when debugging JS and Node

When talking about the Console API, newbies usually use only some functions like 👌console.log(), ⚠️ console.warn(), or ❌ console.error() to debug their application, while often there are many other methods which can perfectly implement our requirements and improve debugging efficiency. Guilty! ✋ This article is made to expose some of the most interesting console methods with related examples that I use while teaching at Codeworks. So let’s see a list of the 8 best functions from the Console module! I have used console.table a few times (totally rad), but there’s plenty of functions here that I haven’t been using (and definitely should be).

read more

Kyle Mathews gatsbyjs.org

Gatsby raised $15M in a Series A funding round

Congrats @KyleMathews and team, wow. Why the excitement and growth? The answer is simple. Gatsby was founded around a big idea, and that idea is starting to go mainstream. We believe that the basic architecture of websites is being reinvented. The dominant web architecture, the LAMP stack, was founded at the dawn of the web before paradigm-shifting technologies were invented, like virtual machines, AWS, smartphones, Git, Node/NPM, React, and Serverless—elements of modern engineering we now take for granted. For those interested in the deeper backstory on the formation of Gatsby, check out Founders Talk #59 with Kyle Mathews (the creator of Gatsby).

read more

Conrad Irwin blog.superhuman.com

Performance metrics for blazingly fast web apps

Measure it so you can improve it, but how? …performance metrics are surprisingly challenging to get right. On the one hand, it is hard to design metrics that accurately represent the user experience. On the other hand, it is difficult to make metrics that are usefully precise. As a result, many teams cannot trust their performance data. Even with accurate and precise metrics, the data is hard to use. How do we define “fast”? How do we balance speed and consistency? How do we quickly find regressions or see the impact of optimizations?

read more

Chris Coyier CSS-Tricks

Should a website work without JavaScript?

Chris Coyier can’t help but chime in after listening to our recent debate episode of JS Party. I enjoyed all the stumbling around the terminology of “web apps” and “web sites” (web things!). This is such a weird one. It’s so easy to picture the difference in your head: it’s like facebook versus a blog! But when you start trying to define it exactly, it gets really murky really quickly and the distinction loses any value, if it had any to start with. Here’s more on that. Chris has a lot of great insights here. Whether you agree or disagree, I think we can all get on board with one thing: we make web things!

read more

ehmicky github.com

A simpler, faster alternative to `nvm run`

nve differentiates itself from nvm run because it: can be run programmatically is 10 times faster does not need a separate installation step for each Node version works on Windows does not require Bash is installed as a Node module Worth noting: this is not a full-on replacement for nvm or any other version manager. It only executes a single command with the specified Node version. But sometimes, that’s all you need. 😄

read more

Eryk Rakowski github.com

Share one Electron instance for multiple apps 🤞

A tool for building lighweight Electron apps using a global Electron instance. Forget about 100MB for a Hello World app in Electron! This works by creating a custom Electron distributable with a small app launcher which checks the app’s package.json and downloads corresponding version. Then the distributable can be used with electron-builder to build the app installers. I’d like to see a few folks kick the tires on this and report back how it works. Looks like there’s issues on older verisons of macOS, for starters.

read more

JavaScript github.com

A Minecraft clone built entirely with JS

Having to open an additional app to play a game is sometimes too tiring. Therefore, I thought it’d be interesting to somehow implement Minecraft with javascript, essentially bringing the whole Minecraft game into the web. This not only takes away the tedious process of installing the game, it also brings the entire game to players within a couple clicks. Words cannot describe how much I adore the thought that building this extremely ambitious piece of software was a better alternative to the tedious process of installing the game. 😆

read more

Fred K. Schott DEV.to

A future without Webpack

We continue to use bundlers even though ES Modules (the new JavaScript module system) runs natively on the web. Why? Over the last several years, JavaScript bundling has morphed from a production-only optimization into a required build step for most web applications. Whether you love this or hate it, it’s hard to deny that bundlers have added a ton of new complexity to web development – a field of development that has always taken pride in its view-source, easy-to-get-started ethos. Related ~> JS Party #69

read more

JavaScript itnext.io

‘No way to prevent this’, says only development community where this regularly happens

A wonderfully snarky take on the ongoing challenges with dependency management in JavaScript. PURESCRIPT, NPM — In the hours following another package disaster on npm in which a lone developer killed more than dozens of CI builds and caused serious warnings in thousands of others, developers of the only community where this kind of disaster routinely occurs reportedly concluded Monday that there was no way to prevent the disaster from taking place.

read more

0:00 / 0:00