К содержанию

Advanced JavaScript tutorial

Advanced JavaScript tutorial with a taskbook and problem solving examples.

Styling

Styling via style attribute in JavaScript

style attribute units in JavaScript

Units mistakes in JavaScript

Unpacking CSS property values in JavaScript

Resetting styles with style attribute in JavaScript

Multiple styles setting in JavaScript

Style reading issues in JavaScript

Reading properties from CSS files in JavaScript

Converting read values in JavaScript

Styling with classes in JavaScript

Single class for styling in JavaScript

Disadvantage in using classes in JavaScript

Styles alternation with the data- attribute in JavaScript

Element metrics

Expanding elements in CSS for JavaScript

Test element in JavaScript

Client element size in JavaScript

Full element size in JavaScript

Dimensions of an element with a scrollbar in JavaScript

Scrolling value of elements in JavaScript

Changing an element scrolling in JavaScript

Scroll an element to the end in JavaScript

Element unfolding in JavaScript

Scrollbar width in JavaScript

Window metrics

Window dimensions in JavaScript

Window dimensions including scrolling in JavaScript

Getting a window scroll in JavaScript

Getting and changing a window scroll in JavaScript

Method to scroll a window to the position in JavaScript

Method for scrolling a window by the amount in JavaScript

Method for scrolling a window to an element in JavaScript

Scroll event in JavaScript

Map collections

Map collections in JavaScript

Useful features of Map collections

Looping through Map collections

Keys and values in Map collections

Map collections applying

Set collections

Set collections in JavaScript

Initial filling of Sets in JavaScript

Useful features of Set collections

Looping through Set collections

Set conversion

Removing duplicates from an array using Set

Getting DOM elements without duplicates

Pseudo-arrays

Pseudo-arrays in JavaScript

Similarities with arrays in JavaScript

Differences from arrays in JavaScript

Checking for an array in JavaScript

To-array conversion in JavaScript

Pseudo-arrays types in JavaScript

Difference between pseudo-array types in JavaScript

Symbols

Introduction to the Symbol type in JavaScript

Symbol description in JavaScript

Symbol keys of objects in JavaScript

Iterating over an object with symbols in JavaScript

Function in an object in JavaScript

Operations with objects in a function in JavaScript

Global symbols in JavaScript

Retrieving a symbol name in JavaScript

Well-known symbols in JavaScript

Iterators

Iterables in JavaScript

Iterator function in JavaScript

Iterator Invocation in JavaScript

Generators in JavaScript

Loops in generators in JavaScript

One-time iterator operation in JavaScript

Object iterator in JavaScript

Creating an iterable in JavaScript

Setting an object generator through a computed property in JavaScript

Built-in values iterator in JavaScript

Built-in keys iterator in JavaScript

Built-in entries iterator in JavaScript

Three built-in iterators in JavaScript

Spread operator and iterators in JavaScript

Built-in string iterators in JavaScript

Array of digits of a number in JavaScript

DOM elements numbering in JavaScript

Retrieving DOM element data in JavaScript

JSON format

Introduction to JSON Format in JavaScript

JSON-to-data conversion in JavaScript

data-to-JSON conversion in JavaScript

Changing JSON data in JavaScript

Storage

Browser local storage in JavaScript

Storage in the browser debugger in JavaScript

Working with the localStorage data in JavaScript

One-time save in a localStorage in JavaScript

Overwriting data in a localStorage in JavaScript

Removing the localStorage data in JavaScript

Clearing a local storage in JavaScript

Number of entries in a localStorage in JavaScript

Getting a key by index in a localStorage in JavaScript

Iterating over a storage by indices in JavaScript

Key and value arrays of a storage in JavaScript

Saving structures in a localStorage in JavaScript

Modification of structures stored in a localStorage in JavaScript

localStorage practice in JavaScript

Regular expressions

Introduction to Regular Expressions in JavaScript

Repetition operators in regex

Grouping parentheses in JavaScript regex

Escaping special characters in regex in JavaScript

Curly braces in regular expressions in JavaScript

Limitaion of greediness in JavaScript regex

Groups of characters in regular expressions in JavaScript

Character sets in regular expressions in JavaScript

Inverting character sets in regular expressions in JavaScript

Features of Cyrillic in JavaScript Regex

Special characters inside square brackets in JavaScript regex

Character groups within sets in JavaScript regex

Exceptions inside sets in regex in JavaScript

Hat symbol inside sets in JavaScript regex

Hyphen inside sets in JavaScript regex

Ignoring case in regexes in JavaScript

Line boundary in JavaScript regexes

Word boundaries in regexes in JavaScript

Multiline in JavaScript regexes

'OR' command in JavaScript regular expressions

Variable with a regex in JavaScript

test method in JavaScript regular expressions

search method in JavaScript regular expressions

split method in JavaScript regular expressions

match method in JavaScript regular expressions

Capturing groups in the regex match method in JavaScript

Global match in JavaScript regexes

Global matchAll in JavaScript regexes

The exec method in JavaScript regexes

The lastIndex property in JavaScript regexes

Capturing groups in the replace method in JavaScript regexes

Callback in the replace method in JavaScript regexes

Default capturing groups in the replace method in JavaScript regexes

Capturing groups in a regex itself in JavaScript

Named capturing groups in JavaScript regexes

Named capturing groups inside a JavaScript regex

Non-capturing groups in JavaScript regexes

Positive and negative lookaround in JavaScript regexes

String with a regex in JavaScript

Modifiers for regex strings in JavaScript

Backslash in regex strings in JavaScript

Exceptions

Introduction to exceptions in JavaScript

Exceptions types in JavaScript

Catching exceptions in JavaScript

Development with try-catch in JavaScript

Catching exceptions in a nested code in JavaScript

Object with an error in JavaScript

Main types of exceptions in JavaScript

Applying exception types in JavaScript

Throwing an exception in JavaScript

Throwing different types of exceptions in JavaScript

Throwing custom exception types in JavaScript

An example of an exception with data- attributes in JavaScript

An Example of JSON Exception in JavaScript

Rethrowing an exception in JavaScript

Asynchrony

Synchronous vs asynchronous code in JavaScript

Event model asynchrony in JavaScript

Image loading asynchrony in JavaScript

Exceptions in asynchronous code in JavaScript

Async callbacks

Asynchronous code with callbacks in JavaScript

Asynchronous passing a result to callback in JavaScript

Passing parameters to an asynchronous callback in JavaScript

Exceptions in asynchronous callbacks in JavaScript

Loading images via asynchronous callbacks in JavaScript

Callback hell issue in JavaScript

Async images loading in a loop in JavaScript

Promises

Promises introduction in JavaScript

Exceptions within promises in JavaScript

Object with a promise error in JavaScript

Individual exception catching in promises in JavaScript

Promise states in JavaScript

Chaining promises in JavaScript

Promises within a chain in JavaScript

Exceptions in promise chain in JavaScript

Working with arrays of promises in JavaScript

Creation of an fulfilled promise in JavaScript

Promisification of an async code in JavaScript

Promise hell issue in JavaScript

Promises in a sync style in JavaScript

Exceptions in synchronous style in JavaScript

Libraries

Libraries in JavaScript

Using Libraries in JavaScript

Libraries via CDN in JavaScript

Library disadvantages in JavaScript

Tools

Semantic versioning in JavaScript

Terminal basics in JavaScript

Introduction to NodeJS tool

Introduction to npm in JavaScript

Installing libraries via npm in JavaScript

install command shortcut in JavaScript

Dependencies in a package.json file in JavaScript

Dev dependencies in npm in JavaScript

Dependency version formats in npm in JavaScript

The package.json file settings in JavaScript

Creating a package.json file in JavaScript

Moving an npm project in JavaScript

npm package-lock.json file in JavaScript

Updating packages with npm in JavaScript

Uninstalling packages with npm in JavaScript

Global installation via npm in JavaScript

Uninstalling packages globally via npm in JavaScript

npx tool in JavaScript

Running scripts with npm in JavaScript

Yarn manager in JavaScript

ES modules

Introduction to modern modules in JavaScript

Enabling ES modules in JavaScript

Installing the Webpack bundler in JavaScript

How the Webpack bundler works in JavaScript

Configuring the Webpack bundler in JavaScript

Configuring the Webpack build running in JavaScript

Test build using Webpack in JavaScript

Including a bundle in markup in JavaScript

Creating an ES module in JavaScript

ES module import in JavaScript

Aliases on import in JavaScript

Entire module content import in JavaScript

Export by default in JavaScript

Combination of exports in JavaScript

Entire content import on combination of exports in JavaScript

Exporting values from ES modules in JavaScript

Values as constants in ES modules in JavaScript

npm modules import in JavaScript

Dynamic import of ES modules in JavaScript

Dynamic multiple import in JavaScript

Converting CommonJS modules to ES in JavaScript

HTTP protocol

HTTP in JavaScript

Working with URLSearchParams in JavaScript

Working with URL in JavaScript

Test server

Test server in JavaScript

Using the test server in JavaScript

Running a code using the test server in JavaScript

HTML generation via test server in JavaScript

Response headers in test server in JavaScript

Setting up the test server port in JavaScript

Multiple test server running in JavaScript

Forms

Submitting forms in JavaScript

Form submission methods in JavaScript

Submitting forms using the GET method in JavaScript

Submitting forms using the POST method in JavaScript

GET request in JavaScript

Using GET requests in JavaScript

Form buttons in JavaScript

Submitting a form via JavaScript

Preventing a form submission in JavaScript

Working with FormData in JavaScript

FormData methods in JavaScript

FormData iterators in JavaScript

AJAX

Introduction to AJAX

fetch basics in AJAX

HTTP response code in AJAX request in JavaScript

AJAX request success in JavaScript

Exceptions during AJAX requests in JavaScript

Complete AJAX error catching in JavaScript

HTTP response headers in AJAX in JavaScript

Retrieving JSON via AJAX in JavaScript

HTTP request headers via AJAX in JavaScript

Sending GET requests via AJAX in JavaScript

Sending POST requests via AJAX in JavaScript

Sending data via AJAX using URLSearchParams in JavaScript

Sending data via AJAX using FormData in JavaScript

Submitting a form via AJAX using FormData in JavaScript

Sending JSON to server using AJAX in JavaScript

CORS policy in AJAX requests in JavaScript

Passing cookies in AJAX requests in JavaScript

Synchronous fetch style in JavaScript

Working with canvas

Getting started with canvas in JavaScript

Drawing lines with canvas in JavaScript

Drawing rectangles using canvas in JavaScript

Drawing circles using canvas in JavaScript

Line color change in canvas in JavaScript

Changing a line width in canvas in JavaScript

Loops in canvas in JavaScript

Code optimization

Factors that affect website loading speed in JavaScript

Available resources in JavaScript

Optimization of repetitive operations in JavaScript

Optimizing a repetition of heavy operations in JavaScript

Optimization of loop operations in JavaScript

Optimizing the number of loop iterations in JavaScript

Optimization via the use of built-in functions in JavaScript

Choosing an optimal algorithm in JavaScript

Optimizing the use of regexes in JavaScript

Optimization of work with DOM in JavaScript

Optimizing memory consumption in JavaScript

Optimization when converting to an array in JavaScript

Event handlers usage optimization in JavaScript

Optimizing speed using memory in JavaScript

Data

Data Immutability in JavaScript

Array Copies in JavaScript

Object Copies in JavaScript

Immutable Adding Elements to an Array in JavaScript

Immutable Array Element Deletion in JavaScript

Immutable Array Element Modification in JavaScript

Arrays of Objects with id in JavaScript

Generating a Random id in JavaScript

Adding an Element with id in JavaScript

Removing an Element by id in JavaScript

Changing an Element by id in JavaScript

Modifying a Single Property by id in JavaScript

Getting an Element by id in JavaScript