learnthings
← All paths

JavaScript, the language and the browser

The language first, then the DOM, then the modern features and the async model — with MDN and javascript.info as the reference beside every video.

69 sources·15 rooms

Published by learnthings · 2h ago

programmingjavascriptweb development
You get your own copy — yours to change, and to take notes on.

Stage 1 · The language, from zero

video

What it is and where it goes

7
  1. 1JavaScript Tutorial For Beginners 01 - Introductionyoutube.com
  2. 2JavaScript for Beginners 02 - What is JavaScript?youtube.com
  3. 3JavaScript Tutorial For Beginners 03 - Hello World! in JavaScriptyoutube.com
  4. 4JavaScript Tutorial For Beginners #4 - Where to put your JSyoutube.com
  5. 5JavaScript Tutorial For Beginners #5 - Google Chrome Developer Toolsyoutube.com
  6. 6JavaScript Tutorial For Beginners #6 - Basic JavaScript Syntax & Rulesyoutube.com
  7. 7JavaScript Tutorial For Beginners #7 - JavaScript Variablesyoutube.com
read

The two references worth bookmarking

2
  1. 8MDN's JavaScript Guidedeveloper.mozilla.org
  2. 9The Modern JavaScript Tutorialjavascript.info

Stage 2 · Values, control flow, functions

video

Operators, conditionals, loops, functions, objects

12
  1. 10JavaScript Tutorial For Beginners #8 - Basic Mathematical Operatorsyoutube.com
  2. 11JavaScript Tutorial For Beginners #11 - Booleans in JavaScriptyoutube.com
  3. 12JavaScript Tutorial For Beginners #12 - If Statementsyoutube.com
  4. 13JavaScript Tutorial For Beginners #14 - Comparison Operatorsyoutube.com
  5. 14JavaScript Tutorial For Beginners #15 - Logical Operatorsyoutube.com
  6. 15JavaScript Tutorial For Beginners #16 - While Loopsyoutube.com
  7. 16JavaScript Tutorial For Beginners #17 - For Loopsyoutube.com
  8. 17JavaScript Tutorial For Beginners #20 - Functionsyoutube.com
  9. 18JavaScript Tutorial For Beginners #21 - Variable Scopeyoutube.com
  10. 19JavaScript Tutorial For Beginners #24 - Stringsyoutube.com
  11. 20JavaScript Tutorial For Beginners #26 - Arraysyoutube.com
  12. 21JavaScript Tutorial For Beginners #27 - Introduction to Objectsyoutube.com
read

A book to read alongside

1
  1. 22Eloquent JavaScript (free online)eloquentjavascript.net

Stage 3 · The DOM, and events

video

Reading and changing the page

8
  1. 23JavaScript DOM Tutorial #1 - Introductionyoutube.com
  2. 24JavaScript DOM Tutorial #2 - Get Element By IDyoutube.com
  3. 25JavaScript DOM Tutorial #3 - Get Elements By Class or Tagyoutube.com
  4. 26JavaScript DOM Tutorial #4 - The Query Selectoryoutube.com
  5. 27JavaScript DOM Tutorial #5 - Changing Text & HTML Contentyoutube.com
  6. 28JavaScript DOM Tutorial #6 - Nodesyoutube.com
  7. 29JavaScript DOM Tutorial #7 - Traversing the DOM (part 1)youtube.com
  8. 30JavaScript DOM Tutorial #8 - Traversing the DOM (part 2)youtube.com
read

What the DOM actually is

2
  1. 31Document Object Model — an introductiondeveloper.mozilla.org
  2. 32Dynamic scripting with JavaScript (MDN's course)developer.mozilla.org

Stage 4 · Modern JavaScript, and async

video

ES6 features you will see everywhere

6
  1. 33JavaScript ES6 Tutorial #1 - Introductionyoutube.com
  2. 34JavaScript ES6 Tutorial #2 - Constantsyoutube.com
  3. 35JavaScript ES6 Tutorial #3 - The Let Keywordyoutube.com
  4. 36JavaScript ES6 Tutorial #4 - Default Parametersyoutube.com
  5. 37JavaScript ES6 Tutorial #5 - The Spread Operatoryoutube.com
  6. 38JavaScript ES6 Tutorial #6 - Template Stringsyoutube.com
video

Promises, async/await, fetch

5
  1. 39Asynchronous JavaScript #1 - What is Asynchronous JavaScript?youtube.com
  2. 40Asynchronous JavaScript #2 - AJAX Requestsyoutube.com
  3. 41Asynchronous JavaScript #3 - Callback Functionsyoutube.com
  4. 42Asynchronous JavaScript #4 - Promisesyoutube.com
  5. 43Asynchronous JavaScript #5 - Generatorsyoutube.com
video

The pieces people trip on

4
  1. 44Differences Between Var, Let, and Constyoutube.com
  2. 45JavaScript Promises In 10 Minutesyoutube.com
  3. 46JavaScript Async Awaityoutube.com
  4. 47Learn Fetch API In 6 Minutesyoutube.com
read

The async model, written down

2
  1. 48Using promisesdeveloper.mozilla.org
  2. 49You Don't Know JS Yet — the book series, free to readgithub.com

Stage 5 · How it runs, and what next

video

The call stack, the event loop, the engine

5
  1. 50JavaScript Under The Hood 1 - Thread & Call Stackyoutube.com
  2. 51JavaScript Under The Hood 2 - Execution Contextyoutube.com
  3. 52JavaScript Under The Hood 3} - Asynchronous JavaScript, Task Queue & Event Loopyoutube.com
  4. 53JavaScript Under The Hood 4 - Memory Storageyoutube.com
  5. 54JavaScript Under The Hood 5 - JavaScript Engine Overviewyoutube.com
video

Objects and prototypes properly

4
  1. 55Object Oriented JavaScript Tutorial #1 - Introductionyoutube.com
  2. 56Object Oriented JavaScript Tutorial #2 - Object Literalsyoutube.com
  3. 57Object Oriented JavaScript Tutorial #3 - Updating Propertiesyoutube.com
  4. 58Object Oriented JavaScript Tutorial #4 - Classesyoutube.com
read

Where to go from here

3
  1. 59The JavaScript reference, for when you need the exact ruledeveloper.mozilla.org
  2. 60freeCodeCamp's JavaScript certification — exercises and projectsfreecodecamp.org
  3. 61A roadmap of what comes after the languageroadmap.sh
read

The courses these videos come from

7
  1. 62Net Ninja: JavaScript Tutorials for Beginners (47 videos)youtube.com
  2. 63Net Ninja: JavaScript DOM Tutorial (18 videos)youtube.com
  3. 64Net Ninja: JavaScript ES6 Tutorials (11 videos)youtube.com
  4. 65Net Ninja: Asynchronous JavaScript Tutorial (5 videos)youtube.com
  5. 66Net Ninja: Object Oriented JavaScript (11 videos)youtube.com
  6. 67Traversy Media: JavaScript: Under The Hood (5 videos)youtube.com
  7. 68Web Dev Simplified: Introduction to JavaScript (41 videos)youtube.com
notebook

How to use this path

1
  1. 69Build things in stage 3
JavaScript, the language and the browser · learnthings