JavaScript Scene
Published in

JavaScript Scene

Learn JavaScript Essentials

(for all skill levels)

by Eric Elliott

One Clear Path

Last updated: March 2020

There are so many JavaScript resources available out there, it’s hard to understand how much of it overlaps and how much is redundant. Not to mention the process of weeding out bad information. Most JavaScript learning resources neglect two of the most important topics in JavaScript: prototypal inheritance and functional programming.

There are many possible paths, several good paths, but few great paths.

Here is one clear path to JavaScript mastery:

Why JavaScript?

JavaScript is the standard language of the web platform. Learning it will allow you to build any app you want for any device or platform you want. Watch this 1 minute video to learn more about what JavaScript can do for you:

Why JavaScript?

The essentials, in order:

On JavaScript Modules

The largest package repository in the world (for any programming language) is npm. It’s the package manager that comes with Node.js, but it’s also widely used for client-side modules using solutions like Webpack.

Modulecounts.com 2017

ES6+ is the current standard, and you can use ES6 module syntax in browsers with npm + Webpack. My current recommendation for production is to use ES6 module syntax — both in Node and in the browser.

Favor Object Composition Over Class Inheritance

Most JS books will teach you how to implement classical inheritance in JavaScript. Watch this video to learn why classical inheritance should be avoided in JavaScript, and how to put prototypal inheritance to work for you:

Classical Inheritance is Obsolete: How to think in Prototypal OO

Extra credit:

--

--

--

JavaScript, software leadership, software development, and related technologies.

Recommended from Medium

The Hidden Treasures of Object Composition

Rethinking Unit Test Assertions

Make a beautiful Connect Wallet Button with RainbowKit and React

CoreUI Vue Laravel Admin Template — more than simple integration…

Making Custom Spinners With CSS

1. Angular Reactive Forms & Validations in Reactive Forms

Read user input from stdin (console) in NodeJS

//platform.twitter.com/widgets.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Eric Elliott

Eric Elliott

Make some magic. #JavaScript

More from Medium

Javascript, my love/hate story

How to Use Objects Like Arrays in JavaScript

SimpleJavaScript to brush up your JavaScript skills