javascript-tutorial / ru.javascript.info

Современный учебник JavaScript

Современный учебник JavaScript

Всем привет!

Здесь находится текст Современного Учебника JavaScript, опубликованного на https://learn.javascript.ru.

Внесение правок

JavaScript — это активно развивающийся язык, в который постоянно добавляется что-то новое.

Мы стараемся, насколько это возможно, следить за всеми новинками и обновлениями. Но иногда всё-же что-то остаётся незамеченным.

Если вы считаете, что какая-либо информация из учебника уже неактуальна (или может быть улучшена), — мы всегда будем рады рассмотреть ваши предложения по усовершенствованию материала 😄.

Мы также приветствуем добавление новых статей и задач в учебник.

О том, как внести правки в learn.javascript.ru, можно прочитать здесь.

(сейчас нужна помощь с разделом по CSS, его хорошо бы обновить 😉)

---

♥
Илья Кантор @iliakan

ru.javascript.info's Issues

Russian Translation Progress

Maintainer List

@iliakan, @lex111, @dandgerson, @stas-dolgachov, @xcurveballx

Учебник переведён и будет скоро опубликован.

Пожалуйста, обратите внимание на #321 и #288.

1-js/02-first-steps/index.md

7-animation/bezier-curve

Беру этот раздел

9-regular-expressions/01-regexp-introduction/article.md

1-js/05-data-types/01-primitives-methods

Взял на перевод

1-js/02-first-steps/02-structure/article.md

Взял на перевод.

1-js/02-first-steps/04-variables

Translate

1-js/08-prototypes/02-function-prototype/article.md

Беру статью на перевод

1-js/11-async/05-promise-api

1-js/05-data-types/02-number

/1-js/02-first-steps/07-operators/

приступил к переводу

javascript-tutorial-ru/1-js/02-first-steps/03-strict-mode/article.md

Взял на перевод

1-js/01-getting-started/1-intro

Взял

5-network/06-url/article.md

1-js/08-prototypes/03-native-prototypes/

Беру на перевод.

9-regular-expressions/index.md

Progress

Maintainer List

@iliakan

For New Translators

To translate a page:

1. Check that no one else has claimed your page in the checklist and comments below.
2. Comment below with the name of the page you would like to translate. Please take only one page at a time.
3. Clone this repo, translate your page, and submit a pull request!

Before contributing, read the glossary and style guide (once they exist) to understand how to translate various technical and React-specific terms.

Please be prompt with your translations! If you find find that you can't commit any more, let the maintainers know so they can assign the page to someone else.

For Maintainers

When someone volunteers, edit this issue with the username of the volunteer, and with the PR. Ex:

• Home Page (@lex111) #1

When PRs are merged, make sure to mark that page as completed!

The JavaScript language

An introduction

• An Introduction to JavaScript
• Code editors
• Developer console

JavaScript Fundamentals

• Hello, world!
• Code structure
• The modern mode, "use strict"
• Variables
• Data types
• Type Conversions
• Operators
• Comparisons
• Interaction: alert, prompt, confirm
• Conditional operators: if, '?'
• Logical operators
• Loops: while and for
• The "switch" statement
• Functions
• Function expressions and arrows
• JavaScript specials

Code quality

• Debugging in Chrome
• Coding Style
• Comments
• Ninja code
• Automated testing with mocha
• Polyfills

Objects: the basics

• Objects
• Garbage collection
• Symbol type
• Object methods, "this"
• Object to primitive conversion
• Constructor, operator "new"

Data types

• Methods of primitives
• Numbers
• Strings
• Arrays
• Array methods
• Iterables
• Map, Set, WeakMap and WeakSet
• Object.keys, values, entries
• Destructuring assignment
• Date and time
• JSON methods, toJSON

Advanced working with functions

• Recursion and stack
• Rest parameters and spread operator
• Closure
• The old "var"
• Global object
• Function object, NFE
• The "new Function" syntax
• Scheduling: setTimeout and setInterval
• Decorators and forwarding, call/apply
• Function binding
• Currying and partials
• Arrow functions revisited

Object properties configuration

• Property flags and descriptors
• Property getters and setters

Prototypes, inheritance

• Prototypal inheritance
• F.prototype
• Native prototypes
• Prototype methods, objects without proto
• Getting all properties

Classes

• Class patterns
• Classes
• Class inheritance
• Static properties and methods
• Private and protected properties and methods
• Extending build-in classes
• Class checking: "instanceof"
• Mixins

Error handling

• Error handling, "try..catch"
• Custom errors, extending Error

Promises, async/await

• Introduction: callbacks
• Promise
• Promises chaining
• Error handling with promises
• Promise API
• Promisification
• Microtasks and event loop
• Async/await

Generators, advanced iteration

• Generators
• Async iteration and generators

Modules

• Modules, introduction
• Export and Import
• Dynamic imports

Browser: Document, Events, Interfaces

Document

• Browser environment, specs
• DOM tree
• Walking the DOM
• Searching: getElement* and querySelector*
• Node properties: type, tag and contents
• Attributes and properties
• Modifying the document
• Styles and classes
• Element size and scrolling
• Window sizes and scrolling
• Coordinates

Introduction into Events

• Introduction to browser events
• Bubbling and capturing
• Event delegation
• Browser default actions
• Dispatching custom events

UI Events

• Mouse events basics
• Moving: mouseover/out, mouseenter/leave
• Drag'n'Drop with mouse events
• Keyboard: keydown and keyup
• Scrolling

Forms, controls

• Form properties and methods
• Focusing: focus/blur
• Events: change, input, cut, copy, paste
• Form submission: event and method submit

Document and resource loading

• Page: DOMContentLoaded, load, beforeunload, unload
• Scripts: async, defer
• Resource loading: onload and onerror

Frames and windows

• Popups and window methods
• Cross-window communication
• The clickjacking attack

Binary data, files

• ArrayBuffer, binary arrays
• TextDecoder and TextEncoder
• Blob
• File and FileReader

Network requests

• Fetch: Basics
• Fetch: Download progress
• Fetch: Abort
• Fetch: Cross-Origin Requests
• Fetch API
• URL objects
• XMLHttpRequest
• WebSocket

Storing data in the browser

• Cookies, document.cookie
• LocalStorage, sessionStorage
• IndexedDB

Animation

• Bezier curve
• CSS-animations
• JavaScript animations

Web components

• From the orbital height
• Custom elements
• Shadow DOM
• Template element
• Shadow DOM slots, composition
• Shadow DOM styling
• Shadow DOM and events

Regular expressions

• Patterns and flags
• Methods of RegExp and String
• Character classes
• Escaping, special characters
• Sets and ranges [...]
• Quantifiers +, *, ? and {n}
• Greedy and lazy quantifiers
• Capturing groups
• Backreferences in pattern: \n and \k
• Alternation (OR) |
• String start ^ and finish $
• Multiline mode, flag "m"
• Lookahead and lookbehind
• Infinite backtracking problem
• Unicode: flag "u"
• Unicode character properies \p
• Sticky flag "y", searching at position

Miscellaneous

• Mutation observer

8-web-components/2-custom-elements/article.md

В процессе

1-js/01-getting-started/2-code-editors/article.md

Взяла на перевод.

4-binary / 03-blob

начал перевод

1-js/06-advanced-functions/01-recursion/article.md

8-web-components/index.md

Translated

1-js/03-code-quality/06-polyfills

1-js/01-getting-started/3-devtools/

Взял в работу

Обсуждение стандартов/практик/рекомендаций/стилей оформления текста

TOC

В репозитории

• Рекомендации и соглашения по переводу!
• Порядок внесения изменений

В этом топике

• Inline код
• Отступы между строк
• Обратный апостроф
• mdn ссылки
• Сверка с другими источниками

Описание проблемы

Некоторые элементы текста удручают своим разнообразием. Предлагаю хотя бы собрать попавшиеся варианты.

Например, разметка сниппета

````warn header="`matchAll` возвращает итератор, а не массив"
````

Ломает штатный syntax highlighting моих редакторов напрочь.

Ну, и т.д.

12-generators-iterators/1-generators/article.md

Возьму этот раздел на себя

1-js/05-data-types/05-array-methods/

Начал перевод.

Есть вопрос по этой строке:
The [arr.splice(str)](mdn:js/Array/splice) method is a swiss army knife for arrays. It can do everything: add, remove and insert elements.

Вот это место меня беспокоит: add, remove and insert elements.
Это перевести как: добавлять, удалять и вставлять элементы?
Или всё же: добавлять, удалять и заменять элементы?

5-network/04-fetch-crossorigin/article.md

in progress

12-generators-iterators/2-async-iterators-generators/article.md

9-regular-expressions/02-regexp-methods/article.md

3-frames-and-windows/01-popup-windows/

En->Ru translation is in progress

1-js/04-object-basics/02-garbage-collection

1-js/index.md

Попытаюсь перевести файл 1-js/index.md :-)

4-binary/02-text-decoder

в процессе

2-ui/1-document/01-browser-environment/article.md

Translate this article: 2-ui/1-document/01-browser-environment/article.md

1-js/06-advanced-functions/03-closure/article.md

1-js/03-code-quality/01-debugging-chrome/article.md

взял
https://github.com/javascriptru/javascript-tutorial-ru/blob/master/1-js/03-code-quality/01-debugging-chrome/article.md

5-network/07-xmlhttprequest

In Progress

1-js/05-data-types/11-json

Начал перевод ../article.md - "JSON methods, toJSON" и задач к ним
../11-json/1-serialize-object,
../11-json/2-serialize-event-circular

9-regular-expressions/03-regexp-character-classes/article.md

6-data-storage/01-cookie/article.md

russian translation of the 6th chapter.

1-js/04-object-basics/01-object

10-misc/12-mutation-observer

1-js/08-prototypes/04-prototype-methods

Перевожу.

1-js/08-prototypes/01-prototype-inheritance/article.md

Беру статью на перевод

5-network/03-fetch-abort/article.md

Translation in progress

1-js/02-first-steps/01-hello-world

1-js/11-async/01-callbacks

Взял на перевод.

@iliakan с удовольствием заберу весь раздел 1-js/11-async, если можно.

5-network/01-fetch-basics/article.md

Translation is in progress.

8-web-components/1-webcomponents-intro/article.md

Translated