#JavaScript

A Simple but Powerful RSS Reader for Miniflux

WXT provides the best developer experience, making it quick, easy, and fun to develop web extensions. With built-in utilities for building, zipping, and publishing your extension, it's easy to get started.

🧩 The Browser Extension Framework

Console for mobile browsers

snapDOM captures HTML elements to images with exceptional speed and accuracy. - zumerlab/snapdom

Hello! This is not clickbait. I thought for a long time about what to call this article, but it is...

As a developer, you probably have your fair share of productivity hacks—custom shortcuts, aliases,...

soulver.js - Rewrite of fantastic Soulver application

Webpack is a powerful tool that bundles your app source code efficiently and loads that code from a server into a browser.

faker.js - generate massive amounts of fake data in Node.js and the browser

This tutorial is the final of a three-part series by Brad Westfall. We'll learn how to manage state across an entire application efficiently and in a way t

HTML APIs improve collaboration between designers and developers. Make the web a better, more inclusive space to be creative in.

Webpack is one of the favorite javascript module bundlers for front end development. An introduction on getting started and a basic configuration for it.

Output HTML + Markdown + JSON documentation.js has pluggable output formats: you can get raw documentation as JSON, beautiful, customizable HTML, or Markdown that fits perfectly into an API.md or READ...

Do you ever find yourself frustrated with all the boilerplate and repetitive code in React components? Frequent use of patterns make components long-winded, hard to reason about, and difficult to main...

### Game of Life in React and Redux An implementation of John Conway's Game of Life in React and Redux. Read the rules of the game on the [Game of L...

ECMAScript 6 (or ECMAScript 2015) is the newest version of the ECMAScript standard and has remarkably improved parameter handling in JavaScript. We can now use rest parameters, default values and...

If you’ve seen Star Wars, then you can understand props and state.

I have a specific problem on making a sticky header with jQuery. I tried the commonly used snippets around the web, but I perceived the same buggy thing everywhere. At a specific document height (

This is the first article of a series on functional programming in dynamically typed languages such as Javascript.

I have three weeks to learn JS. I bumped into someone at a networking event - he likes me a lot. I encompass 3/4 of the things I need to be able...

175 points and 48 comments so far on reddit

71 points and 59 comments so far on reddit

277 points and 28 comments so far on reddit

52 points and 11 comments so far on reddit

In this Slack chat, we bring together web and mobile development experts to discuss whether the jQuery project is still useful for modern web development.

Hi there guys, I just entered college to get a degree. So they're currently teaching us Angular, i knew i was going to have angular this year so i...

If you’re a newcomer to JavaScript, jargon like “module bundlers vs. module loaders,” “Webpack vs. Browserify” and “AMD vs. CommonJS” can…

understanding-es6 - Simple examples to help you understand ES6

Animations in your web app should run at 60fps. Not always easy to achieve that,and it really depends on what you're trying to do, but I'm here to help. With FLIP.

72 points and 21 comments so far on reddit

138 points and 45 comments so far on reddit

42 points and 6 comments so far on reddit

3 points and 5 comments so far on reddit

Dear all, I am trying to figure out Javascript syntax for creating objects, and it is confusing me a little bit, because there seem to be...

2 points and 0 comments so far on reddit

16 points and 4 comments so far on reddit

93 points and 8 comments so far on reddit

11 points and 8 comments so far on reddit

159 points and 25 comments so far on reddit

“Considering if it would be a good idea to pessimistically fallback to non-JS layout whenever there's a serious error”

Are there any courses available online that are set up like Codecademy, FreeCodeCamp, etc, that will help to learn ES6/2015?

51 points and 11 comments so far on reddit

Apply the principles of purely functional languages to your JavaScript to gain more reliable, self-documenting codebases.

Understand the difference between classes and prototypes to unlock JavaScript’s dynamic hidden superpower: delegation.

JavaScript animation engine

I don’t consider myself a nitpicker. That’s only true, and it’s all fine and dandy… until I find a console.log() that someone forgot to…

33 points and 19 comments so far on reddit

173 points and 138 comments so far on reddit

111 points and 31 comments so far on reddit

26 points and 3 comments so far on reddit

“✎ Let’s get productive with task runners Grunt, Gulp, Webpack and npm scripts: a breakdown. https://t.co/I9yTzhArOV”

86 points and 5 comments so far on reddit

2 points and 0 comments so far on reddit

7 points and 3 comments so far on reddit

13 points and 6 comments so far on reddit

In meinem letzten Beitrag, dem ersten Teil der Serie “The State of JavaScript”, bin ich auf die aktuelle Verbreitung von JavaScript eingegangen. In diesem Beitrag werde ich mich mit JavaScript Frontend-Frameworks beschäftigen. via Pocket

JavaScript for hipsters - and the headline is NOT the best part of the article

When jQuery was first introduced, it changed the world. It gave us all the ability to refer to elements on the page from JavaScript, like we could in CSS. Not only that, but it gave us an API for these elements that was miles ahead of what the browser had. via Pocket

Screencast created by Tuts+Premium in association with net magazine and Creative Bloq. With browser performance improving, along with the steady adoption of new HTML5 APIs, the volume of JavaScript on the web is growing. via Pocket

Have you ever come across a bit of JavaScript like $(".cta").click(function(){}) and thought, “What the $('#x') is that” If it looks like gibberish to you, then please read on. If you think that snippet of code couldn’t possibly be real, then please browse some jQuery examples1. via Pocket

A lot of JavaScript developers out there, myself included, love jQuery. And rightly so! Like any great tool, it makes our lives easier. When building something with a large amount of front-end code, like a robust site or application, jQuery is a powerful ally. via Pocket

While I’ve worked over a decade building various websites, it has only been the past 3 years that I’ve started learning more on how to work with plain JavaScript, instead of using jQuery always as the starting point. via Pocket

Composing multiple functions to create more complex ones is a common utility in any programming language. And the ability to construct functions in a way that is easily composable is a true talent, but it really shines with code maintenance and reuse. via Pocket

JavaScript is a fully-featured Object-Oriented programming language. On the surface, it shares syntactical similarities with Java and C, but the mentality is quite different. At its core, JavaScript is more similar to functional languages. via Pocket

This article explores the various ways you can create objects with the JavaScript language, and through this exploration finds that there is much to learn about the language! via Pocket

Preface: Nothing in this post is necessarily new, or even anything I thought of first (save for a name or two). via Pocket

The Many Ways to Build Modular JavaScript Tim Perry Tech Lead & Open-Source Champion at Softwire @pimterry / github.com/pimterry / tim-perry.co. via Pocket

Any non-trivial site or application on the Web today will contain a large amount of HTML, CSS, and JavaScript. As the use of the Internet evolves and our dependence on it increases, having a plan for organizing and maintaining your front-end code is an absolute must. via Pocket

JavaScript has many great style guides. Thus, there is no need to write yet another one. Instead, this blog post describes commonly accepted meta style rules and conventions that I like that are controversial. The idea is to help you make a more informed decision about what is right for you. via Pocket

Last week I published an article on this blog entitled How to Unit Test Private Functions in JavaScript. The article was well received and even mentioned in a few popular newsletters (most notably JavaScript Weekly). via Pocket

Since we're using so much JavaScript in our web applications these days, we're looking for more ways to keep them fast. via Pocket

FastShell: HTML5, Sass and JavaScript boilerplate for Gulp

Are there any good resources to get started with Node.JS? Any good tutorials, blogs or books? Of course, I have visited its official website http://nodejs.org/, but I didn't think the documentatio...

javascript-patterns - JavaScript Patterns

An overview of why full-stack JavaScript might be right for you and how it works its magic.

You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.

Hey guys,since we have a few beginners here on board, trying to make their first steps in the world of HTML5 games, I thought it might be good to point you ...

A protip by dtao about performance, prototype, and javascript.

The following is a guest post by Zach Saucier. Zach wrote to me telling me that, as a frequenter on coding forums like Stack Overflow, he sees the questions come up all the time about controlling CSS animations with JavaScript, and proved it with a bunch of links. via Pocket

38,565 Views A presentation about tricks and best practice ideas of how to use JavaScript given in our office in India as part of an internal training. A presentation about tricks and best practice ideas of how to use JavaScript given in our office in India as part of an internal training. via Pocket

js-patterns-sublime-snippets - :mortar_board: JavaScript Patterns snippets for Sublime Text

JavaScript is interesting in that it enforces no particular structure upon you. "Bring Your Own Organization", if you will. As I write more and more JavaScript in web app sites, this becomes more and more interesting. How you structure your JavaScript is very important because: via Pocket

So someone shoulder-taps you and asks you to explain the concepts behind JavaScript Inheritance to them. In my eyes you’ve got a few options. You mention that it’s prototypal inheritance, not prototypical and pretty much gloss over the rest, comfortable in your superiority in terminology. via Pocket

Other Presentations by this Speaker Other Presentations in Technology Featured Presentations via Pocket

Some time ago i wrote about how important is to write unit tests for our code, you can read it here. Today, i have seen a lot of developers talking about unit tests, but the majority of these efforts are focused to the backend. via Pocket

Great design is a product of care and attention applied to areas that matter, resulting in a useful, understandable, and hopefully beautiful user interface. But don’t be fooled into thinking that design is left only for designers. via Pocket

Knowledge needed: Intermediate JavaScript Requires: A text editor and web browser Project time: 45 minutes to an hour Download source files View demo The AngularJS framework greatly simplifies frontend development, making it easy and fun to write complex web apps. via Pocket

We’ve all been there: that bit of JavaScript functionality that started out as just a handful of lines grows to a dozen, then two dozen, then more. Along the way, a function picks up a few more arguments; a conditional picks up a few more conditions. via Pocket

Maybe you don't need them for simple web apps, but it doesn't take too much complexity before embracing JavaScript templates becomes a good decision. Like any other tool or technique, there are a few best practices that you should keep in mind, when using templates. via Pocket

The following is a guest post by Matt Holt from SmartyStreets. Matt wrote to me about a new plugin they developed for verifying addresses, as he knew we've gone down the road of address trickery around here before. via Pocket

jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript microlibraries all combine into a single undeniable fact: JavaScript is popular. It’s so popular, in fact, that we often find ourselves using it in places where another solution might be better in the long run. via Pocket

Lets start with a short quiz. What is alerted in each case?: What is a Function Declaration? via Pocket

JavaScript is an interesting language. It is quite different from any other language I’ve used, and it takes a while to really notice and understand the nuances if you don’t have a good way of learning. via Pocket

JavaScript has been called everything from great to awful to the assembly language of the Web, but we all use it. Love JavaScript or hate it: everyone admits there are serious flaws and not many other choices. Let’s start with some fundamental negatives. via Pocket

This article recently appeared on BuildNewGames.com, a collaboration by the teams at Bocoup and Internet Explorer. It is authorized to publish on WebAppers. via Pocket

JavaScript. At once bizarre and yet beautiful, it is surely the programming language that Pablo Picasso would have invented. Null is apparently an object, an empty array is apparently equal to false, and functions are bandied around as though they were tennis balls. via Pocket

JSbooks is a showcase of the bests free ebooks about Javascript. Find here the best publications about JS without spending any bucks !

HexaFlip is a JavaScript UI plugin that let's you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins.

There are many common pitfalls when it comes to writing memory-efficient and fast code. JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large...

Many people come to JavaScript from other object-oriented programming languages and ask where the classes are. ES6 brings them in for us (sorta).

helium-css - Helium - javascript tool to scan your site and show unused CSS

Touchy.js - A simple light-weight JavaScript library for dealing with touch events

Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a...

There are so many excellent tools out there which deserve attention of the community, yet unfortunately remain obscure way too often.

jQuery plugin patterns you have to know about. This post is targeted at intermediate to advanced developers. If you don’t feel you’re ready for this just yet, I’m happy to recommend the official...

This article explains the math of animations with JavaScript. JSFiddle code examples are provided as well.

勃起不全は、男性であるならば深刻な問題です。年老いてからであればまだしも、まだ若い時になってしまいますと立ち直るのもツライです。では、勃起不全を予防する事が出来るのでしょうか。その対策を見ていきましょう。

I use a datepicker for choosing an appointment day. I already set the date range to be only for the next month. That works fine. I want to exclude Saturdays and Sundays from the available choice...

Learning something new is scary. For me, the biggest issue with picking up a new skill is that I don’t know what I don’t know. Given that, it’s often useful to find a plan for learning whatever...

Web Development Training Courses for Teams. Expert-led, hands-on learning for software training.

Learning Node might take a little effort, but it's going to pay off. Why? Because you're afforded solutions to your web application problems that require only JavaScript to solve.

In January I came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop. I decided to copy...

EXT23 Is your web app drowning in a sea of JavaScript? Has your client-side codebase grown from "a snippet here and there" to "more JavaScript than HTML"? Do you find yourself writing one-off snippets...

Generating HTML with JavaScript has always been ugly. Hella ugly. It usually involves writing streams of hard-to-maintain code which just concatenates a bunch of strings together and spits them out…

For the last few years jQuery has been the jewel in Javascripts crown. Its rapid rise in popularity not only reflects how powerful a tool it is but also how relatively easy it is to work with. It is...

A few days back I debuted a sweet article that made use of MooTools javascript and opacity to show focus on a specified element. Here's how to accomplish that feat using jQuery.

Some days before we are using flash for buttons, gallery etc, later now JavaScript frameworks like jQuery, Mootools , Scriptallicious and Prototype replace the flash with a light weight code and we...

Take the most popular CMS, WordPress, and then take the easiest and most versatile of Javascript libraries, jQuery, and you have a match made in heaven. Implementing jQuery within WordPress...

MooTools is a JavaScript framework that focus on being flexible, modular and compact. While still not on par in number of resources with other JavaScript frameworks such as jQuery, the MooTools...

Masonry is a layout plugin for the ever-popular Javascript library jQuery.

jQuery, one of the most popular JavaScript library, has a huge selection of plugins which makes it more powerful. On the other hand, there are much more codes/modules, from simple alert functions to...

As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive...