Vanilla JavaScript

Aurelio introduces the new ES6 methods that work with strings — String.prototype.* — showing examples of them in action and listing available polyfills.

Aurelio introduces the new and improved ES6 number methods and constants, along with practical examples of how each works, and fallbacks for older browsers.

Artificial intelligence is a huge and extremely complex field. Luckily, a couple of simple rules can give a passable illusion of intention and thought.

M. David Green demonstrates how you can start thinking functionally in JavaScript, by refactoring some all-too-common imperative code to a functional style.

The dynamic nature of JavaScript means that a function is able to not only call itself, but define itself, and even redefine itself.

Begin your journey of programming in JavaScript! Write your first couple of simple JavaScript programs, and begin to get to grips with the language

Many people try learning JavaScript and then give up. Yaphi Berhanu looks at 9 common mistakes and gives you tips to overcome them and master JavaScript!

Camilo Reyes looks at the observer pattern — a handy pattern to use for keeping parts of a page in sync in response to events and the data they provide.

This article teaches readers how they can perform instant form validation using JavaScript. The article also explains how a validation polyfill can be made.

Take a step along the path to library-free development & join Giulio Mainardi for look at six native DOM manipulation methods that were inspired by jQuery.

Tired of learning yet another framework? Camilo Reyes teaches you how to implement the MVC design pattern (model-view-controller) in vanilla JavaScript.

Camilo Reyes explains the best practices for proper error handling in JavaScript, including how to deal with errors thrown by asynchronous code.

Giulio Mainardi looks at event propagation in JavaScript. He examines event bubbling & capture and shows how they fit into the basic JavaScript event flow.

Albert Senghor shows how to make a sticky navigation menu, similar to the one you find on Medium, that drops back into view as your scroll up the page.

James Wright introduces test-driven development and walks through creating and refactoring a simple form validation library, step-by-step, as an example.

Get a solid understanding of the language from first principles, as Tania Rascia explains the basics of JavaScript operators, conditionals and functions.

Sebastian Seitz gives you a crash course in DOM manipulation with vanilla JavaScript, abstracting the more verbose parts into a set of helper functions.

Joe Zimmermann takes a look at async functions (which are coming our way in ES2017) and how we might use them today to avoid the callback pyramid of doom.

Gajendar Singh walks you through HTML5 custom data attributes, why they're useful, how to style them with CSS and manipulate them with JavaScript and jQuery

Naveen Karippai takes a close look at how JavaScript references work, how they differ from primitive values, and shows how to avoid some common gotchas.

Yaphi Berhanu demonstrates how to plan your web dev projects, making them an iterative process and breaking large problems into small bite-size pieces.

Get a solid understanding of the language from first principles, as Tania Rascia explains the basics of JavaScript variables and datatypes.

M. David Green uses filtering to limit a data set & chaining to combine the results with map/reduce. The result—clean code that performs complex operations.

In the first editorial of 2017, James Hibbard outlines one of his learning goals for the coming year and wants to know  - what are yours? 

This is the third and last part of series. Dedicated to the retirement of oldIE and the changes this event has in the field of front-end development.

James Wright introduces you to the Web Audio API and demonstrates how to add notification sounds to a user interface in an bandwidth-friendly manner.

Julian Motz takes a look at jQuery's document.ready() method and shows how it can be replaced with vanilla JS, and is often not needed at all!

Chris Pitt shows how to make a basic 3D Minecraft editor with mostly vanilla JS and some clever CSS, that will later be used to edit a real Minecraft world.

Learn to style Google Custom Search (CSE) and the search results for your site with JavaScript. Almir Bijedic shows you how to do it the right way.

Yaphi Berhanu demonstrates two different methods for adding and removing a CSS class to DOM elements with vanilla JavaScript. No jQuery required!