Prime JavaScript tutorial

Basics

Introduction Script files Files caching Strict mode Comments Variables Math operations on numbers Math operations on variables Math operations precedence Fractions Negative numbers Division remainder Exponentiation Strings String concatenation String length Template strings Special values Console Constants Automatic type conversion Conversion to number Numbers extraction Conversion to string Boolean type conversion Conversion to boolean type String characters Last string character Strings containing digits Shorthand operations Increment and decrement Inaccurate calculations prompt function Writing to document Finding errors practice Operations practicum Formulas practicum

Arrays

Introduction to arrays Getting elements Array length Changing elements Adding elements by keys Sparse arrays Adding elements via "push" Keys from variables delete operator Finding errors practice

Objects

Introduction to objects Entire object output String keys of objects Object properties Object key restrictions Changing elements Adding elements Object disorder Array of object keys Object length Keys from variables Error accessing element Error accessing property Computed properties in operator delete operator Object typification Arrays as objects Distinguishing arrays from objects Objects and primitives Passing objects by reference Constants Programming style through constants ru ссылка Finding errors practice

Conditions

if-else construct Greater than and less than operators Checking for equality Checking for inequality Variables comparison String equality Strings and numbers equality Equality in value and type Inequality in value and type Logical AND Logical OR Precedence of logical operators Combining conditions Inverting logical expressions Conditions with boolean values Comparing values with a boolean type Shorthand checking for true Shorthand checking for false General shorthand checking Complex conditions in shortened form Optionality of else construct Optionality of curly braces else if construct Nested if-else constructs switch-case construct Optionality of break Ternary operator Logical operations confirm function Scope Nuances of scope Checking parts of hour Checking the length of strings and arrays Checking the characters of a string Checking the digits of a number Checking the division remainder Finding errors practice Practicum

Loops

Introduction For loop For-of loop For-in loop While loop For-loop for arrays Conditions in loops Accumulation of numbers Accumulation of array elements String formation Digits of a number break statement continue statement tasks Nested loops Scope task Nested loops and scope tasks Filling an array Changing an array Filling objects Changing objects Working with flags Counting the number of array elements Object with the number of elements Getting neighbors of array elements Coding tips Code debugging tips Finding errors practice Practicum

Multidimensionality

Multidimensional arrays Iterating over multidimensional arrays Filling multidimensional arrays Issues of filling multidimensional arrays Filling multidimensional arrays in order Multidimensional objects Iterating over multidimensional objects Multidimensional structures Iterating over multidimensional structures Array of objects Keys from variables Adding elements to arrays Adding elements to objects

Standard methods

Math methods рандом поправить, отдел урок? | про методы написать | про Math String methods еще дополнить из es6 | replace | split join отдел урок Array methods дополнить из es6 | Object.keys | sort урок на Array.of ? Practicum добавить еще примеров Finding errors practice

User-defined functions

Introduction Function parameters Multiple parameters Parameters-variables Optional parameters Return statement Sequential function call Return nuance Loop and return Usage of return in loops Working methods for return Flags in functions Logical operators in functions Function tips поработать еще Finding errors practice Functions practicum

Advanced theory of functions

Global variables Local variables Variables names coincidence Changing global variables Global variables and function parameters Variable and parameter names coincidence Parameter-object Source code of function and result Function as variable Function expression and Function declaration Nuances of Function expressions Array with functions Object with functions Passing functions as parameters Named function expressions Nested functions Scope of nested functions Function returning a function Lexical environment of functions Closures Immediately invoked function call (IIFE) Closures and IIFE Callback functions Arrow functions Recursion Recursion and multidimensional structures

Iteration methods

Map method ForEach method Filter method Every method Some method

Spread and Rest operators

Spread operator Spread operator and array merging Spread operator for strings and numbers Rest operator tasks Using the rest and spread operators

Destructuring

Array destructuring Array from a function Skipping array elements Extra array values Rest of an array Default values for arrays Default functions for arrays Variable declaration for arrays Object destructuring Variable names for objects Default values for objects Default variables and values for objects Declaring variables for objects Function parameters

Time

Working with the Date object Date formats Changing a date format ru ссылка Getting the day of the week Outputting a date with words Time setting Timestamp format Timestamp difference Difference of objects with date Automatic date adjustment Finding the last day of the month Leap year determination Date validation Getting points in time Practice in getting points in time String comparison of dates Comparing objects with dates

Introduction to the DOM

Introduction DOM elements Getting a DOM element Attaching handlers Named event handlers Single handler for elements Handlers for one event Handlers for different events Element text HTML code of element Tag attributes as properties Working with text fields Text fields focus Attribute-exceptions Methods and properties chains This object This advantage Getting a group of elements Named handlers in a loop Anonymous handlers in a loop Unbinding event handlers Unbinding handlers in a loop Unbinding anonymous handlers Methods for attributes Working with CSS classes Styling with style attribute Styling with CSS classes Family relationships Another search techniques Search inside element Custom attributes Working with nodes Coding tips Finding errors practice Practicum

Forms

Working with textarea Element disabling Working with checkboxes Alternating attributes without values Working with radio buttons Change event Input event Focus and blur methods Working with dropdown lists Changing the selected list item Number of the selected list item Getting dropdown list items Working with dropdown list items Finding errors practice

Event object

Event object basics Event coordinates Event type Event element Getting pressed keys Modifier key tracking Canceling default action Event bubbling Target element when bubbling Stopping event bubbling Events capturing Handlers for new elements Event delegation

Context

Context basics Unbound function context Context loss Solving the context problem Call method Apply method Bind method

Timers

Timer start Сounter using a timer Stopping a timer Buttons to start Buttons to stop Working with the DOM Timers and context loss Passing a context as a parameter Timers and the DOM practicum Delay before execution

Element manipulation

Creating and inserting elements Binding events on insertion Creating elements in a loop Attaching handlers in a loop Removing elements Insertion before or after Adjacent insertion Cloning elements еще задач Checking elements

Practicum

Creating elements from an array Creating ul lists in practice Creating HTML tables Sequential populating an HTML table Creating a table from an array Creating a table from an array of objects Adding rows and columns to a table Modifying table cells Removing new items Link to remove an element Creating links to remove Editing a single element Hiding text while editing Editing in a group of elements Simultaneous editing and removal Element styling Buttons to hide and show an element Many elements with show buttons Element activation Alternation of activation styles Changing elements in practice

Functions an the DOM

Functions for working with a DOM element Functions for working with a group of elements Passing a callback to work with the DOM Passing an index number to a callback Passing an element as a function parameter Passing a group of elements as parameters Function for creating HTML tables Returning a table from a function Function to create a table from an array

Modules via closures

Variables conflicts Modules via closures Passing parameters Passing a parent element Passing module settings Exporting variables and functions Libraries via closures
↑
enru