JavaScript (Tutorials and CheatSheet)

Beginning JavaScript

This is the first in a series of tutorials on the JavaScript programming languages. This tutorial is for Beginning JavaScript. It starts with setting up your development environment. Then goes through the core JavaScript concepts covering the bare minimum of what you need to know to be a JavaScript programmer.

Open CheatSheet

Beginning JavaScript Project

Create a To-Do list application with HTML and JavaScript applying the concepts from the Beginning JavaScript tutorial.

Open CheatSheet

Intermediate JavaScript Introduction

This is the first in a series of videos on the JavaScript programming language. This section covers official JS documentation. How to run JS in the browser and in the Terminal with Node.js. JS syntax. Data types. The global object. Built-in objects.

Open CheatSheet

Functions

This section covers JavaScript functions including function syntax, function scope, arrow functions, IIFEs, methods, parameters/arguments return statements, etc.

Open CheatSheet

Variables

This section covers JavaScript variables including let vs const declarations, scope, object variables, object and array variable destructuring, etc.

Open CheatSheet

Objects

This section covers JavaScript Objects including what objects are and how to create them. Properties and methods. The spread operator. Built in methods.

Open CheatSheet

Classes

This section covers JavaScript Classes. How to create classes, instance properties and methods. JavaScript classes are actually prototypes. Static properties and methods. Inheritance.

Open CheatSheet

Strings

This section covers the JavaScript string data type and String methods.

Open CheatSheet

If Statements and Booleans

This section covers the JavaScript Boolean data type, true or false. And JavaScript conditional statements including If..else statements, ternary statements, and switch statements.

Open CheatSheet

Numbers and Math

This section covers the JavaScript Number data type, the Number function, and Number static methods and properties. And covers the Math object which provides methods for mathematical formulas.

Open CheatSheet

Expressions and Operators

This section covers JavaScript expressions and operators. Expressions are any valid unit of code that resolves to a value. Operators are built in constructs that behave generally like functions, but differ syntactically or semantically from usual functions.

Open CheatSheet

Loops

This section covers JavaScript Loops including for loops, while loops, do...while loops, for...of loops, and for...in loops.

Open CheatSheet

Arrays

This section covers JavaScript Arrays, and the methods to modify or access array elements.

Open CheatSheet

Regular Expressions

This section covers JavaScript Regular Expressions. Regular Expressions are symbols and characters used to find text that meets the specified pattern in a longer piece of text.

Open CheatSheet

Dates

This section covers JavaScript dates. Dates are not a data type in JavaScript. Rather Date is a Global Object with methods for working with and formatting dates. Dates can be stored as a string or a number data type.

Open CheatSheet

JSON

JSON (JavaScript object notation) is is a JavaScript-like data format used to store and transmit data as text. This section covers the JavaScript JSON global object which has methods to convert JSON strings to JavaScript and vice versa.

Open CheatSheet

Web APIs

This section covers JavaScript methods to access Web APIs in the web browser. Some common Web APIs include console logs, web storage, timers, fetching data from servers, and much more.

Open CheatSheet

Errors

This section covers JavaScript Errors. There are built-in JavaScript errors, and users can instantiate Errors with the Error global objects. Try catch blocks can by used to handle errors in your code.

Open CheatSheet

Event Loop

This section covers how the JavaScript Call Stack and Event loop work. We'll walk through examples that demonstrate: the Call Stack; Asynchronous Web APIs and the Event Loop; How Promises make Asynchronous code execute synchronously.

Open CheatSheet

Promises

This section covers JavaScript Promises. Promise objects are used to handle asynchronous events. This is a fairly complex but very important concept to understand and deal with in your code.

Open CheatSheet

Modules

This section covers JavaScript Modules. Both CommonJS modules used in by Node.js, and ES6 Modules.

Open CheatSheet

The Document Object Model (DOM)

This section covers JavaScript Web APIs related to the DOM. DOM stands for Document Object Model. When a web page is opened, the browser converts the page elements into an object. There are many Web API methods to access and manipulate the elements in a web page.

Open CheatSheet

Intermediate JavaScript Project

Redo the To-Do list example application from the Beginning JavaScript tutorial. This version adds concepts from the intermediate JavaScript tutorial series including Errors, Local Storage, JSON, Regular Expressions, and more.

Open CheatSheet