JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

If there's one thing that never gets old, it's rock-solid JavaScript fundamentals.

When you're working in frameworks like React, Vue, and Angular, it's easy to forget that most of what you're writing is still JavaScript. We all get swept away in the excitement of new tools, but you need to lay down a stable foundation before stacking too much on top.

A strong understanding of JavaScript is essential for having a successful career, no matter which framework you use.

This is a curated resource covering the important parts of the whole language.

When someone comes to you and asks "Hey! Can you build this?", you'll be able to say "yes" with confidence.

Kent C. Dodds

TestingJavascript.com

John Lindquist

course

Learn ES6 (ECMAScript 2015)

Shane Osbourne

Understand JavaScript Arrays

Tyler Clark

Advanced JavaScript Foundations

Just starting out with JavaScript

Beginner

Marius Schulz

Understand JavaScript's this Keyword in Depth

mykola bilokonsky

Reduce Data with Javascript Array#reduce

JavaScript Promises in Depth

Hitting your stride

Intermediate

Max Stoiber

Write simple asynchronous code with JavaScript generators

Asynchronous JavaScript with async/await

Understanding JavaScript's Prototypal Inheritance

Above and beyond

Advanced

Level up at JavaScript

Whether you are just starting out with frontend engineering or you are a seasoned veteran, this course will provide a strong understanding of the DOM Event system.

Alex Reardon

Your Ultimate Guide to Understanding DOM Events

Managing state is one of the primary reasons our applications become so complex. See how to simplify state with state machines.

Kyle Shevlin

Introduction to State Machines Using XState

A quick overview of the features of Script Kit to help you get oriented and writing scripts in no time. 

Script Kit Showcase for Optimizing Your Everyday Workflows

Functional Programming can be overwhelming to learn with all the new jargon and concepts. Learn this style without all the headaches.

Just Enough Functional Programming in JavaScript

Learn how to implement data structures, sorting algorithms, and the trade-offs between what algorithms to choose.

Data Structures and Algorithms in JavaScript

Algorithms in JavaScript

Popular JavaScript Courses

Under the hood of your modern applications, there is a lot of work communication back and forth with servers, reacting to user interaction, and managing the state of a complex asynchronous application. Your application grows, the complexity multiplies, until you've got a jumbled mess that makes you sad to get up and get to work every morning.

Jafar Husain

Asynchronous Programming: The End of The Loop

Take an in-depth look at how to use promises to model various kinds of asynchronous operations.


Asynchronous JavaScript

You likely know the pain and joy that is debugging. The pain is part of the process, and the joy is winning the battle and fixing the issue. You're probably familiar with the basics of using Devtools. These courses will give you new tools that will help make the journey from debugging pain to joy more quickly!

Advanced Logging with the JavaScript Console

We’ll take a deep look at the Elements panel in the chrome devtools. We’ll step through each button and tab on this panel and discuss how to use them to interact with your web app.

Debug the DOM in Chrome with the Devtools Elements Panel

Debug JavaScript in Chrome with DevTool Sources

Debug HTTP with Chrome DevTools Network Panel

Yonatan Kra

Critical Rendering Path

Tomasz Łakomy

Chrome DevTools tips & tricks

Debugging JavaScript

Confidently Solve Interview Problems

Brian Lonsdorf

podcast

Math and Functional Programming Aren't Exclusive to Wizards

Henry Zhu, Maintainer of Babel

Functional JavaScript

Mark Shust

12-factor JavaScript Applications using Docker

Learning and Experimenting with Physical and Digital Mediums

Conversations with JavaScript Experts

JavaScript

Learn Javascript

This lesson will cover how to add & organize routes in an express app.

We'll create an instance of `express.Router()` in its own `routes/index.js` file and use `app.use(routes)` to include those in our main application. The route handlers will live in their own file `routes/notes.js`.

The lesson will cover CRUD routes (create, read, update, delete) and go over some of the HTTP verbs supported by the express router.

We will be stubbing the following routes needed to power a note-taking application:

```
GET /notes
GET /notes/:id
POST /notes
POST /notes/:id
DELETE /notes/:id
```

The routes won't themselves do anything but return sample data. This approach is often helpful when building a new API, instead of building out the full functionality, first define the shape of the URLs and structure of the responses. Mock data can be used to simulate the response and ensure the routes are going to serve the needs of your application without having to build it all.

---

[More on the verbs supported by HTTP here](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods)
[More on the express routes capabilities here](http://expressjs.com/en/guide/routing.html)





Add and Organize New Routes in an Express App

<p>Joel interviews Michel Weststrate, author of Mobx and his new library, Immer. Today they get into the power of Immer, its early success on Github, common mistakes in state management, and what is next for Mobx.</p><p>Immer is a light-weight, immutable state-management tool. Michel talks with Joel about some of its capabilities. Immer takes an object and a function and can track all the changes made to that object, it then gives you back the original object and a mutated copy. Immer can replace reducers, Michel calls them "producer" functions as they "produce" the new state.</p><p>Joel then asks Michel "what makes state management so hard for people and are they overcomplicating it?" This question leads to Michel explaining that people don't think enough about the structure of their state enough up front. When you talk about state, there are three distinct concepts, values, references, and identities. However, people tend to only think of state purely as data. "You have to think about what is going to store it and what is going to reference it."</p><p>Michel talks about how the mobx-state-tree fits into an application. Mobx is unopinionated; it doesn't tell you how to organize your stores. mobx-state-tree, however, is very explicit about the three concepts of state, values, references, and identities. With mobx-state-tree you organize your data into models and tell it how they relate to each other. It's all about consistently organizing your state!</p><p>What's next for Mobx? Michel is currently working on some exciting features using proxies to make Mobx even more transparent than it is now. Michel has also been thinking about improving on asynchronous processes and how to leverage async actionables.</p><hr /><h3>Transcript</h3><p><a href="https://egghead.simplecast.com/episodes/94ad357b/transcript">"Michel Weststrate creator of Mobx and Immer Libraries for JavaScript" Transcript</a></p><h3>Resources</h3><ul><li><a href="https://github.com/mweststrate/immer">Immer</a></li><li><a href="https://mobx.js.org/getting-started.html">Mobx</a></li><li><a href="https://www.mendix.com/">Mendix</a></li></ul><h3>Michel Westrate</h3><ul><li><a href="https://medium.com/@mweststrate">Medium</a></li><li><a href="https://twitter.com/mweststrate?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">Twitter</a></li><li><a href="https://github.com/mweststrate">Github</a></li><li><a href="https://egghead.io/instructors/michel-weststrate">egghead.io</a></li></ul><h3>Joel Hooks:</h3><ul><li><a href="https://twitter.com/jhooks">Twitter</a></li><li><a href="https://joelhooks.com/">Website</a></li></ul>

Joel interviews Michel Weststrate, author of Mobx and his new library, Immer. Today they get into the power of Immer, its early success on Github, common mistakes in state management, and what is next for Mobx.

Michel Weststrate creator of Mobx and Immer Libraries for JavaScript

This lesson just does a little housecleaning after finishing the word game. We clean up the imports and organize the operators.

Organizing Operators and Cleaning Up

Front-end web architecture has made exciting advances in recent years. But before we get to that we need to have a discussion on what has led us to this point and the driving principles behind it.

Since JQuery, we've progressively been decoupling our logic from the DOM. After JQuery, frameworks like Angular were able to abstract that logic into controllers and services. Then Redux came along and brought a simplified that let us reorganize our logic into more cohesive units. 

We should be taking advantage of improved decoupling in the modern web. If you can write a function you can write an endpoint. And if you understand frontend architecture principles, then you already understand cloud architecture principles. 

In this course, you will learn how to decouple JavaScript functions from the environment they live in. By using the Serverless framework and AWS, you will see how straightforward it is to create an endpoint. 

So check out this course and start lifting your functions into the cloud today!

Add and Organize New Routes in an Express App

Michel Weststrate creator of Mobx and Immer Libraries for JavaScript

Organizing Operators and Cleaning Up

Transform Local Functions Into Endpoints With Serverless