MDN JavaScript Guide

Here are the exercises I’ve done while reading the MDN’s JavaScript Guides, Tutorials and References.

Note the internal links will behave in a different way when you browse this page as GitHub Repository or as GitHub Page.

Lessons, notes and exercises

• Strings

• Arrays

• Conditionals

• Looping code

• Manipulating documents

• Functions

• ES6 Classes

• Events

• Regular Expressions

• JSON

• ES6 Modules

• Asynchronous JavaScript: Promises

• Asynchronous JavaScript: Workers

Separate exercises

• Bouncing Balls Game: JavaScriptCode and Live preview.

• Sequencing animations by Promises (three solutions): README.md and Live preview of the end result.

• Silly story generator assessment: README.md and Live preview.

• Guess the number game: README.md and Live preview.

• Image gallery: README.md and Live preview.

TOC: Guides, Tutorials and References

• JavaScript - Dynamic client-side scripting

  • JavaScript First Steps

    • JavaScript first steps overview

    • What is JavaScript?

    • A first splash into JavaScript

    • What went wrong? Troubleshooting JavaScript

    • Storing the information you need - Variables

    • Basic math in JavaScript - Numbers and operators

    • Handling text - Strings in JavaScript

    • Useful string methods

    • Arrays

    • Assessment: Silly story generator

  • JavaScript building blocks

    • JavaScript building blocks overview

    • Making decisions in your code - Conditionals

    • Looping code

    • Functions - Reusable blocks of code

    • Build your own function

    • Function return values

    • Introduction to events

    • Assessment: Image gallery

  • Introducing JavaScript objects

    • Introducing JavaScript objects overview

    • Object basics

    • Object prototypes

    • Object-oriented programming concepts

    • Classes in JavaScript

    • Working with JSON data

    • Object building practice

    • Assessment: Adding features to our bouncing balls demo

  • Asynchronous JavaScript Overview

    • Introducing asynchronous JavaScript

    • How to use promises

    • How to implement a promise-based API

    • Introducing workers

    • Assessments: Sequencing animations

  • Client-side web APIs

    • Introduction to web APIs

    • Manipulating documents

    • Fetching data from the server

    • Third party APIs

    • Drawing graphics

    • Video and audio APIs

    • Client-side storage

      • Web Storage API

      • IndexedDB API ^{Only the key concept learned!}

• Complete beginners

  • JavaScript basics

  • JavaScript First Steps

  • JavaScript building blocks

  • Introducing JavaScript objects

• JavaScript guide

  • Introduction

  • Grammar and types

  • Control flow and error handling

  • Loops and iteration

  • Functions

  • Expressions and operators

  • Numbers and dates

  • Text formatting:

    • String()

    • String.fromCodePoint()

    • String.prototype.codePointAt()

    • Intl Internationalization API

    • Template literals

  • Regular expressions

  • Indexed collections

  • Keyed collections

  • Working with objects

  • Details of the object model

  • Using promises

    • Promise Object

    • Notifications API

  • Iterators and generators

  • Meta programming

  • JavaScript modules

  • The WebSocket API (WebSockets) ^{Only the key concept learned!}

• Intermediate

  • Understanding client-side JavaScript frameworks

  • Client-side web APIs

  • A re-introduction to JavaScript

  • JavaScript data types and data structures

  • Equality comparisons and sameness

  • Closures

• Advanced

  • Inheritance and the prototype chain

  • Strict mode

  • JavaScript typed arrays

  • Memory Management

  • Concurrency model and Event Loop

• Reference

  • Standard (built-in) objects

  • Expressions and operators

  • Statements and declarations

  • Operator precedence

  • Functions - Learn how to work with JavaScript’s functions to develop your applications