 Buy EPUB/PDF   

EN

The Modern JavaScript Last updated on January 7, 2026

Tutorial
How it's done now. From the basics
to advanced topics with simple, but
detailed explanations.  Buy EPUB/PDF Share:  

Search in the tutorial Search 25047 ★ github  Discord Chat

Table of contents
Main course contains 2 parts which cover JavaScript as a programming language and working
with a browser. There are also additional series of thematic articles.

PART 1 PART 2 PART 3

The JavaScript Browser: Document, Events, Additional articles
language Interfaces

The JavaScript language

Here we learn JavaScript, starting from scratch and go on to advanced concepts like OOP.

We concentrate on the language itself here, with the minimum of environment-specific notes.

An introduction

1.1 An Introduction to JavaScript

1.2 Manuals and specifications
1.3 Code editors
1.4 Developer console

JavaScript Fundamentals

2.1 Hello, world!

2.1 Hello, world!
2.2 Code structure
2.3 The modern mode, "use strict"
2.4 Variables
2.5 Data types
2.6 Interaction: alert, prompt, confirm
2.7 Type Conversions
2.8 Basic operators, maths
2.9 Comparisons
2.10 Conditional branching: if, '?'
2.11 Logical operators
2.12 Nullish coalescing operator '??'
2.13 Loops: while and for
2.14 The "switch" statement
2.15 Functions
2.16 Function expressions
2.17 Arrow functions, the basics
2.18 JavaScript specials

Code quality

3.1 Debugging in the browser

3.2 Coding Style
3.3 Comments
3.4 Ninja code
3.5 Automated testing with Mocha
3.6 Polyfills and transpilers

Objects: the basics

4.1 Objects
4.2 Object references and copying
4.3 Garbage collection
4.4 Object methods, "this"
4.5 Constructor, operator "new"
4.6 Optional chaining '?.'
4.7 Symbol type
4.8 Object to primitive conversion

Data types

Methods of primitives
5.1 Methods of primitives
5.2 Numbers
5.3 Strings
5.4 Arrays
5.5 Array methods
5.6 Iterables
5.7 Map and Set
5.8 WeakMap and WeakSet
5.9 [Link], values, entries
5.10 Destructuring assignment
5.11 Date and time
5.12 JSON methods, toJSON

Advanced working with functions

6.1 Recursion and stack

6.2 Rest parameters and spread syntax
6.3 Variable scope, closure
6.4 The old "var"
6.5 Global object
6.6 Function object, NFE
6.7 The "new Function" syntax
6.8 Scheduling: setTimeout and setInterval
6.9 Decorators and forwarding, call/apply
6.10 Function binding
6.11 Arrow functions revisited

Object properties configuration

7.1 Property flags and descriptors

7.2 Property getters and setters

Prototypes, inheritance

8.1 Prototypal inheritance

8.2 [Link]
8.3 Native prototypes
8.4 Prototype methods, objects without __proto__

Classes

9.1 Class basic syntax

9.1 Class basic syntax
9.2 Class inheritance
9.3 Static properties and methods
9.4 Private and protected properties and methods
9.5 Extending built-in classes
9.6 Class checking: "instanceof"
9.7 Mixins

Error handling

10.1 Error handling, "try...catch"

10.2 Custom errors, extending Error

Promises, async/await

11.1 Introduction: callbacks

11.2 Promise
11.3 Promises chaining
11.4 Error handling with promises
11.5 Promise API
11.6 Promisification
11.7 Microtasks
11.8 Async/await

Generators, advanced iteration

12.1 Generators
12.2 Async iteration and generators

Modules

13.1 Modules, introduction

13.2 Export and Import
13.3 Dynamic imports

Miscellaneous

14.1 Proxy and Reflect

14.2 Eval: run a code string
14.3 Currying
14.4 Reference Type
14.5 BigInt
Unicode, String internals
14.6 Unicode, String internals
14.7 WeakRef and FinalizationRegistry

Browser: Document, Events, Interfaces

Learning how to manage the browser page: add elements, manipulate their size and position, dynamically
create interfaces and interact with the visitor.

Document

1.1 Browser environment, specs

1.2 DOM tree
1.3 Walking the DOM
1.4 Searching: getElement*, querySelector*
1.5 Node properties: type, tag and contents
1.6 Attributes and properties
1.7 Modifying the document
1.8 Styles and classes
1.9 Element size and scrolling
1.10 Window sizes and scrolling
1.11 Coordinates

Introduction to Events

2.1 Introduction to browser events

2.2 Bubbling and capturing
2.3 Event delegation
2.4 Browser default actions
2.5 Dispatching custom events

UI Events

3.1 Mouse events

3.2 Moving the mouse: mouseover/out, mouseenter/leave
3.3 Drag'n'Drop with mouse events
3.4 Pointer events
3.5 Keyboard: keydown and keyup
3.6 Scrolling
Forms, controls

4.1 Form properties and methods

4.2 Focusing: focus/blur
4.3 Events: change, input, cut, copy, paste
4.4 Forms: event and method submit

Document and resource loading

5.1 Page: DOMContentLoaded, load, beforeunload, unload

5.2 Scripts: async, defer
5.3 Resource loading: onload and onerror

Miscellaneous

6.1 Mutation observer

6.2 Selection and Range
6.3 Event loop: microtasks and macrotasks

Additional articles

List of extra topics that assume you've covered the first two parts of tutorial. There is no clear hierarchy here,
you can read articles in the order you want.

Frames and windows

1.1 Popups and window methods

1.2 Cross-window communication
1.3 The clickjacking attack

Binary data, files

2.1 ArrayBuffer, binary arrays

2.2 TextDecoder and TextEncoder
2.3 Blob
2.4 File and FileReader

Network requests

3.1 Fetch
3.2 FormData
3.2 FormData
3.3 Fetch: Download progress
3.4 Fetch: Abort
3.5 Fetch: Cross-Origin Requests
3.6 Fetch API
3.7 URL objects
3.8 XMLHttpRequest
3.9 Resumable file upload
3.10 Long polling
3.11 WebSocket
3.12 Server Sent Events

Storing data in the browser

4.1 Cookies, [Link]

4.2 LocalStorage, sessionStorage
4.3 IndexedDB

Animation

5.1 Bezier curve

5.2 CSS-animations
5.3 JavaScript animations

Web components

6.1 From the orbital height

6.2 Custom elements
6.3 Shadow DOM
6.4 Template element
6.5 Shadow DOM slots, composition
6.6 Shadow DOM styling
6.7 Shadow DOM and events

Regular expressions

7.1 Patterns and flags

7.2 Character classes
7.3 Unicode: flag "u" and class \p{...}
7.4 Anchors: string start ^ and end $
7.5 Multiline mode of anchors ^ $, flag "m"
7.6 Word boundary: \b
7.7 Escaping, special characters
7.8 Sets and ranges [...]
7.9 Quantifiers +, *, ? and {n}
7.10 Greedy and lazy quantifiers
7.11 Capturing groups
7.12 Backreferences in pattern: \N and \k<name>
7.13 Alternation (OR) |
7.14 Lookahead and lookbehind
7.15 Catastrophic backtracking
7.16 Sticky flag "y", searching at position
7.17 Methods of RegExp and String

Watch for [Link] updates

We do not send advertisements, only relevant stuff. You choose what to receive:

Nothing selected  your@[Link] Subscribe

By signing up to newsletters you agree to the terms of usage.

 Comments read this before commenting…

 Should governments regulate the use of AI in political
campaigns?
Choose one

649 Comments 
1 Login

G Join the discussion…

LOG IN WITH OR SIGN UP WITH DISQUS ?

Name

 393 Share Best Newest Oldest

Indrajeet UDawant − ⚑
7 years ago

Do you have any plans to add design Pattern , Context concept ?

220 6 Reply ⥅

Y
Yaqi Guo > Indrajeet UDawant − ⚑
6 years ago

I'm looking forward for design Pattern as well. btw the tutorial is so great.

56 0 Reply ⥅

windmaomao > Yaqi Guo

− ⚑
5 years ago

For some reason, i think this is the best Javascript book, and it's free, crazy.
 52 0 Reply ⥅

T
Tanmay Garg > windmaomao − ⚑
3 years ago

Yes, I have also gone over so many books, articles, tutorials. This is
the best. I particularly keep on coming back to it. It's laid out in a
simple manner and has practical knowledge. Tutorials are not so
comprehensive and books are majorly missing the practicality and
talking about too much theory.

7 0 Reply ⥅

Maxim Bordyug > Tanmay Garg − ⚑

2 years ago

For some reason, this website is the most popular resource in

Ukraine for learning JavaScript.

10 0 Reply ⥅

W
Wemi Moyela > Maxim Bordyug − ⚑
2 years ago

I'm not surprised by that at all! It's a wonderful resource. I'm glad so
many people Mnd it useful.

3 0 Reply ⥅

vic > Maxim Bordyug − ⚑

7 months ago

its best in all countries not only in ukraine .

1 0 Reply ⥅

A
ardentian > Maxim Bordyug − ⚑
a year ago

i am from india but i likr too

0 1 Reply ⥅

JD
Jeffrey dowdell > ardentian
− ⚑
a month ago

Do you know that Lil Durk has a song called india

0 0 Reply ⥅

Shivam mishra > ardentian

− ⚑
10 months ago

brother,what do you mean by"i am from india but i likr too"

 0 0 Reply ⥅

I
Iqboljon Sheraliyev > Tanmay Garg − ⚑
3 years ago

sdfds

1 0 Reply ⥅

J
jkhkjh > Tanmay Garg − ⚑
3 years ago

test

0 0 Reply ⥅

S
SM > windmaomao − ⚑
3 years ago

Yes, this is an outstanding book on JS. Extremely well organized,

thorough, yet simple. The author(s) have nailed it.

2 0 Reply ⥅

KK
Kiran Kumar D R > windmaomao − ⚑
a year ago

It is not available for free

1 0 Reply ⥅

Maxim Bordyug > windmaomao

− ⚑
2 years ago

Agree!

1 0 Reply ⥅

I
Iqboljon Sheraliyev > windmaomao − ⚑
3 years ago

sdfd

1 0 Reply ⥅

M
Maroof > windmaomao − ⚑
7 months ago

what about w3schools

0 0 Reply ⥅

Joaquin Elio > Maroof

− ⚑
7 months ago

w3schools is...
 +++ learn by writing code
- outdated
- not comprehensive
- not very good explaining async fundamentals

I haven't visited it lately so it may have changed

great place to start for absolute beginners,

then get here when you want to grasp concepts in deep or just when
you feel the school becames tedious

1 0 Reply ⥅

UG
Utkarsh Garg > windmaomao − ⚑
2 years ago

Can anyone recommend any book or source of similar level for react

0 0 Reply ⥅

H
Hailtothetheif > Utkarsh Garg − ⚑
2 years ago

react docs are actually very comprehensive

0 0 Reply ⥅

D
Deepak > windmaomao − ⚑
3 years ago

great

0 0 Reply ⥅

K
kamau waweru > windmaomao − ⚑
3 years ago

yah

0 0 Reply ⥅

Zhirayr Shirinyan > Yaqi Guo − ⚑

6 years ago

+1

11 0 Reply ⥅

Indrajeet UDawant > Yaqi Guo − ⚑

6 years ago

Yes it is one of the best.

3 0 Reply ⥅
 G
Gaurav Rastogi > Yaqi Guo
− ⚑
a year ago

Yup design pattern is much needed

2 0 Reply ⥅

Lisan E. > Yaqi Guo − ⚑

5 years ago

Yes!!! Tutorial is so great

1 0 Reply ⥅

lgs > Yaqi Guo − ⚑

5 years ago

+1

1 0 Reply ⥅

FP
Fulati Paerhati > Yaqi Guo − ⚑
3 years ago

+1

0 0 Reply ⥅

J
Josef Molz > Yaqi Guo − ⚑
5 years ago

+1

0 0 Reply ⥅

F
Franco Martinetti > Yaqi Guo − ⚑
5 years ago

What is btw ?

0 1 Reply ⥅

E
Eren > Franco Martinetti − ⚑
5 years ago

*by the way

2 0 Reply ⥅

M
Manjula Gupta > Franco Martinetti − ⚑
4 years ago

by the way

0 0 Reply ⥅

Zhirayr Shirinyan >

− ⚑
Zhirayr Shirinyan > Indrajeet UDawant − ⚑
6 years ago

+1 Would be really nice to have Design Pattern section.

27 0 Reply ⥅

Ahmed I. Elsayed > Indrajeet UDawant − ⚑

5 years ago

I'd like to present you this treasure [Link]

21 0 Reply ⥅

Yozaira Rojas > Ahmed I. Elsayed − ⚑

5 years ago

What a gem! Thanks for sharing!

2 1 Reply ⥅

O
Onyekachi Dera > Yozaira Rojas − ⚑
3 years ago

Can i ask for your guidance?

2 0 Reply ⥅

Yogesh > Ahmed I. Elsayed − ⚑

5 years ago

@Ahmed I. Elsayed Thanks for awesome link

0 0 Reply ⥅

P
Pratik Chougule > Ahmed I. Elsayed − ⚑
5 years ago

@Ahmed I. Elsayed Thanks Man!

0 0 Reply ⥅

Ilya Kantor Mod > Indrajeet UDawant − ⚑

6 years ago

What exactly do you mean by that? Which patterns?

4 0 Reply ⥅

Indrajeet UDawant > Ilya Kantor − ⚑

6 years ago

follow below URL, i want exactly same context in simple language.

[Link]

9 0 Reply ⥅
 Stacey Wilson > Indrajeet UDawant − ⚑
5 years ago

You could write it an submit as an update to the site after you read
the book.

© 2007—2026 Ilya Kantor | about the project | contact us | terms of usage | privacy policy