diff --git a/files/ru/learn/javascript/asynchronous/index.md b/files/ru/learn/javascript/asynchronous/index.md
index 1e1906ffd394f5..128cdca19e4eb3 100644
--- a/files/ru/learn/javascript/asynchronous/index.md
+++ b/files/ru/learn/javascript/asynchronous/index.md
@@ -11,7 +11,8 @@ slug: Learn/JavaScript/Asynchronous
 
 Асинхронный JavaScript довольно сложная тема, и мы советуем пройти [Первые шаги в JavaScript](/ru/docs/Learn/JavaScript/First_steps) и [Блоки в JavaScript](/ru/docs/Learn/JavaScript/Building_blocks) прежде чем начать эту тему.
 
-> **Примечание:** Если вы работаете за компьютером/планшетом/другим устройством где у вас нет возможности создавать собственные файлы, вы можете попробовать(почти все) примеры кода в одном из веб-приложений, таких, как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com).
+> [!NOTE]
+> Если вы работаете за компьютером/планшетом/другим устройством где у вас нет возможности создавать собственные файлы, вы можете попробовать(почти все) примеры кода в одном из веб-приложений, таких, как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com).
 
 ## Руководства
 
diff --git a/files/ru/learn/javascript/asynchronous/introducing/index.md b/files/ru/learn/javascript/asynchronous/introducing/index.md
index 5913f2b7b8f857..c14ebd48fa4110 100644
--- a/files/ru/learn/javascript/asynchronous/introducing/index.md
+++ b/files/ru/learn/javascript/asynchronous/introducing/index.md
@@ -46,7 +46,8 @@ btn.addEventListener("click", () => {
 
 {{EmbedLiveSample('Синхронный_JavaScript', '100%', '70px')}}
 
-> **Примечание:** Важно помнить, что [`alert()`](/ru/docs/Web/API/Window/alert), хоть и часто используется для демонстрации синхронных блокирующих операций, сильно не рекомендован к использованию в реальных приложениях.
+> [!NOTE]
+> Важно помнить, что [`alert()`](/ru/docs/Web/API/Window/alert), хоть и часто используется для демонстрации синхронных блокирующих операций, сильно не рекомендован к использованию в реальных приложениях.
 
 ## Асинхронный JavaScript
 
@@ -142,7 +143,8 @@ fetch("products.json")
   .catch((err) => console.error(`Fetch problem: ${err.message}`));
 ```
 
-> **Примечание:** вы можете посмотреть законченную версию на github ([посмотрите исходный код](https://github.com/mdn/learning-area/blob/master/javascript/apis/fetching-data/can-store/can-script.js) и [запустите пример](https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store/)).
+> [!NOTE]
+> Вы можете посмотреть законченную версию на Github ([посмотрите исходный код](https://github.com/mdn/learning-area/blob/master/javascript/apis/fetching-data/can-store/can-script.js) и [запустите пример](https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store/)).
 
 В примере видно, как `fetch()` принимает один параметр — URL ресурса, который нужно получить из сети, — и возвращает [промис](/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise). Промис — это объект, представляющий асинхронную операцию, выполненную удачно или неудачно. Он представляет собой как бы промежуточное состояние. По сути, это способ браузера сказать: "я обещаю вернуться к вам с ответом как можно скорее", поэтому в дословном переводе "промис" (promise) означает "обещание".
 
@@ -151,7 +153,8 @@ fetch("products.json")
 - Два [`then()`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise/then) блока. Оба включают в себя функцию обратного вызова, которая запустится, если предыдущая операция закончилась успешно, и каждая колбэк-функция принимает на вход результат предыдущей успешно выполненной операции, таким образом вы можете выполнять операции последовательно. Каждый `.then()` блок возвращает новый promise, это значит что вы можете объединять в цепочки блоки `.then()`, таким образом можно выполнить несколько асинхронных операций по порядку, одну за другой.
 - [`catch()`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise/catch) блок описывается в конце и будет запущен если какой-либо `.then()` блок завершится с ошибкой — это аналогично синхронному [`try...catch`](/ru/docs/Web/JavaScript/Reference/Statements/try...catch), ошибка становится доступной внутри `catch()`, что может быть использовано для сообщения пользователю о типе возникшей ошибки. Однако синхронный `try...catch` не будет работать с promise, хотя будет работать с [async/await](/ru/docs/Learn/JavaScript/Asynchronous/Promises), с которыми вы познакомитесь позже.
 
-> **Примечание:** вы узнаете намного больше о promise позже в этом модуле, так что не волнуйтесь если вы что-нибудь не поняли.
+> [!NOTE]
+> Вы узнаете намного больше о promise позже в этом модуле, так что не волнуйтесь если вы что-нибудь не поняли.
 
 ### Очередь событий
 
@@ -236,7 +239,8 @@ TypeError: image is undefined; can't access its "src" property
 
 Это происходит потому, что в то же время браузер пытается запустить третий `console.log()`, блок `fetch()` ещё не закончил выполнение, поэтому переменная `image` ещё не имеет значения.
 
-> **Примечание:** Из соображений безопасности вы не можете применять `fetch()` к файлам из вашей локальной системы (или запустить другие такие операции локально); чтобы запустить локально пример выше вам необходимо запустить его через [локальный веб-сервер](/ru/docs/Learn/Common_questions/Tools_and_setup/set_up_a_local_testing_server).
+> [!NOTE]
+> Из соображений безопасности вы не можете применять `fetch()` к файлам из вашей локальной системы (или запустить другие такие операции локально); чтобы запустить локально пример выше вам необходимо запустить его через [локальный веб-сервер](/ru/docs/Learn/Common_questions/Tools_and_setup/set_up_a_local_testing_server).
 
 ## Активное обучение: сделайте все это асинхронно!
 
diff --git a/files/ru/learn/javascript/asynchronous/promises/index.md b/files/ru/learn/javascript/asynchronous/promises/index.md
index d201136a22f313..357e7964bb5856 100644
--- a/files/ru/learn/javascript/asynchronous/promises/index.md
+++ b/files/ru/learn/javascript/asynchronous/promises/index.md
@@ -309,7 +309,8 @@ const values = await Promise.all([coffee, tea, description]);
 
 Для обработки ошибок мы добавили блок `.catch()` для функции `displayContent()`; Это позволило нам отловить ошибки в обоих функциях.
 
-> **Примечание:** Мы также можем использовать синхронный блок [`finally`](/ru/docs/Web/JavaScript/Reference/Statements/try...catch#The_finally_clause) внутри асинхронной функции, вместо асинхронного `.finally()`, чтобы получить информацию о результате нашей операции — смотрите в действии в нашем [live example](https://mdn.github.io/learning-area/javascript/asynchronous/async-await/promise-finally-async-await.html) (смотрите [source code](https://github.com/mdn/learning-area/blob/master/javascript/asynchronous/async-await/promise-finally-async-await.html)).
+> [!NOTE]
+> Мы также можем использовать синхронный блок [`finally`](/ru/docs/Web/JavaScript/Reference/Statements/try...catch#The_finally_clause) внутри асинхронной функции, вместо асинхронного `.finally()`, чтобы получить информацию о результате нашей операции — смотрите в действии в нашем [live example](https://mdn.github.io/learning-area/javascript/asynchronous/async-await/promise-finally-async-await.html) (смотрите [source code](https://github.com/mdn/learning-area/blob/master/javascript/asynchronous/async-await/promise-finally-async-await.html)).
 
 ## Недостатки async/await
 
diff --git a/files/ru/learn/javascript/building_blocks/build_your_own_function/index.md b/files/ru/learn/javascript/building_blocks/build_your_own_function/index.md
index d5026fbe1d1f02..809aee2528b9f2 100644
--- a/files/ru/learn/javascript/building_blocks/build_your_own_function/index.md
+++ b/files/ru/learn/javascript/building_blocks/build_your_own_function/index.md
@@ -23,13 +23,15 @@ alert("This is a message");
 
 Функция `alert` ограничена: вы можете изменить текст сообщения, но не получится изменить его стиль, например, цвет, значок или что-то ещё. Создадим сообщение, более интересное по стилю.
 
-> **Примечание:** Этот пример будет работать во всех современных браузерах, но стиль может выглядеть немного смешным в более старых браузерах. Мы рекомендуем вам выполнять это упражнение в современном браузере, таком как Firefox, Opera или Chrome.
+> [!NOTE]
+> Этот пример будет работать во всех современных браузерах, но стиль может выглядеть немного смешным в более старых браузерах. Мы рекомендуем вам выполнять это упражнение в современном браузере, таком как Firefox, Opera или Chrome.
 
 ## Основная функция
 
 Для начала давайте соберём основную функцию.
 
-> **Примечание:** Для согласований имён функций нужно следовать тем же правилам, что и [правила именования переменных](/ru/docs/Learn/JavaScript/Первые_шаги/Variables#Правила_именования_переменных). Отличить имена функций от имён переменных просто: после имён функций указываются круглые скобки, а после имён переменных их нет.
+> [!NOTE]
+> Для согласований имён функций нужно следовать тем же правилам, что и [правила именования переменных](/ru/docs/Learn/JavaScript/Первые_шаги/Variables#Правила_именования_переменных). Отличить имена функций от имён переменных просто: после имён функций указываются круглые скобки, а после имён переменных их нет.
 
 1. Откройте файл [function-start.html](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/functions/function-start.html) и скопируйте его себе на компьютер. Код HTML в нем предельно прост: body содержит только одну кнопку. Также здесь представлен базовый CSS для создания настраиваемого окна сообщений и пустой элемент {{htmlelement ("script")}} для размещения нашего JavaScript.
 2. Затем добавьте строку внутри элемента `<script>`:
@@ -214,7 +216,8 @@ btn.onclick = displayMessage();
 
 1. Для начала, загрузите значки, необходимые для этого упражнения ([warning](https://raw.githubusercontent.com/mdn/learning-area/master/javascript/building-blocks/functions/icons/warning.png) и [chat](https://raw.githubusercontent.com/mdn/learning-area/master/javascript/building-blocks/functions/icons/chat.png) \[тут чёрные иконки на чёрном фоне... тролли на GitHub]) из GitHub. Сохраните их в новой папке `icons` в том же месте, что и ваш HTML-файл.
 
-   > **Примечание:** иконки [warning](https://www.iconfinder.com/icons/1031466/alarm_alert_error_warning_icon) и [chat](https://www.iconfinder.com/icons/1031441/chat_message_text_icon) были найдены на [iconfinder.com](https://www.iconfinder.com/), и разработаны [Nazarrudin Ansyari](https://www.iconfinder.com/nazarr). Спасибо! (Фактические страницы значков были перемещены или удалены.)
+   > [!NOTE]
+   > Иконки были найдены на [iconfinder.com](https://www.iconfinder.com/), и разработаны [Nazarrudin Ansyari](https://www.iconfinder.com/nazarr). Спасибо! (Фактические страницы значков были перемещены или удалены.)
 
 2. Затем найдите CSS внутри вашего HTML-файла. Мы сделаем несколько изменений, чтобы освободить место для иконок. Во-первых, обновите ширину `.msgBox`:
 
@@ -267,7 +270,8 @@ btn.onclick = displayMessage();
 
    Вот, насколько полезной становится наша (теперь не очень) маленькая функция.
 
-> **Примечание:** Если у вас возникли проблемы с запуском примера, не стесняйтесь проверять свой код на готовой версии [GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/functions/function-stage-4.html) (см. также [в режиме реального времени](https://mdn.github.io/learning-area/javascript/building-blocks/functions/function-stage-4.html)) или обратитесь к нам за помощью.
+> [!NOTE]
+> Если у вас возникли проблемы с запуском примера, не стесняйтесь проверять свой код на готовой версии [GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/functions/function-stage-4.html) (см. также [в режиме реального времени](https://mdn.github.io/learning-area/javascript/building-blocks/functions/function-stage-4.html)) или обратитесь к нам за помощью.
 
 ## Вывод
 
diff --git a/files/ru/learn/javascript/building_blocks/conditionals/index.md b/files/ru/learn/javascript/building_blocks/conditionals/index.md
index 8a3f1108b40615..62dba800038811 100644
--- a/files/ru/learn/javascript/building_blocks/conditionals/index.md
+++ b/files/ru/learn/javascript/building_blocks/conditionals/index.md
@@ -82,7 +82,8 @@ if (shoppingDone === true) {
 
 В этом коде, как показано, всегда будет `shoppingDone` равный `false`, что означает разочарование для нашего бедного ребёнка. Мы должны предоставить механизм для родителя, чтобы установить для переменной `shoppingDone` значение `true` , если ребёнок помог с покупками.
 
-> **Примечание:** вы можете увидеть больше в [полной версии этого примера на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/allowance-updater.html) (также посмотреть как он [работает вживую](http://mdn.github.io/learning-area/javascript/building-blocks/allowance-updater.html).)
+> [!NOTE]
+> Вы можете увидеть больше в [полной версии этого примера на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/allowance-updater.html) (также посмотреть как он [работает вживую](http://mdn.github.io/learning-area/javascript/building-blocks/allowance-updater.html).)
 
 ### else if
 
@@ -137,7 +138,8 @@ function setWeather() {
 3. Когда функция будет запущена, первоначально мы определим значение переменной `choice`, которая равна выбранному значению в элементе `<select>`. Затем мы используем условный оператор для отображения текста внутри абзаца в зависимости от того, какое значение у переменной `choice`. Обратите внимание, как все условия проверяются в `else if() {...}` блоках, за исключением первого, который использует `if() {...}` блок.
 4. Последний выбор, внутри `else {...}` блока, в основном является «последним средством» — код внутри него будет запущен, если ни одно из условий не будет `true`. В этом случае он служит для удаления текста из абзаца, если ничего не выбрано, например, если пользователь решает повторно выбрать опцию "--Сделайте выбор--" которая указана в начале.
 
-> **Примечание:** вы можете [найти этот пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-else-if.html) (также [увидеть как он работает](http://mdn.github.io/learning-area/javascript/building-blocks/simple-else-if.html))
+> [!NOTE]
+> Вы можете [найти этот пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-else-if.html) (также [увидеть как он работает](http://mdn.github.io/learning-area/javascript/building-blocks/simple-else-if.html))
 
 ### Примечание об операторах сравнения
 
@@ -147,7 +149,8 @@ function setWeather() {
 - `<` и `>` — проверяет одно значение меньше или больше, чем другое.
 - `<=` и `>=` — проверяет одно значение меньше или равно, либо больше или равно другому.
 
-> **Примечание:** Просмотрите материал по предыдущей ссылке, если вы хотите освежить свою память.
+> [!NOTE]
+> Просмотрите материал по предыдущей ссылке, если вы хотите освежить свою память.
 
 Мы хотели бы особо обратить внимание на проверку булевых значений (`true`/`false`), и общий шаблон, который вы будете встречать снова и снова. Любое значение, которое не есть `false`, `undefined`, `null`, `0`, `NaN`, или пустая строка (`''`) фактически возвращает `true` при тестировании как условного оператора. Поэтому вы можете просто использовать имя собственной переменной, чтобы проверить, равна ли она `true`, или существует (т. е. переменная не равна undefined). Например:
 
@@ -301,7 +304,8 @@ switch (выражение) {
 6. Вариантов выбора (пункты 3–5) может быть любое количество.
 7. Ключевое слово `default` используется точно также, как любой другой вариант выбора (пункты 3–5) за тем исключением, что после `default` нет других вариантов выбора, поэтому инструкция `break` не требуется, никакого кода дальше нет. Это вариант выбора по умолчанию, выбираемый, если ни один из других вариантов не совпал с выражением.
 
-> **Примечание:** Вариант выбора `default` может быть пропущен, если выражение гарантированно совпадёт с одним из вариантов выбора. В противном случае вариант `default` необходим.
+> [!NOTE]
+> Вариант выбора `default` может быть пропущен, если выражение гарантированно совпадёт с одним из вариантов выбора. В противном случае вариант `default` необходим.
 
 ### Пример оператора switch
 
@@ -354,7 +358,8 @@ function setWeather() {
 
 {{ EmbedLiveSample('Пример_оператора_switch', '100%', 100) }}
 
-> **Примечание:** вы можете [найти этот пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-switch.html) (также увидеть [как он работает](http://mdn.github.io/learning-area/javascript/building-blocks/simple-switch.html).)
+> [!NOTE]
+> Вы можете [найти этот пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-switch.html) (также увидеть [как он работает](http://mdn.github.io/learning-area/javascript/building-blocks/simple-switch.html).)
 
 ## Тернарный оператор
 
@@ -411,7 +416,8 @@ select.onchange = function () {
 
 Наконец, у нас есть обработчик событий [onchange](/ru/docs/Web/API/GlobalEventHandlers/onchange) , использующийся для запуска функции, содержащей тернарный оператор. Сначала она проверяет условие — `select.value === 'black'`. Если возвращается `true`, мы запускаем функцию `update()` с параметрами чёрного и белого, в результате чего получаем чёрный цвет фона и белый цвет текста. Если возвращается `false`, мы запускаем функцию `update()` с параметрами белого и чёрного, в результате чего цвета веб-сайта меняются на противоположные.
 
-> **Примечание:** вы можете [найти этот пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-ternary.html) (также увидеть [как он работает](http://mdn.github.io/learning-area/javascript/building-blocks/simple-ternary.html).)
+> [!NOTE]
+> Вы можете [найти этот пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-ternary.html) (также увидеть [как он работает](http://mdn.github.io/learning-area/javascript/building-blocks/simple-ternary.html).)
 
 ## Практическое упражнение: простой календарь
 
@@ -433,7 +439,8 @@ select.onchange = function () {
 
 Если допустили ошибку, используйте кнопку «Сброс», чтобы вернуться к исходному виду примера. Если у вас совсем ничего не получается, нажмите «Показать решение».
 
-> **Примечание:** В HTML коде внутри `<select>` названия месяцев `value=""` введены на русском языке. Соответственно ссылки на них из вашего скрипта так же на русском. Не забываем про синтаксис. (прим. - [ConstantineZz](/ru/profiles/ConstantineZz))
+> [!NOTE]
+> В HTML коде внутри `<select>` названия месяцев `value=""` введены на русском языке. Соответственно ссылки на них из вашего скрипта так же на русском. Не забываем про синтаксис.
 
 ```html hidden
 <h2>Live output</h2>
diff --git a/files/ru/learn/javascript/building_blocks/event_bubbling/index.md b/files/ru/learn/javascript/building_blocks/event_bubbling/index.md
index b27076fe163340..109a274c6d3164 100644
--- a/files/ru/learn/javascript/building_blocks/event_bubbling/index.md
+++ b/files/ru/learn/javascript/building_blocks/event_bubbling/index.md
@@ -121,10 +121,6 @@ original_slug: Web/API/Event/Comparison_of_Event_Targets
   </tbody>
 </table>
 
-### Использование `explicitOriginalTarget` и `originalTarget`
-
-> **Note:** These properties are only available in Mozilla-based browsers.
-
 ### Примеры
 
 ```html
@@ -213,25 +209,3 @@ original_slug: Web/API/Event/Comparison_of_Event_Targets
   </body>
 </html>
 ```
-
-### Использование `target` и `relatedTarget`
-
-Свойство `relatedTarget` для события `mouseover` содержит узел, над которым ранее была указана мышь. Для события `mouseout` он удерживает узел, к которому движется мышь.
-
-| Тип события | [event.target](/ru/docs/Web/API/Event/target) | [event.relatedTarget](/ru/docs/Web/API/MouseEvent/relatedTarget) |
-| ----------- | --------------------------------------------- | ---------------------------------------------------------------- |
-| `mouseover` | EventTarget, в который входим указателем      | EventTarget, из которого выходим указателем                      |
-| `mouseout`  | EventTarget, из которого выходим указателем   | EventTarget, в который входим указателем                         |
-
-TODO: Также требуется описание событий `dragenter` и `dragexit`.
-
-#### Пример
-
-```xml
-<hbox id="outer">
-  <hbox id="inner"
-        onmouseover="dump('mouseover ' + event.relatedTarget.id + ' > ' + event.target.id + '\n');"
-        onmouseout="dump('mouseout  ' + event.target.id + ' > ' + event.relatedTarget.id + '\n');"
-        style="margin: 100px; border: 10px solid black; width: 100px; height: 100px;" />
-</hbox>
-```
diff --git a/files/ru/learn/javascript/building_blocks/events/index.md b/files/ru/learn/javascript/building_blocks/events/index.md
index 486e28823cbea8..9744fde43e5c9d 100644
--- a/files/ru/learn/javascript/building_blocks/events/index.md
+++ b/files/ru/learn/javascript/building_blocks/events/index.md
@@ -31,7 +31,8 @@ slug: Learn/JavaScript/Building_blocks/Events
 
 Каждое доступное событие имеет **обработчик событий** — блок кода (обычно это функция JavaScript, вводимая вами в качестве разработчика), который будет запускаться при срабатывании события. Когда такой блок кода определён на запуск в ответ на возникновение события, мы говорим, что мы **регистрируем обработчик событий**. Обратите внимание, что обработчики событий иногда называют слушателями событий (от англ. event listeners). Они в значительной степени взаимозаменяемы для наших целей, хотя, строго говоря, они работают вместе. Слушатель отслеживает событие, а обработчик — это код, который запускается в ответ на событие.
 
-> **Примечание:** Важно отметить, что веб-события не являются частью основного языка JavaScript. Они определены как часть JavaScript-API, встроенных в браузер.
+> [!NOTE]
+> Важно отметить, что веб-события не являются частью основного языка JavaScript. Они определены как часть JavaScript-API, встроенных в браузер.
 
 ### Простой пример
 
@@ -142,7 +143,8 @@ function bgChange() {
 }
 ```
 
-> **Примечание:** вы можете найти [полный исходник кода](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/random-color-eventhandlerattributes.html) из этого примера на GitHub (также [взгляните на его выполнение](http://mdn.github.io/learning-area/javascript/building-blocks/events/random-color-eventhandlerattributes.html)).
+> [!NOTE]
+> Вы можете найти [полный исходник кода](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/random-color-eventhandlerattributes.html) из этого примера на GitHub (также [взгляните на его выполнение](http://mdn.github.io/learning-area/javascript/building-blocks/events/random-color-eventhandlerattributes.html)).
 
 Значение атрибута — это буквально код JavaScript, который вы хотите запустить при возникновении события. В приведённом выше примере вызывается функция, определённая внутри элемента {{htmlelement ("script")}} на той же странице, но вы также можете вставить JavaScript непосредственно внутри атрибута, например:
 
@@ -176,7 +178,8 @@ buttons.forEach(function (button) {
 });
 ```
 
-> **Примечание:** Разделение логики вашей программы и вашего контента также делает ваш сайт более дружественным к поисковым системам.
+> [!NOTE]
+> Разделение логики вашей программы и вашего контента также делает ваш сайт более дружественным к поисковым системам.
 
 ### Функции addEventListener() и removeEventListener()
 
@@ -194,7 +197,8 @@ function bgChange() {
 btn.addEventListener("click", bgChange);
 ```
 
-> **Примечание:** вы можете найти [исходный код](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/random-color-addeventlistener.html) из этого примера на GitHub (также [взгляните на его выполнение](http://mdn.github.io/learning-area/javascript/building-blocks/events/random-color-addeventlistener.html)).
+> [!NOTE]
+> Вы можете найти [исходный код](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/random-color-addeventlistener.html) из этого примера на GitHub (также [взгляните на его выполнение](http://mdn.github.io/learning-area/javascript/building-blocks/events/random-color-addeventlistener.html)).
 
 Внутри функции `addEventListener()` мы указываем два параметра — имя события, для которого мы хотим зарегистрировать этот обработчик, и код, содержащий функцию обработчика, которую мы хотим запустить в ответ. Обратите внимание, что будет целесообразно поместить весь код внутри функции `addEventListener()` в анонимную функцию, например:
 
@@ -249,7 +253,8 @@ element.onclick = function2;
 etc.
 ```
 
-> **Примечание:** Если вам требуется поддержка браузеров старше Internet Explorer 8 в вашем проекте, вы можете столкнуться с трудностями, так как такие старые браузеры используют старые модели событий из более новых браузеров. Но не бойтесь, большинство библиотек JavaScript (например, `jQuery`) имеют встроенные функции, которые абстрагируют различия между браузерами. Не беспокойтесь об этом слишком много на этапе вашего учебного путешествия.
+> [!NOTE]
+> Если вам требуется поддержка браузеров старше Internet Explorer 8 в вашем проекте, вы можете столкнуться с трудностями, так как такие старые браузеры используют старые модели событий из более новых браузеров. Но не бойтесь, большинство библиотек JavaScript (например, `jQuery`) имеют встроенные функции, которые абстрагируют различия между браузерами. Не беспокойтесь об этом слишком много на этапе вашего учебного путешествия.
 
 ## Другие концепции событий
 
@@ -270,11 +275,13 @@ function bgChange(e) {
 btn.addEventListener("click", bgChange);
 ```
 
-> **Примечание:** вы можете найти [исходник кода](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/random-color-eventobject.html) для этого примера на GitHub (также [взгляните на его выполнение](http://mdn.github.io/learning-area/javascript/building-blocks/events/random-color-eventobject.html)).
+> [!NOTE]
+> Вы можете найти [исходник кода](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/random-color-eventobject.html) для этого примера на GitHub (также [взгляните на его выполнение](http://mdn.github.io/learning-area/javascript/building-blocks/events/random-color-eventobject.html)).
 
 Итак в коде выше мы включаем объект события **`e`** в функцию, а в функции — настройку стиля фона для `e.target`, который является кнопкой. Свойство объекта события `target` всегда является ссылкой на элемент, с которым только что произошло событие. Поэтому в этом примере мы устанавливаем случайный цвет фона на кнопке, а не на странице.
 
-> **Примечание:** Вместо `e`/`evt`/`event` можно использовать любое имя для объекта события, которое затем можно использовать для ссылки на него в функции обработчика событий. `e`/`evt`/`event` чаще всего используются разработчиками, потому что они короткие и легко запоминаются. И хорошо придерживаться стандарта.
+> [!NOTE]
+> Вместо `e`/`evt`/`event` можно использовать любое имя для объекта события, которое затем можно использовать для ссылки на него в функции обработчика событий. `e`/`evt`/`event` чаще всего используются разработчиками, потому что они короткие и легко запоминаются. И хорошо придерживаться стандарта.
 
 `e.target` применяют, когда нужно установить один и тот же обработчик событий на несколько элементов и, когда на них происходит событие, применить определённое действие к ним ко всем. Например, у вас может быть набор из 16 плиток, которые исчезают при нажатии. Полезно всегда иметь возможность просто указать, чтобы объект исчез, как `e.target`, вместо того, чтобы выбирать его более сложным способом. В следующем примере (см. исходный код на [useful-eventtarget.html](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/useful-eventtarget.html),а как он работает можно посмотреть [здесь](https://mdn.github.io/learning-area/javascript/building-blocks/events/useful-eventtarget.html)), мы создаём 16 элементов {{htmlelement ("div")}} с использованием JavaScript. Затем мы выберем все из них, используя {{domxref ("document.querySelectorAll()")}}, и с помощью цикла `for` выберем каждый из них, добавив обработчик `onclick` к каждому так, чтобы случайный цвет применялся к каждому клику:
 
@@ -390,7 +397,8 @@ form.onsubmit = function (e) {
 
 {{ EmbedLiveSample('Предотвращение_поведения_по_умолчанию', '100%', 140) }}
 
-> **Примечание:** чтобы увидеть исходный код, откройте [preventdefault-validation.html](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/preventdefault-validation.html) (также [запустите](http://mdn.github.io/learning-area/javascript/building-blocks/events/preventdefault-validation.html) здесь).
+> [!NOTE]
+> Чтобы увидеть исходный код, откройте [preventdefault-validation.html](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/preventdefault-validation.html) (также [запустите](http://mdn.github.io/learning-area/javascript/building-blocks/events/preventdefault-validation.html) здесь).
 
 ### Всплытие и перехват событий
 
@@ -576,9 +584,11 @@ video.onclick = function (e) {
 
 Вы можете попробовать создать локальную копию [show-video-box.html](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/show-video-box.html) и попробовать его самостоятельно исправить или просмотреть исправленный результат в [show-video-box-fixed.html](http://mdn.github.io/learning-area/javascript/building-blocks/events/show-video-box-fixed.html) (также см. [исходный код здесь](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/events/show-video-box-fixed.html)).
 
-> **Примечание:** Зачем беспокоиться как с захватом, так и с всплыванием? Что ж, в старые добрые времена, когда браузеры были менее совместимы, чем сейчас, Netscape использовал только захват событий, а Internet Explorer использовал только всплывающие события. Когда W3C решил попытаться стандартизировать поведение и достичь консенсуса, они в итоге получили эту систему, которая включала в себя и то, и другое, что реализовано в одном из современных браузеров.
+> [!NOTE]
+> Зачем беспокоиться как с захватом, так и с всплыванием? Что ж, в старые добрые времена, когда браузеры были менее совместимы, чем сейчас, Netscape использовал только захват событий, а Internet Explorer использовал только всплывающие события. Когда W3C решил попытаться стандартизировать поведение и достичь консенсуса, они в итоге получили эту систему, которая включала в себя и то, и другое, что реализовано в одном из современных браузеров.
 
-> **Примечание:** Как упоминалось выше, по умолчанию все обработчики событий регистрируются в фазе всплытия и это имеет смысл в большинстве случаев. Если вы действительно хотите зарегистрировать событие в фазе захвата, вы можете сделать это, зарегистрировав обработчик с помощью [`addEventListener()`](/ru/docs/Web/API/EventTarget/addEventListener) и установив для третьего дополнительного свойства значение `true`.
+> [!NOTE]
+> Как упоминалось выше, по умолчанию все обработчики событий регистрируются в фазе всплытия и это имеет смысл в большинстве случаев. Если вы действительно хотите зарегистрировать событие в фазе захвата, вы можете сделать это, зарегистрировав обработчик с помощью [`addEventListener()`](/ru/docs/Web/API/EventTarget/addEventListener) и установив для третьего дополнительного свойства значение `true`.
 
 #### **Делегирование** события
 
diff --git a/files/ru/learn/javascript/building_blocks/functions/index.md b/files/ru/learn/javascript/building_blocks/functions/index.md
index c1deab452d2dba..57e5f964cabb62 100644
--- a/files/ru/learn/javascript/building_blocks/functions/index.md
+++ b/files/ru/learn/javascript/building_blocks/functions/index.md
@@ -53,7 +53,8 @@ var myNumber = Math.random();
 
 ...мы использовали функции!
 
-> **Примечание:** вы можете вставить эти строки в консоль вашего браузера, чтобы посмотреть, как работают эти функции.
+> [!NOTE]
+> Вы можете вставить эти строки в консоль вашего браузера, чтобы посмотреть, как работают эти функции.
 
 Фактически, часть кода, который вы вызываете, когда ссылаетесь на встроенную функцию браузера (воображаемое слово для её запуска или выполнения), не может быть написана на JavaScript — многие из этих функций вызывают части фонового кода браузера, который написан в основном на системных языках низкого уровня, таких как C ++, а не на веб-языках, таких как JavaScript.
 
@@ -193,7 +194,8 @@ myButton.onclick = function () {
 
 Некоторые функции при их вызове требуют указание параметров — это значения, которые должны быть вставлены в круглые скобки функции, необходимые для корректной работы функции.
 
-> **Примечание:** Параметры иногда называются аргументами, свойствами или атрибутами.
+> [!NOTE]
+> Параметры иногда называются аргументами, свойствами или атрибутами.
 
 Например встроенная в браузер функция [Math.random()](/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/random) не требует параметров. При вызове, она всегда возвращает случайное число от 0 до 1:
 
@@ -208,7 +210,8 @@ var myText = "Я строка";
 var newString = myText.replace("строка", "сосиска");
 ```
 
-> **Примечание:** Если необходимо указать несколько параметров, их разделяют запятыми.
+> [!NOTE]
+> Если необходимо указать несколько параметров, их разделяют запятыми.
 
 Следует также отметить, что иногда параметры являются необязательными - вам не нужно их указывать. Если вы этого не сделаете, функция, как правило, примет какое-то поведение по умолчанию. В качестве примера параметр функции массива [join()](/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/join) необязателен:
 
@@ -259,7 +262,8 @@ function greeting() {
 
 Обе функции, которые вы хотите вызвать, называются `greeting()`, но вы можете получить доступ только к функции `greeting()` файла `first.js` (функция файла `second.js` игнорируется). Кроме того, попытка объявить переменную `name` второй раз через `let` в файле `second.js` приведёт к ошибке.
 
-> **Примечание:** Этот пример можно увидеть в режиме [Live на GitHub](https://mdn.github.io/learning-area/javascript/building-blocks/functions/conflict.html) (см. также [исходный код](https://github.com/mdn/learning-area/tree/master/javascript/building-blocks/functions)).
+> [!NOTE]
+> Этот пример можно увидеть в режиме [Live на GitHub](https://mdn.github.io/learning-area/javascript/building-blocks/functions/conflict.html) (см. также [исходный код](https://github.com/mdn/learning-area/tree/master/javascript/building-blocks/functions)).
 
 Хранение частей вашего кода, заблокированных функциями, позволяет избежать таких проблем и считается наилучшей практикой.
 
@@ -361,7 +365,8 @@ function greeting() {
 
 На этот раз вызовы `a()` и `b()` возвратят эту раздражающую ошибку "[ReferenceError: z is not defined](/ru/docs/Web/JavaScript/Reference/Errors/Not_defined)" - это потому, что вызовы `output()` и переменные, которые они пытаются распечатать, не определены внутри одних и тех же областей функций - переменные эффективно невидимы для этих вызовов функций.
 
-> **Примечание:** Те же правила определения не применяются к циклу (например, `for() { ... }`) и условным блокам (например, `if() { ... }`) - они выглядят очень похожими, но это не одно и то же! Старайтесь не путать их.
+> [!NOTE]
+> Те же правила определения не применяются к циклу (например, `for() { ... }`) и условным блокам (например, `if() { ... }`) - они выглядят очень похожими, но это не одно и то же! Старайтесь не путать их.
 
 > **Примечание:** [ReferenceError: "x" is not defined](/ru/docs/Web/JavaScript/Reference/Errors/Not_defined). Ошибка - это одна из наиболее распространённых проблем, с которой вы столкнётесь. Если вы получите эту ошибку, и вы уверены, что определили эту переменную, проверьте, в какой области она находится.
 
diff --git a/files/ru/learn/javascript/building_blocks/looping_code/index.md b/files/ru/learn/javascript/building_blocks/looping_code/index.md
index 9c721a7821b248..64b4825525695c 100644
--- a/files/ru/learn/javascript/building_blocks/looping_code/index.md
+++ b/files/ru/learn/javascript/building_blocks/looping_code/index.md
@@ -207,7 +207,8 @@ para.textContent = info;
 
 {{ EmbedLiveSample('Hidden_code_2', '100%', 60) }}
 
-> **Примечание:** вы можете найти этот [пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/basic-for.html) или [посмотреть онлайн](http://mdn.github.io/learning-area/javascript/building-blocks/loops/basic-for.html).
+> [!NOTE]
+> Вы можете найти этот [пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/basic-for.html) или [посмотреть онлайн](http://mdn.github.io/learning-area/javascript/building-blocks/loops/basic-for.html).
 
 Здесь показан цикл, используемый для перебора элементов в массиве и выполнения определённых действий с каждым из них — очень распространённый шаблон в JavaScript
 Подробнее:
@@ -222,9 +223,11 @@ para.textContent = info;
 
 4. Когда `i` достигнет величины `cats.length` цикл остановится и браузер перейдёт к следующему фрагменту кода после цикла.
 
-> **Примечание:** Мы добавили условия выхода `i < cats.length`, а не `i <= cats.length`, потому что компьютеры считают с 0, а не с 1 — в начале `i = 0` и увеличивается до `i = 4` (индекс последнего элемента массива). `cats.length` возвращает 5, т.к. в массиве 5 элементов, но нам не нужно увеличивать до `i = 5`, т.к. `cats[5]` вернёт `undefined` (в массиве нет элемента с индексом 5). Таким образом мы хотим придти к результату на 1 меньше, поэтому `i < cats.length`, не одно и тоже что `i <= cats.length`.
+> [!NOTE]
+> Мы добавили условия выхода `i < cats.length`, а не `i <= cats.length`, потому что компьютеры считают с 0, а не с 1 — в начале `i = 0` и увеличивается до `i = 4` (индекс последнего элемента массива). `cats.length` возвращает 5, т.к. в массиве 5 элементов, но нам не нужно увеличивать до `i = 5`, т.к. `cats[5]` вернёт `undefined` (в массиве нет элемента с индексом 5). Таким образом мы хотим придти к результату на 1 меньше, поэтому `i < cats.length`, не одно и тоже что `i <= cats.length`.
 
-> **Примечание:** Стандартной ошибкой с условием выхода является использование условия "равный" (`===`) ,а не "меньше или равно" (`<=`). Если нам нужно увеличить счётчик до `i = 5`, условие выхода должно быть `i <= cats.length`. Если мы установим `i === cats.length`, цикл не начнётся, т.к. `i` не равно `5` на самой первой итерации, поэтому цикл остановится сразу.
+> [!NOTE]
+> Стандартной ошибкой с условием выхода является использование условия "равный" (`===`) ,а не "меньше или равно" (`<=`). Если нам нужно увеличить счётчик до `i = 5`, условие выхода должно быть `i <= cats.length`. Если мы установим `i === cats.length`, цикл не начнётся, т.к. `i` не равно `5` на самой первой итерации, поэтому цикл остановится сразу.
 
 Остаётся одна небольшая проблема: выходная строка сформирована не совсем корректно:
 
@@ -242,7 +245,8 @@ for (var i = 0; i < cats.length; i++) {
 }
 ```
 
-> **Примечание:** вы можете найти этот [пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/basic-for-improved.html) или [посмотреть онлайн](http://mdn.github.io/learning-area/javascript/building-blocks/loops/basic-for-improved.html).
+> [!NOTE]
+> Вы можете найти этот [пример на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/basic-for-improved.html) или [посмотреть онлайн](http://mdn.github.io/learning-area/javascript/building-blocks/loops/basic-for-improved.html).
 
 > **Предупреждение:** **Важно**: С циклом **for**, также как и с другими циклами, вы должны убедиться что инициализатор (счётчик) и окончательное выражение построены так, что они достигнут условия выхода. Если этого не произойдёт, то цикл будет продолжаться вечно. В итоге браузер или заставит его остановиться, или выдаст ошибку. Это называется **бесконечным циклом**.
 
@@ -352,7 +356,8 @@ btn.addEventListener("click", function () {
 
 5. После [итерации](<https://ru.wikipedia.org/wiki/%D0%98%D1%82%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F_(%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F)>) `(contacts.length-1)`, если имя контакта не совпадает с введённым именем в поисковом запросе, для текста абзаца устанавливается: «Контакт не найден.», и цикл продолжает повторяться.
 
-> **Примечание:** Примечание: вы можете посмотреть исходный код на [GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/contact-search.html) или запустить его (also [see it running live](http://mdn.github.io/learning-area/javascript/building-blocks/loops/contact-search.html)).
+> [!NOTE]
+> Вы можете посмотреть исходный код на [GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/contact-search.html) или запустить его (also [see it running live](http://mdn.github.io/learning-area/javascript/building-blocks/loops/contact-search.html)).
 
 ## Пропуск итераций с продолжением
 
@@ -423,7 +428,8 @@ for (var i = 1; i <= num; i++) {
 3. Если квадратный корень и округлённый вниз квадратный корень не равны друг другу `(! ==)`, значит квадратный корень не является целым числом, поэтому нас он не интересует. В таком случае мы используем оператор `continue`, чтобы перейти к следующей итерации цикла без записи этого числа.
 4. Если квадратный корень _является целым числом_, мы пропускаем блок `if` полностью, поэтому оператор `continue` не выполняется; вместо этого объединяется текущее значение `i` с пробелом в конце содержимого абзаца.
 
-> **Примечание:** Вы также можете просмотреть полный исходный код на [GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/integer-squares.html) (так же смотри [этот код вживую](https://mdn.github.io/learning-area/javascript/building-blocks/loops/integer-squares.html)).
+> [!NOTE]
+> Вы также можете просмотреть полный исходный код на [GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/integer-squares.html) (так же смотри [этот код вживую](https://mdn.github.io/learning-area/javascript/building-blocks/loops/integer-squares.html)).
 
 ## Циклы `while` и `do...while`
 
@@ -851,7 +857,8 @@ do {
 
 Для начала мы бы порекомендовали `for`, так как его проще запомнить: инициализатор, условие выхода и конечное выражение аккуратно заключено в скобки, поэтому их легко отследить, чтобы их не пропускать.
 
-> **Примечание:** Существуют и другие типы и функции цикла, которые полезны в сложных или специализированных ситуациях и выходят за рамки данной статьи. Если вы хотите подробнее изучить тему циклов, прочитайте наше расширенное [руководство по циклам и итерациям](/ru/docs/Web/JavaScript/Guide/Циклы_и_итерации).
+> [!NOTE]
+> Существуют и другие типы и функции цикла, которые полезны в сложных или специализированных ситуациях и выходят за рамки данной статьи. Если вы хотите подробнее изучить тему циклов, прочитайте наше расширенное [руководство по циклам и итерациям](/ru/docs/Web/JavaScript/Guide/Циклы_и_итерации).
 
 ## Заключение
 
diff --git a/files/ru/learn/javascript/building_blocks/return_values/index.md b/files/ru/learn/javascript/building_blocks/return_values/index.md
index f24a3c605d1912..680efce6ad5032 100644
--- a/files/ru/learn/javascript/building_blocks/return_values/index.md
+++ b/files/ru/learn/javascript/building_blocks/return_values/index.md
@@ -141,7 +141,8 @@ ctx.arc(500, 200, 35, 0, 2 * Math.PI);
 4. Далее мы делаем условный тест — если введённое значение не является числом, мы выводим в параграф сообщение об ошибке. Тест смотрит возвращает ли выражение `isNaN(num)` true. Мы используем функцию [isNaN()](/ru/docs/Web/JavaScript/Reference/Global_Objects/isNaN) чтобы проверить что значение переменной num не число — если так то функция возвращает `true`, если нет- `false`.
 5. Если тест возвращает `false`, значение переменной `num` число, и поэтому мы выводим сообщение внутри параграфа о значениях квадрата, куба и факториала числа. Предложение вызывает функции `squared()`, `cubed()` и `factorial()` чтобы получить нужные значения. Сохраните ваш код, загрузите его в браузере и посмотрите на то что получилось.
 
-> **Примечание:** Если у вас проблемы с работой данного примера, не стесняйтесь сверить ваш код с работающей версией [finished version on GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/functions/function-library-finished.html) (или [смотрите живой пример](http://mdn.github.io/learning-area/javascript/building-blocks/functions/function-library-finished.html)), или спросите нас.
+> [!NOTE]
+> Если у вас проблемы с работой данного примера, не стесняйтесь сверить ваш код с [работающей версией](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/functions/function-library-finished.html) (или [смотрите живой пример](http://mdn.github.io/learning-area/javascript/building-blocks/functions/function-library-finished.html)), или спросите нас.
 
 К этому моменту мы хотели бы чтобы вы написали парочку собственных функций и добавили их в библиотеку. Как на счёт квадратного или кубического корня числа или длины окружности круга с длиной радиуса равной числу `num`?
 
diff --git a/files/ru/learn/javascript/building_blocks/test_your_skills_colon__functions/index.md b/files/ru/learn/javascript/building_blocks/test_your_skills_colon__functions/index.md
index 77f748a5f86c35..bc3e8b0cb86ccd 100644
--- a/files/ru/learn/javascript/building_blocks/test_your_skills_colon__functions/index.md
+++ b/files/ru/learn/javascript/building_blocks/test_your_skills_colon__functions/index.md
@@ -7,11 +7,13 @@ slug: Learn/JavaScript/Building_blocks/Test_your_skills:_Functions
 
 Целью данного теста навыков является оценка понимания таких статей, как: [Функций — многократное использование блоков кода](/ru/docs/Learn/JavaScript/Building_blocks/Functions), [Построение своих собственных функций](/ru/docs/Learn/JavaScript/Building_blocks/Build_your_own_function) и [Возвращаемые значения функции](/ru/docs/Learn/JavaScript/Building_blocks/Return_values).
 
-> **Примечание:** Примечание: вы можете проверить решения в интерактивных редакторах ниже, однако может быть полезно загрузить код и использовать онлайн-инструменты, такие как [CodePen](https://codepen.io/), [jsFiddle](https://jsfiddle.net/) или [Glitch](https://glitch.com/) для работы над задачами.
+> [!NOTE]
+> Вы можете проверить решения в интерактивных редакторах ниже, однако может быть полезно загрузить код и использовать онлайн-инструменты, такие как [CodePen](https://codepen.io/), [jsFiddle](https://jsfiddle.net/) или [Glitch](https://glitch.com/) для работы над задачами.
 >
 > Если у вас возникла проблема, то попросите нас о помощи - см. раздел [Анализ или дальнейшая помощь](#анализ_или_дальнейшая_помощь) внизу этой страницы.
 
-> **Примечание:** Примечание: В примерах ниже, если в вашем коде есть ошибка, она будет выведена на панель результатов этой страницы, чтобы помочь вам попытаться выяснить ответ (или в JavaScript консоли браузера, в случае загружаемой версии).
+> [!NOTE]
+> В примерах ниже, если в вашем коде есть ошибка, она будет выведена на панель результатов этой страницы, чтобы помочь вам попытаться выяснить ответ (или в JavaScript консоли браузера, в случае загружаемой версии).
 
 ## Управление структурой DOM: рекомендуется
 
diff --git a/files/ru/learn/javascript/client-side_web_apis/client-side_storage/index.md b/files/ru/learn/javascript/client-side_web_apis/client-side_storage/index.md
index b5d1ccc143724c..e544199c6c4645 100644
--- a/files/ru/learn/javascript/client-side_web_apis/client-side_storage/index.md
+++ b/files/ru/learn/javascript/client-side_web_apis/client-side_storage/index.md
@@ -28,7 +28,8 @@ slug: Learn/JavaScript/Client-side_web_APIs/Client-side_storage
 
 Пользователь должен будет загрузить музыкальные файлы только один раз - при последующих посещениях они будут извлечены из локальной базы данных.
 
-> **Примечание:** Существуют ограничения на объем данных, которые вы можете хранить с помощью API-интерфейсов на стороне клиента (возможно, как для отдельных API, так и в совокупности). Точный лимит варьируется в зависимости от браузера и, возможно, в зависимости от пользовательских настроек. Смотри [Ограничения хранилища браузера и критерии переполнения](/ru/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria) для большей информации.
+> [!NOTE]
+> Существуют ограничения на объем данных, которые вы можете хранить с помощью API-интерфейсов на стороне клиента (возможно, как для отдельных API, так и в совокупности). Точный лимит варьируется в зависимости от браузера и, возможно, в зависимости от пользовательских настроек. Смотри [Ограничения хранилища браузера и критерии переполнения](/ru/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria) для большей информации.
 
 ### Старый подход: куки
 
@@ -42,7 +43,8 @@ slug: Learn/JavaScript/Client-side_web_APIs/Client-side_storage
 
 Единственным преимуществом файлов cookie является то, что они поддерживаются очень старыми браузерами, поэтому, если ваш проект требует, чтобы вы поддерживали устаревшие браузеры (например, Internet Explorer 8 или более ранние версии), файлы cookie могут по-прежнему быть полезными, но для большинства проектов вы не нужно больше прибегать к ним.
 
-> **Примечание:** Почему по-прежнему создаются новые сайты с использованием файлов cookie? Это происходит главным образом из-за привычек разработчиков, использования старых библиотек, которые всё ещё используют куки-файлы, и наличия множества веб-сайтов, предоставляющих устаревшие справочные и учебные материалы для обучения хранению данных.
+> [!NOTE]
+> Почему по-прежнему создаются новые сайты с использованием файлов cookie? Это происходит главным образом из-за привычек разработчиков, использования старых библиотек, которые всё ещё используют куки-файлы, и наличия множества веб-сайтов, предоставляющих устаревшие справочные и учебные материалы для обучения хранению данных.
 
 ### Новый подход: Web Storage и IndexedDB
 
@@ -226,7 +228,8 @@ slug: Learn/JavaScript/Client-side_web_APIs/Client-side_storage
 
 Ваш пример закончен — отличная работа! Всё что теперь осталось это сохранить ваш код и протестировать вашу HTML страницу в браузере. Вы можете посмотреть нашу [завершённую версию работающую здесь](https://mdn.github.io/learning-area/javascript/apis/client-side-storage/web-storage/personal-greeting.html).
 
-> **Примечание:** Есть и другой, немного более комплексный пример описываемый в [Using the Web Storage API](/ru/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API).
+> [!NOTE]
+> Есть и другой, немного более комплексный пример описываемый в [Using the Web Storage API](/ru/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API).
 
 ## Храним более сложную информацию в IndexedDB
 
@@ -662,7 +665,8 @@ Let's walk through the most interesting parts of the example. We won't look at i
 
 [Cache API](/ru/docs/Web/API/Cache) это ещё один механизм хранения данных на клиенте с небольшим отличием — он разработан для хранения HTTP ответов, и прекрасно работает с сервис-воркерами.
 
-> **Примечание:** Service workers и Cache доступны в большинстве современных браузеров. В момент написания статьи, Safari ещё не имел реализации, но скоро должна быть.
+> [!NOTE]
+> Service workers и Cache доступны в большинстве современных браузеров. В момент написания статьи, Safari ещё не имел реализации, но скоро должна быть.
 
 ### Пример сервис воркера
 
@@ -688,7 +692,8 @@ if ("serviceWorker" in navigator) {
 }
 ```
 
-> **Примечание:** Путь к файлу `sw.js` указан относительно корня сайта, а не JavaScript файла, содержащего основной код. Полный путь - `https://mdn.github.io/learning-area/javascript/apis/client-side-storage/cache-sw/video-store-offline/sw.js`. Корень - `https://mdn.github.io`, и следовательно указываемый путь должен быть `/learning-area/javascript/apis/client-side-storage/cache-sw/video-store-offline/sw.js`. Если вы хотите использовать данный пример на своём сервере, вы также должны изменить путь к скрипту. Это довольно запутанно, но обязано так работать по причинам безопасности.
+> [!NOTE]
+> Путь к файлу `sw.js` указан относительно корня сайта, а не JavaScript файла, содержащего основной код. Полный путь - `https://mdn.github.io/learning-area/javascript/apis/client-side-storage/cache-sw/video-store-offline/sw.js`. Корень - `https://mdn.github.io`, и следовательно указываемый путь должен быть `/learning-area/javascript/apis/client-side-storage/cache-sw/video-store-offline/sw.js`. Если вы хотите использовать данный пример на своём сервере, вы также должны изменить путь к скрипту. Это довольно запутанно, но обязано так работать по причинам безопасности.
 
 #### Устанавливаем сервис воркер
 
diff --git a/files/ru/learn/javascript/client-side_web_apis/fetching_data/index.md b/files/ru/learn/javascript/client-side_web_apis/fetching_data/index.md
index 12a6df8e3ffa1f..ae3d18cff0356b 100644
--- a/files/ru/learn/javascript/client-side_web_apis/fetching_data/index.md
+++ b/files/ru/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -25,7 +25,8 @@ slug: Learn/JavaScript/Client-side_web_APIs/Fetching_data
 
 Это достигается с помощью таких API, как {{domxref("XMLHttpRequest")}} или - более новой - [Fetch API](/ru/docs/Web/API/Fetch_API). Эти технологии позволяют веб-страницам напрямую обрабатывать запросы [HTTP](/ru/docs/Web/HTTP) для определённых ресурсов, доступных на сервере, и форматировать результирующие данные по мере необходимости перед их отображением.
 
-> **Примечание:** Вначале эта общая техника была известна как Асинхронный JavaScript и XML (Ajax), поскольку она, как правило, использовала {{domxref("XMLHttpRequest")}} для запроса данных XML. В наши дни это обычно не так (вы, скорее всего, будете использовать `XMLHttpRequest` или Fetch для запроса JSON), но результат все тот же, и термин «Ajax» по-прежнему часто используется для описания этой техники.
+> [!NOTE]
+> Вначале эта общая техника была известна как Асинхронный JavaScript и XML (Ajax), поскольку она, как правило, использовала {{domxref("XMLHttpRequest")}} для запроса данных XML. В наши дни это обычно не так (вы, скорее всего, будете использовать `XMLHttpRequest` или Fetch для запроса JSON), но результат все тот же, и термин «Ajax» по-прежнему часто используется для описания этой техники.
 
 ![A simple modern architecture for web sites](moderne-web-site-architechture@2x.png)
 
@@ -339,7 +340,8 @@ blob:http://localhost:7800/9b75250e-5279-e249-884f-d03eb1fd84f4
   - О наилучшем эквиваленте Fetch's `response.ok` в XHR следует проверить, является ли {{domxref("XMLHttpRequest.status","request.status")}} равным 200 или если {{domxref("XMLHttpRequest.readyState","request.readyState")}} равно 4.
   - Свойства для получения статуса и сообщения состояния одинаковы, но они находятся на объекте `request` (XHR), а не в объекте `response`.
 
-> **Примечание:** Если у вас есть проблемы с этим, не стесняйтесь сравнить свой код с готовой версией на GitHub ([см. исходник здесь](https://github.com/mdn/learning-area/blob/master/javascript/apis/fetching-data/can-store-xhr/can-script.js), а также [см. это в действии](https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store-xhr/)).
+> [!NOTE]
+> Если у вас есть проблемы с этим, не стесняйтесь сравнить свой код с готовой версией на GitHub ([см. исходник здесь](https://github.com/mdn/learning-area/blob/master/javascript/apis/fetching-data/can-store-xhr/can-script.js), а также [см. это в действии](https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store-xhr/)).
 
 ## Резюме
 
diff --git a/files/ru/learn/javascript/client-side_web_apis/index.md b/files/ru/learn/javascript/client-side_web_apis/index.md
index bee1aeb460a1e6..7a91b5b8d9f0b1 100644
--- a/files/ru/learn/javascript/client-side_web_apis/index.md
+++ b/files/ru/learn/javascript/client-side_web_apis/index.md
@@ -13,7 +13,8 @@ slug: Learn/JavaScript/Client-side_web_APIs
 
 Естественно знание [HTML](/ru/docs/Learn/HTML) и [CSS](/ru/docs/Learn/CSS) здесь также необходимо.
 
-> **Примечание:** Если вы работаете на устройстве, где у вас нет возможности создавать свои собственные файлы, вы можете проверить большинство примеров кода в онлайн-программах вроде [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/).
+> [!NOTE]
+> Если вы работаете на устройстве, где у вас нет возможности создавать свои собственные файлы, вы можете проверить большинство примеров кода в онлайн-программах вроде [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/).
 
 ## Руководства
 
diff --git a/files/ru/learn/javascript/client-side_web_apis/introduction/index.md b/files/ru/learn/javascript/client-side_web_apis/introduction/index.md
index b54e493a471be9..5f064266f7052d 100644
--- a/files/ru/learn/javascript/client-side_web_apis/introduction/index.md
+++ b/files/ru/learn/javascript/client-side_web_apis/introduction/index.md
@@ -23,7 +23,8 @@ _Image source: [Overloaded plug socket](https://www.flickr.com/photos/easy-pics/
 
 Точно также, если мы хотим, например, программировать 3D графику, гораздо легче сделать это с использованием API, написанных на языках высокого уровня, таких как JavaScript или Python.
 
-> **Примечание:** Смотрите также [API в словаре](/ru/docs/Glossary/API).
+> [!NOTE]
+> Смотрите также [API в словаре](/ru/docs/Glossary/API).
 
 ### API клиентской части JavaScript
 
@@ -69,7 +70,8 @@ _Image source: [Overloaded plug socket](https://www.flickr.com/photos/easy-pics/
 - [YouTube API](https://developers.google.com/youtube/), предоставляющий возможность встраивать видео с YouTube на вашем сайте, производить поиск, создавать плейлисты и т.д.
 - [Twilio API](https://www.twilio.com/) — фреймворк для встраивания функциональности голосовой и видео связи в вашем приложении, отправки SMS/MMS из приложения и т.д.
 
-> **Примечание:** вы можете найти информацию о гораздо большем количестве сторонних API в [Каталоге Web API](http://www.programmableweb.com/category/all/apis).
+> [!NOTE]
+> Вы можете найти информацию о гораздо большем количестве сторонних API в [Каталоге Web API](http://www.programmableweb.com/category/all/apis).
 
 ## Как работает API?
 
@@ -79,7 +81,8 @@ _Image source: [Overloaded plug socket](https://www.flickr.com/photos/easy-pics/
 
 Взаимодействие с API в коде происходит через один или больше [объектов JavaScript](/ru/docs/Learn/JavaScript/Objects), которые служат контейнерами для информации, с которой работает API (содержится в свойствах объекта), и реализуют функциональность, которую предоставляет API (содержится в методах объекта).
 
-> **Примечание:** Если вам ещё не известно как работают объекты, советуем вернуться назад и изучить модуль [Основы объектов JavaScript](/ru/docs/Learn/JavaScript/Objects) прежде чем продолжать.
+> [!NOTE]
+> Если вам ещё не известно как работают объекты, советуем вернуться назад и изучить модуль [Основы объектов JavaScript](/ru/docs/Learn/JavaScript/Objects) прежде чем продолжать.
 
 Вернёмся к примеру с Web Audio API — это довольно сложный API, состоящий из ряда объектов. Наиболее очевидные из них
 
@@ -147,7 +150,8 @@ audioElement.addEventListener("ended", () => {
 });
 ```
 
-> **Примечание:** обратите внимание, что методы `play()` и `pause()`, используемые для воспроизведения и приостановки дорожки, не являются частью Web Audio API. Они являются частью {{domxref("HTMLMediaElement")}} API, который отличается от Web Audio API, но тесно с ним связан.
+> [!NOTE]
+> Обратите внимание, что методы `play()` и `pause()`, используемые для воспроизведения и приостановки дорожки, не являются частью Web Audio API. Они являются частью {{domxref("HTMLMediaElement")}} API, который отличается от Web Audio API, но тесно с ним связан.
 
 Далее создадим объект {{domxref("GainNode")}} с помощью метода {{domxref("BaseAudioContext/createGain", "AudioContext.createGain()")}}, который можно использовать для регулировки громкости звука, и еще один обработчик событий, с помощью которого будем менять значение усиления (громкости) в зависимости от значения `<input type="range">`.
 
@@ -199,7 +203,8 @@ Ball.prototype.draw = function () {
 };
 ```
 
-> **Примечание:** вы можете увидеть этот код в действии в нашем [bouncing balls demo](https://github.com/mdn/learning-area/blob/master/javascript/apis/introduction/bouncing-balls.html) (see it [running live](http://mdn.github.io/learning-area/javascript/apis/introduction/bouncing-balls.html) also).
+> [!NOTE]
+> Вы можете увидеть этот код в действии в нашем [bouncing balls demo](https://github.com/mdn/learning-area/blob/master/javascript/apis/introduction/bouncing-balls.html) (see it [running live](http://mdn.github.io/learning-area/javascript/apis/introduction/bouncing-balls.html) also).
 
 ### Они используют события для управления состоянием
 
diff --git a/files/ru/learn/javascript/client-side_web_apis/manipulating_documents/index.md b/files/ru/learn/javascript/client-side_web_apis/manipulating_documents/index.md
index c256bdb0bf783c..9aee413071f9f9 100644
--- a/files/ru/learn/javascript/client-side_web_apis/manipulating_documents/index.md
+++ b/files/ru/learn/javascript/client-side_web_apis/manipulating_documents/index.md
@@ -56,7 +56,8 @@ DOM, с другой стороны, выглядит так:
 
 ![](dom-screenshot.png)
 
-> **Примечание:** . Эта диаграмма дерева DOM была создана с использованием [Live DOM viewer](https://software.hixie.ch/utilities/js/live-dom-viewer/) Яна Хиксона.
+> [!NOTE]
+> Эта диаграмма дерева DOM была создана с использованием [Live DOM viewer](https://software.hixie.ch/utilities/js/live-dom-viewer/) Яна Хиксона.
 
 Вы можете видеть здесь, что каждый элемент и бит текста в документе имеют свою собственную запись в дереве - каждый из них называется **узлом** (**node)**. Вы также столкнётесь с различными терминами, используемыми для описания типа узла, и их положением в дереве относительно друг друга:
 
@@ -196,7 +197,8 @@ linkPara.parentNode.removeChild(linkPara);
    </p>
    ```
 
-> **Примечание:** Примечание: Обратите внимание на то, как версии свойств JavaScript стилей CSS пишутся в нижнем регистре верблюжьего стиля (lower camel case), в то время как версии свойств стилей CSS используют дефисы (например, `backgroundColor` и `background-color`). Убедитесь, что вы не перепутали их, иначе это не сработает.
+> [!NOTE]
+> Обратите внимание на то, как версии свойств JavaScript стилей CSS пишутся в нижнем регистре верблюжьего стиля (lower camel case), в то время как версии свойств стилей CSS используют дефисы (например, `backgroundColor` и `background-color`). Убедитесь, что вы не перепутали их, иначе это не сработает.
 
 Существует ещё один распространённый способ динамического управления стилями вашего документа, который мы рассмотрим сейчас.
 
@@ -229,7 +231,8 @@ linkPara.parentNode.removeChild(linkPara);
 
 В следующих параграфах мы рассмотрим ещё несколько практических применений DOM API.
 
-> **Примечание:** Примечание. Вы можете найти наш пример [finished version of the dom-example.html](https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/dom-example-manipulated.html) на GitHub ([см. также live](https://mdn.github.io/learning-area/javascript/apis/document-manipulation/dom-example-manipulated.html)).
+> [!NOTE]
+> Вы можете найти наш пример [finished version of the dom-example.html](https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/dom-example-manipulated.html) на GitHub ([см. также live](https://mdn.github.io/learning-area/javascript/apis/document-manipulation/dom-example-manipulated.html)).
 
 ## Активное обучение: Получение полезной информации из объекта Window
 
@@ -266,7 +269,8 @@ linkPara.parentNode.removeChild(linkPara);
    };
    ```
 
-> **Примечание:** . Если у вас возникла проблема, посмотрите на наш [законченный пример изменения размера окна](https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/window-resize-example-finished.html) ([см. также live](https://mdn.github.io/learning-area/javascript/apis/document-manipulation/window-resize-example-finished.html)).
+> [!NOTE]
+> Если у вас возникла проблема, посмотрите на наш [законченный пример изменения размера окна](https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/window-resize-example-finished.html) ([см. также live](https://mdn.github.io/learning-area/javascript/apis/document-manipulation/window-resize-example-finished.html)).
 
 ## Активное обучение: динамический список покупок
 
@@ -294,7 +298,8 @@ linkPara.parentNode.removeChild(linkPara);
 10. Прикрепите обработчик события к кнопке удаления, чтобы при щелчке удалял весь элемент списка, внутри которого он находится.
 11. Наконец, используйте метод [`focus()`](/ru/docs/Web/API/HTMLElement/focus), чтобы сфокусировать входной элемент, готовый для входа в следующий элемент списка покупок.
 
-> **Примечание:** Примечание: Если у вас возникла действительно сложная проблема, взгляните на наши примеры [finished shopping list](https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/shopping-list-finished.html) ([see it running live also](http://mdn.github.io/learning-area/javascript/apis/document-manipulation/shopping-list-finished.html).)
+> [!NOTE]
+> Если у вас возникла действительно сложная проблема, взгляните на наши примеры [finished shopping list](https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/shopping-list-finished.html) ([see it running live also](http://mdn.github.io/learning-area/javascript/apis/document-manipulation/shopping-list-finished.html).)
 
 ## Краткая информация
 
diff --git a/files/ru/learn/javascript/client-side_web_apis/third_party_apis/index.md b/files/ru/learn/javascript/client-side_web_apis/third_party_apis/index.md
index d61d3cc5da4322..eeba26a5bff7aa 100644
--- a/files/ru/learn/javascript/client-side_web_apis/third_party_apis/index.md
+++ b/files/ru/learn/javascript/client-side_web_apis/third_party_apis/index.md
@@ -17,9 +17,8 @@ API, которые мы рассмотрели до сих пор, встрое
 
 Давайте снова посмотрим на наш пример карты (см. [исходный код на GitHub](https://github.com/mdn/learning-area/blob/master/javascript/apis/introduction/maps-example.html); [см. это в действии](https://mdn.github.io/learning-area/javascript/apis/introduction/maps-example.html)), и используем его для иллюстрации того, как сторонние API отличаются от API-интерфейсов браузера.
 
-> **Примечание:** По умолчанию использование сторонних API на вашем сайте позволит им отслеживать файлы cookie своих доменов, устанавливать файлы cookie в исходное состояние, получать заголовки ссылок, определяющие посещаемые страницы, и разрешать им выполнять JavaScript на страницах, на которых они загружаются с теми же разрешениями (например, выполнить запросы AJAX на ваши серверы с теми же кукисами сеанса). Должны быть оценены вопросы регулирования, безопасности и конфиденциальности.
-
-> **Примечание:** Возможно, вы захотите сразу [получить все наши примеры кода](/ru/docs/Learn#Getting_our_code_examples), в этом случае вы можете просто искать репо для файлов примеров, которые вам нужны в каждом разделе.
+> [!NOTE]
+> Возможно вы захотите сразу [получить все наши примеры кода](/ru/docs/Learn#получение_наших_примеров_кода), в этом случае вы можете просто искать репозиторий с файлами примеров, которые вам нужны в каждом разделе.
 
 ### Они находятся на сторонних серверах
 
@@ -58,7 +57,8 @@ var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
 
 Это вся информация, которую API Карт Google требует для построения простой карты. Сервер, к которому вы подключаетесь, обрабатывает все сложные вещи, такие как отображение правильных фрагментов карты для отображаемой области и т. д.
 
-> **Примечание:** Некоторые API обрабатывают доступ к их функциям несколько иначе, требуя от разработчика сделать HTTP-запрос (см. [Получение данных с сервера](/ru/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data)) на определённый шаблон URL для получения определённых данных. Они называются RESTful API, и мы покажем пример этого позже в статье.
+> [!NOTE]
+> Некоторые API обрабатывают доступ к их функциям несколько иначе, требуя от разработчика сделать HTTP-запрос (см. [Получение данных с сервера](/ru/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data)) на определённый шаблон URL для получения определённых данных. Они называются RESTful API, и мы покажем пример этого позже в статье.
 
 ### Разрешения обрабатываются по-разному
 
@@ -91,8 +91,6 @@ https://maps.google.com/maps/api/js?key=AIzaSyDDuGt0E5IEGkcE6ZfrKfUtE9Ko_de66pA
    6. Нажмите _Create credentials_, затем выберите _API key_.
    7. Скопируйте свой ключ API и замените существующий ключ в первом элементе {{htmlelement ('script')}} примера вашим собственным (фрагмент между `?key=` и меткой закрытия закрытия атрибута (`"`).)
 
-   > **Примечание:** Получение ключей API, связанных с Google, может быть немного затруднительным: в Менеджере API Google Cloud Platform много разных экранов, и рабочий процесс может немного отличаться в зависимости от того, как у вас уже установлена учётная запись. Если у вас возникнут проблемы с этим шагом, мы будем рады помочь — [Свяжитесь с нами](/ru/docs/Learn#Contact_us).
-
 3. Откройте исходный файл Карт Google, найдите строку `INSERT-YOUR-API-KEY-HERE`, и замените её фактическим ключом API, который вы получили из панели управления Google Cloud Platform API Manager.
 
 ### Adding a custom marker
@@ -130,9 +128,11 @@ Adding a marker (icon) at a certain point on the map is easy — you just need t
 
    Here we specify the icon property value as the `iconBase` plus the icon filename, to create the complete URL. Now try reloading your example and you'll see a custom marker displayed on your map!
 
-> **Примечание:** See [Customizing a Google Map: Custom Markers](https://developers.google.com/maps/documentation/javascript/custom-markers) for more information.
+> [!NOTE]
+> See [Customizing a Google Map: Custom Markers](https://developers.google.com/maps/documentation/javascript/custom-markers) for more information.
 
-> **Примечание:** See [Map marker or Icon names](https://fusiontables.google.com/DataSource?dsrcid=308519#map:id=3) to find out what other icons are available, and see what their reference names are. Their file name will be the icon name they display when you click on them, with ".png" added on the end.
+> [!NOTE]
+> See [Map marker or Icon names](https://fusiontables.google.com/DataSource?dsrcid=308519#map:id=3) to find out what other icons are available, and see what their reference names are. Their file name will be the icon name they display when you click on them, with ".png" added on the end.
 
 ### Displaying a popup when the marker is clicked
 
@@ -279,9 +279,11 @@ https://api.nytimes.com/svc/search/v2/articlesearch.json?api-key=4f3c267e125943d
 &fq=document_type:("article")&begin_date=20170301&end_date=20170312
 ```
 
-> **Примечание:** You can find more details of what URL parameters can be included in the [Article Search API reference](https://developer.nytimes.com/article_search_v2.json).
+> [!NOTE]
+> You can find more details of what URL parameters can be included in the [Article Search API reference](https://developer.nytimes.com/article_search_v2.json).
 
-> **Примечание:** The example has rudimentary form data validation — the search term field has to be filled in before the form can be submitted (achieved using the `required` attribute), and the date fields have `pattern` attributes specified, which means they won't submit unless their values consist of 8 numbers (`pattern="[0-9]{8}"`). See [Form data validation](/ru/docs/Learn/HTML/Forms/Form_validation) for more details on how these work.
+> [!NOTE]
+> The example has rudimentary form data validation — the search term field has to be filled in before the form can be submitted (achieved using the `required` attribute), and the date fields have `pattern` attributes specified, which means they won't submit unless their values consist of 8 numbers (`pattern="[0-9]{8}"`). See [Form data validation](/ru/docs/Learn/HTML/Forms/Form_validation) for more details on how these work.
 
 ### Requesting data from the API
 
diff --git a/files/ru/learn/javascript/first_steps/a_first_splash/index.md b/files/ru/learn/javascript/first_steps/a_first_splash/index.md
index 34d0b42b5ef590..109a5118a4d183 100644
--- a/files/ru/learn/javascript/first_steps/a_first_splash/index.md
+++ b/files/ru/learn/javascript/first_steps/a_first_splash/index.md
@@ -13,7 +13,8 @@ slug: Learn/JavaScript/First_steps/A_first_splash
 
 Вам не придётся сразу понимать весь код — мы только хотим познакомить вас с базовыми концепциями языка и дать представление о том, как работает JavaScript (и другие языки программирования). В дальнейших статьях вы изучите эти концепции более подробно!
 
-> **Примечание:** Большинство языковых конструкций JavaScript, с которыми вы познакомитесь (функции, циклы и т.д.), имеют аналоги в других языках программирования — т.е. языки имеют разный синтаксис, но концепции в большинстве случаев те же самые.
+> [!NOTE]
+> Большинство языковых конструкций JavaScript, с которыми вы познакомитесь (функции, циклы и т.д.), имеют аналоги в других языках программирования — т.е. языки имеют разный синтаксис, но концепции в большинстве случаев те же самые.
 
 ## Думай как программист
 
@@ -120,7 +121,8 @@ var resetButton;
 
 - Наши последние две переменные сохраняют количество догадок 1 (используется для отслеживания того, сколько догадок у игрока было), и ссылку на кнопку сброса, которая ещё не существует (но позже).
 
-> **Примечание:** : В дальнейшем вы узнаете намного больше о переменных, в следующей статье.
+> [!NOTE]
+> В дальнейшем вы узнаете намного больше о переменных.
 
 ### Функции (Functions)
 
@@ -146,7 +148,8 @@ checkGuess();
 
 Вы должны увидеть предупреждение, в котором говорится "I am a placeholder"; в нашем коде мы определили функцию, которая создаёт предупреждение, когда её вызывают.
 
-> **Примечание:** В дальнейшем вы намного больше узнаете о функциях.
+> [!NOTE]
+> В дальнейшем вы намного больше узнаете о функциях.
 
 ### Операторы (Operators)
 
diff --git a/files/ru/learn/javascript/first_steps/arrays/index.md b/files/ru/learn/javascript/first_steps/arrays/index.md
index ba7f80a9177c38..9004753c03f023 100644
--- a/files/ru/learn/javascript/first_steps/arrays/index.md
+++ b/files/ru/learn/javascript/first_steps/arrays/index.md
@@ -58,7 +58,8 @@ slug: Learn/JavaScript/First_steps/Arrays
    // shopping теперь возвратит [ "tahini", "milk", "cheese", "hummus", "noodles" ]
    ```
 
-   > **Примечание:** Мы уже упоминали это прежде, но просто как напоминание — компьютеры начинают считать с нуля!
+   > [!NOTE]
+   > Мы уже упоминали это прежде, но просто как напоминание — компьютеры начинают считать с нуля!
 
 3. Заметьте, что массив внутри массива называется многомерным массивом. Вы можете получить доступ к элементу внутри массива, который сам находится внутри другого массива, объединив два набора квадратных скобок. Например, для доступа к одному из элементов внутри массива, который является третьим элементом внутри массива `random` (см. предыдущую секцию данной статьи), мы могли бы сделать что-то вроде этого:
 
@@ -100,7 +101,8 @@ for (var i = 0; i < sequence.length; i++) {
 
 Часто у вас могут быть некоторые необработанные данные, содержащиеся в большой длинной строке, и вы можете захотеть разделить полезные пункты до более удобной и полезной формы, а затем сделать что-то для них, например отобразить их в таблице данных. Для этого мы можем использовать метод {{jsxref ("String.prototype.split ()", "split ()")}}. В его простейшей форме он принимает единственный параметр, символ, который вы хотите отделить в строке, и возвращает подстроки между разделителем как элементы в массиве.
 
-> **Примечание:** Хорошо, технически это строковый метод, не метод массива, но мы поместили его в массивы, так как он хорошо подходит для них.
+> [!NOTE]
+> Хорошо, технически это строковый метод, не метод массива, но мы поместили его в массивы, так как он хорошо подходит для них.
 
 1. Поиграем с этим, посмотрим как это работает. Сначала, создадим строку в вашей консоли:
 
@@ -380,7 +382,8 @@ body {
 
 В этом примере мы собираемся показать гораздо более простое использование - ниже мы даём вам поддельный поисковый сайт с полем поиска. Идея заключается в том, что когда в поле поиска вводятся запросы, в списке отображаются 5 предыдущих поисковых запросов. Когда число терминов превышает 5, последний член начинает удаляться каждый раз, когда новый член добавляется в начало, поэтому всегда отображаются 5 предыдущих терминов.
 
-> **Примечание:** В реальном приложении для поиска вы, вероятно, сможете щёлкнуть предыдущие условия поиска, чтобы вернуться к предыдущим поисковым запросам и отобразите фактические результаты поиска! На данный момент мы просто сохраняем его.
+> [!NOTE]
+> В реальном приложении для поиска вы, вероятно, сможете щёлкнуть предыдущие условия поиска, чтобы вернуться к предыдущим поисковым запросам и отобразите фактические результаты поиска! На данный момент мы просто сохраняем его.
 
 Чтобы завершить приложение, вам необходимо:
 
diff --git a/files/ru/learn/javascript/first_steps/index.md b/files/ru/learn/javascript/first_steps/index.md
index 8761c86aa6e0bc..b046b3f1e0bdcf 100644
--- a/files/ru/learn/javascript/first_steps/index.md
+++ b/files/ru/learn/javascript/first_steps/index.md
@@ -15,7 +15,8 @@ slug: Learn/JavaScript/First_steps
 - [Введение в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML)
 - [Введение в CSS](/ru/docs/Learn/CSS/First_steps)
 
-> **Примечание:** Если вы работаете на компьютере, планшете или другом устройстве, где нет возможности полноценно работать с файлами, можете использовать такие онлайн сервисы как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/).
+> [!NOTE]
+> Если вы работаете на компьютере, планшете или другом устройстве, где нет возможности полноценно работать с файлами, можете использовать такие онлайн сервисы как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/).
 
 ## Руководства
 
diff --git a/files/ru/learn/javascript/first_steps/math/index.md b/files/ru/learn/javascript/first_steps/math/index.md
index fbaeeff686e378..06a1940480116b 100644
--- a/files/ru/learn/javascript/first_steps/math/index.md
+++ b/files/ru/learn/javascript/first_steps/math/index.md
@@ -74,7 +74,8 @@ slug: Learn/JavaScript/First_steps/Math
 | `%`      | Модуль числа       | Возвращает значение остатка при делении первого числа на второе. Результат будет иметь тот же знак, что и первое число.                                               | `11 % 3 = 2` (поскольку число 3 вмещается три раза, остатком будет число 2) |
 | `**`     | показатель степени | Возводит базовое число в указанную степень, то есть количество базовых чисел, указанных экспонентой, умножается вместе. Впервые он был представлен в EcmaScript 2016. | `5 ** 5` (возвращает 3125, или как: 5\*5\*5\*5\*5)                          |
 
-> **Примечание:** Иногда числа участвующие в математических операциях называют операндами ( {{Glossary("Operand", "operands")}} ).
+> [!NOTE]
+> Иногда числа участвующие в математических операциях называют операндами ( {{Glossary("Operand", "operands")}} ).
 
 Нам, вероятно, не нужно учить вас базовым математическим операциям, но мы хотели бы проверить ваше понимание синтаксиса. Попробуйте ввести приведённые ниже примеры в свою консоль ([developer tools JavaScript console](/ru/docs/Learn/Common_questions/What_are_browser_developer_tools)), или используйте встроенную консоль, с которой вы уже знакомы, чтобы ознакомиться с синтаксисом.
 
@@ -127,7 +128,8 @@ num2 + num1 / 8 + 2;
 
 Результат этого выражения равен 6.
 
-> **Примечание:** полный список операторов JavaScript и приоритетов их выполнения можно найти по этой ссылке: [Expressions and operators](/ru/docs/Web/JavaScript/Guide/Expressions_and_Operators#Operator_precedence).
+> [!NOTE]
+> Полный список операторов JavaScript и приоритетов их выполнения можно найти по этой ссылке: [Expressions and operators](/ru/docs/Web/JavaScript/Guide/Expressions_and_Operators#Operator_precedence).
 
 ## Операторы инкремента и декремента
 
@@ -137,7 +139,8 @@ num2 + num1 / 8 + 2;
 guessCount++;
 ```
 
-> **Примечание:** инкремент и декремент часто используются в [циклах](/ru/docs/Web/JavaScript/Guide/Loops_and_iteration), о которых вы узнаете позже. Например, если вы захотите пройтись по списку цен и добавить к каждой налог с продаж, вам придётся в цикле обойти каждую цену и провести необходимые вычисления для учёта налога. Инкремент будет использован для перехода на новую ячейку списка при необходимости. У нас есть несложный пример реализации такого списка - попробуйте и взгляните на код чтобы посмотреть, сможете ли вы найти инкременты! Мы взглянем на циклы поближе позже по ходу курса.
+> [!NOTE]
+> Инкремент и декремент часто используются в [циклах](/ru/docs/Web/JavaScript/Guide/Loops_and_iteration), о которых вы узнаете позже. Например, если вы захотите пройтись по списку цен и добавить к каждой налог с продаж, вам придётся в цикле обойти каждую цену и провести необходимые вычисления для учёта налога. Инкремент будет использован для перехода на новую ячейку списка при необходимости. У нас есть несложный пример реализации такого списка - попробуйте и взгляните на код чтобы посмотреть, сможете ли вы найти инкременты! Мы взглянем на циклы поближе позже по ходу курса.
 
 Давайте попробуем сыграть с этим в вашей консоли. Для начала заметим, что вы не можете использовать инкремент/декремент непосредственно к числу, что может показаться странным. Дело в том, что мы присваиваем к переменной новое обновлённое число, а не просто вычисляем значение. Следующий пример приведёт к ошибке:
 
@@ -166,7 +169,8 @@ num2--;
 num2;
 ```
 
-> **Примечание:** вы можете заставить делать это в другом порядке - применить инкремент/декремент и только потом вернуть значение. Для этого необходимо записать оператор слева от переменной, а не справа. Попробуйте пример сверху ещё раз, но в этот раз используйте `++num1` и `--num2`.
+> [!NOTE]
+> Вы можете заставить делать это в другом порядке - применить инкремент/декремент и только потом вернуть значение. Для этого необходимо записать оператор слева от переменной, а не справа. Попробуйте пример сверху ещё раз, но в этот раз используйте `++num1` и `--num2`.
 
 ## Операторы присваивания
 
@@ -197,7 +201,8 @@ var y = 4; // y содержит значение 4
 x *= y; // x содержит значение 12
 ```
 
-> **Примечание:** есть ещё [другие операторы присваивания](/ru/docs/Web/JavaScript/Guide/Expressions_and_Operators), в этой статье перечислены только самые базовые.
+> [!NOTE]
+> Есть ещё [другие операторы присваивания](/ru/docs/Web/JavaScript/Guide/Expressions_and_Operators), в этой статье перечислены только самые базовые.
 
 ## Активное обучение: меняем размеры коробки
 
@@ -231,7 +236,8 @@ x *= y; // x содержит значение 12
 | <=       | Меньше или равно    | Проверят, меньше ли левое значение правому (или равно ему) | `3 <= 2`      |
 | >=       | Больше или равно    | Проверят, больше ли левое значение левого (или равно ему)  | `5 >= 4`      |
 
-> **Примечание:** вы можете заметить, что некоторые люди используют `==` и `!=` в их программах для сравнения на равенство и неравенство — это валидные JavaScript-операторы, но они отличаются от `===`/`!==` — первая пара проверяет на равенство/неравенство значений, не рассматривая их типы. Вторая пара - строгая версия первой, которая проверяет типы операндов. При использовании строгой версии выявляется больше ошибок, поэтому мы рекомендуем использовать именно её.
+> [!NOTE]
+> Вы можете заметить, что некоторые люди используют `==` и `!=` в их программах для сравнения на равенство и неравенство — это валидные JavaScript-операторы, но они отличаются от `===`/`!==` — первая пара проверяет на равенство/неравенство значений, не рассматривая их типы. Вторая пара - строгая версия первой, которая проверяет типы операндов. При использовании строгой версии выявляется больше ошибок, поэтому мы рекомендуем использовать именно её.
 
 Если вы попробуете использовать эти операторы в консоли, вы увидите, что все они возвращают значения `true`/`false` — о типе данных `boolean` мы писали в прошлой статье. С их помощью мы можем принимать решения в нашей программе, например:
 
@@ -270,7 +276,8 @@ function updateBtn() {
 
 Мы использовали оператор равенства внутри функции `updateBtn()`. В этом случае мы не проверяем пару математических выражений на равенство значений — мы просто смотрим, является ли текст на кнопке определённой строкой — что по сути является тем же самым. Если кнопка при нажатии содержит "Start machine", мы меняем содержимое метки на "Stop machine" и обновляем метку. Если же текст кнопки — "Stop machine", при нажатии мы возвращаем все обратно.
 
-> **Примечание:** Такой элемент управления, который переключается между двумя состояниями, обычно называется **тумблером**. Он переключается между одним состоянием и другим: свет включён, свет выключен и т. д.
+> [!NOTE]
+> Такой элемент управления, который переключается между двумя состояниями, обычно называется **тумблером**. Он переключается между одним состоянием и другим: свет включён, свет выключен и т. д.
 
 ## Итого
 
@@ -278,6 +285,7 @@ function updateBtn() {
 
 В следующей статье мы изучим текст и то, как мы работаем с ним в JavaScript.
 
-> **Примечание:** если вам хочется узнать подробнее о том, как математика реализуется в JavaScript, вы можете посмотреть главный раздел JavaScript MDN. Статьи [Числа и даты](/ru/docs/Web/JavaScript/Guide/Numbers_and_dates) и [Выражения и операторы](/ru/docs/Web/JavaScript/Reference/Operators) - хороший вариант для начала.
+> [!NOTE]
+> Если вам хочется узнать подробнее о том, как математика реализуется в JavaScript, вы можете посмотреть главный раздел JavaScript MDN. Статьи [Числа и даты](/ru/docs/Web/JavaScript/Guide/Numbers_and_dates) и [Выражения и операторы](/ru/docs/Web/JavaScript/Reference/Operators) - хороший вариант для начала.
 
 {{PreviousMenuNext("Learn/JavaScript/Первые_шаги/Variables", "Learn/JavaScript/Первые_шаги/Строки", "Learn/JavaScript/Первые_шаги")}}
diff --git a/files/ru/learn/javascript/first_steps/silly_story_generator/index.md b/files/ru/learn/javascript/first_steps/silly_story_generator/index.md
index c44cabc5df9a5b..1ea30d57a699ab 100644
--- a/files/ru/learn/javascript/first_steps/silly_story_generator/index.md
+++ b/files/ru/learn/javascript/first_steps/silly_story_generator/index.md
@@ -18,7 +18,8 @@ slug: Learn/JavaScript/First_steps/Silly_story_generator
 - Перейти и [скопировать файл HTML](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/assessment-start/index.html) как пример, сохранив его локальную копию как `index.html` в новой папке где-то на вашем компьютере. Там же будет храниться и CSS документ нужный для стилизации.
 - Перейти на [страницу, содержащую исходный текст](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/assessment-start/raw-text.txt), и оставить её открытой в отдельной вкладке браузера. Она вам понадобится позже.
 
-> **Примечание:** Так же вы можете использовать такие сайты как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/edit/) для выполнения вашего испытания. Вы можете вставить HTML, CSS и JavaScript в один из этих онлайн-редакторов. Если онлайн-редактор, который вы используете, не имеет отдельного окна для JavaScript – не стесняйтесь вставить все скрипты в `<script>`-элемент внутри HTML-страницы.
+> [!NOTE]
+> Так же вы можете использовать такие сайты как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/edit/) для выполнения вашего испытания. Вы можете вставить HTML, CSS и JavaScript в один из этих онлайн-редакторов. Если онлайн-редактор, который вы используете, не имеет отдельного окна для JavaScript – не стесняйтесь вставить все скрипты в `<script>`-элемент внутри HTML-страницы.
 
 ## Краткое описание проекта
 
diff --git a/files/ru/learn/javascript/first_steps/strings/index.md b/files/ru/learn/javascript/first_steps/strings/index.md
index f078877370abfa..16cd374de31e81 100644
--- a/files/ru/learn/javascript/first_steps/strings/index.md
+++ b/files/ru/learn/javascript/first_steps/strings/index.md
@@ -122,7 +122,8 @@ bigmouth;
    response;
    ```
 
-> **Примечание:** Когда вы вводите фактическую строку в свой код, заключённую в одинарные или двойные кавычки, она называется **строковым литералом**.
+> [!NOTE]
+> Когда вы вводите фактическую строку в свой код, заключённую в одинарные или двойные кавычки, она называется **строковым литералом**.
 
 ### Конкатенация строк в контексте
 
diff --git a/files/ru/learn/javascript/first_steps/useful_string_methods/index.md b/files/ru/learn/javascript/first_steps/useful_string_methods/index.md
index a6d06c93c39ad3..552e8410e8b1af 100644
--- a/files/ru/learn/javascript/first_steps/useful_string_methods/index.md
+++ b/files/ru/learn/javascript/first_steps/useful_string_methods/index.md
@@ -102,7 +102,8 @@ browserType[0];
 
    Этот код возвращает «zilla» — это потому, что позиция символа 2 — это буква z, и поскольку вы не указали второй параметр, возвращаемая подстрока состояла из всех остальных символов в строке.
 
-> **Примечание:** второй параметр `slice()` не обязателен: если вы его не включите в код, обрезание закончится на конце оригинальной строки. Есть и другие варианты; изучите страницу {{jsxref ("String.prototype.slice ()", "slice ()")}}, чтобы узнать, что ещё вы можете узнать.
+> [!NOTE]
+> Второй параметр `slice()` не обязателен: если вы его не включите в код, обрезание закончится на конце оригинальной строки. Есть и другие варианты; изучите страницу {{jsxref ("String.prototype.slice ()", "slice ()")}}, чтобы узнать, что ещё вы можете узнать.
 
 ### Изменение регистра
 
@@ -298,7 +299,8 @@ textarea.onkeyup = function () {
 3. Используя эту последнюю переменную в качестве подстроки, замените первую букву строчной строки первой буквой строчной строки, изменённой на верхний регистр. Сохраните результат этой процедуры замены в другой новой переменной.
 4. Измените значение переменной `result` на равную конечному результату (не `input`).
 
-> **Примечание:** Подсказка — параметры строковых методов не обязательно должны быть строковыми литералами; они также могут быть переменными или даже переменными с вызываемым ими методом.
+> [!NOTE]
+> Подсказка — параметры строковых методов не обязательно должны быть строковыми литералами; они также могут быть переменными или даже переменными с вызываемым ими методом.
 
 ```html hidden
 <h2>Результат</h2>
diff --git a/files/ru/learn/javascript/first_steps/variables/index.md b/files/ru/learn/javascript/first_steps/variables/index.md
index 61f2ab18fd5931..b51136e1e662f7 100644
--- a/files/ru/learn/javascript/first_steps/variables/index.md
+++ b/files/ru/learn/javascript/first_steps/variables/index.md
@@ -184,7 +184,8 @@ var myAge;
 
 {{ EmbedLiveSample('Hidden_code', '100%', 300) }}
 
-> **Примечание:** в JavaScript все инструкции кода должны заканчиваться точкой с запятой (;) - ваш код может работать правильно для отдельных строк, но, вероятно, не будет, когда вы пишете несколько строк кода вместе. Попытайтесь превратить написание точки с запятой в привычку.
+> [!NOTE]
+> в JavaScript все инструкции кода должны заканчиваться точкой с запятой (;) - ваш код может работать правильно для отдельных строк, но, вероятно, не будет, когда вы пишете несколько строк кода вместе. Попытайтесь превратить написание точки с запятой в привычку.
 
 Теперь проверим, существуют ли эти значения в среде выполнения. Для этого введём только имя переменной.
 
@@ -199,7 +200,8 @@ myAge;
 scoobyDoo;
 ```
 
-> **Примечание:** Не путайте переменную, которая существует, но не имеет значения, с переменной, которая вообще не существует - это разные вещи.
+> [!NOTE]
+> Не путайте переменную, которая существует, но не имеет значения, с переменной, которая вообще не существует - это разные вещи.
 
 ## Присвоение значения переменной
 
@@ -225,7 +227,8 @@ var myName = "Chris";
 
 Скорее всего, так вы будете писать большую часть времени, так как запись и выполнения кода с одно строки происходит быстрее, чем выполнение двух действий на двух отдельных строках.
 
-> **Примечание:** Если вы пишете многострочную программу JavaScript, которая объявляет и инициализирует (задаёт значение) переменную, вы можете объявить её после её инициализации, и она всё равно будет работать. Это связано с тем, что объявления переменных обычно выполняются первыми, прежде чем остальная часть кода будет выполнена. Это называется **hoisting** - прочитайте [var hoisting](/ru/docs/Web/JavaScript/Reference/Statements/var#var_hoisting) для более подробной информации по этому вопросу.
+> [!NOTE]
+> Если вы пишете многострочную программу JavaScript, которая объявляет и инициализирует (задаёт значение) переменную, вы можете объявить её после её инициализации, и она всё равно будет работать. Это связано с тем, что объявления переменных обычно выполняются первыми, прежде чем остальная часть кода будет выполнена. Это называется **hoisting** - прочитайте [var hoisting](/ru/docs/Web/JavaScript/Reference/Statements/var#var_hoisting) для более подробной информации по этому вопросу.
 
 ## Обновление переменной
 
@@ -248,7 +251,8 @@ myAge = 40;
 - Переменные чувствительны к регистру, так что `myage` и `myAge` - разные переменные.
 - И последнее - вам также нужно избегать использования зарезервированных слов JavaScript в качестве имён переменных - под этим мы подразумеваем слова, которые составляют фактический синтаксис JavaScript! Таким образом, вы не можете использовать слова типа `var`, `function`, `let`, и `for` для имён переменных. Браузеры распознают их как разные элементы кода, и поэтому возникают ошибки.
 
-> **Примечание:** По ссылке можно найти довольно полный список зарезервированных ключевых слов: [Lexical grammar — keywords](/ru/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords).
+> [!NOTE]
+> По ссылке можно найти довольно полный список зарезервированных ключевых слов: [Lexical grammar — keywords](/ru/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords).
 
 Примеры хороших имён переменных:
 
diff --git a/files/ru/learn/javascript/first_steps/what_is_javascript/index.md b/files/ru/learn/javascript/first_steps/what_is_javascript/index.md
index 1f0b0e9fadc316..9e9aed70b4d46b 100644
--- a/files/ru/learn/javascript/first_steps/what_is_javascript/index.md
+++ b/files/ru/learn/javascript/first_steps/what_is_javascript/index.md
@@ -91,14 +91,16 @@ API - это готовые наборы блоков кода, которые 
 - API Canvas и WebGL позволяют создавать анимированные 2D и 3D-графики. Люди делают некоторые удивительные вещи, используя эти веб-технологии - см. Chrome Experiments и webglsamples.
 - Аудио и видео API, такие как {{ domxref("HTMLMediaElement")}} и WebRTC, позволяют делать действительно интересные вещи с мультимедиа, такие как проигрывание аудио и видео прямо на веб-странице, или захватывать видео с веб-камеры и отображать его на Чужой компьютер (попробуйте наш простой демонстрационный снимок, чтобы понять идею)
 
-> **Примечание:** Большинство наших демо не будут корректно работать в старых браузерах — поэтому будет хорошей идеей, для запуска вашего кода установить один из современных браузеров , таких как Firefox, Chrome, Edge или Opera . Также понадобится более подробно рассмотреть раздел по [кроссбраузерному тестированию](/ru/docs/Learn/Tools_and_testing/Cross_browser_testing), когда вы приблизитесь к разработке производственного кода (т.е реального кода, который будут использовать клиенты).
+> [!NOTE]
+> Большинство наших демо не будут корректно работать в старых браузерах — поэтому будет хорошей идеей, для запуска вашего кода установить один из современных браузеров , таких как Firefox, Chrome, Edge или Opera . Также понадобится более подробно рассмотреть раздел по [кроссбраузерному тестированию](/ru/docs/Learn/Tools_and_testing/Cross_browser_testing), когда вы приблизитесь к разработке производственного кода (т.е реального кода, который будут использовать клиенты).
 
 По умолчанию сторонние API-интерфейсы не встроены в браузер, и вам придётся захватывать их код и информацию из какого-либо места в Сети. Для примера:
 
 - [Twitter API](https://dev.twitter.com/overview/documentation) позволяет вам отображать ваши последние твиты на вашем веб-сайте.
 - [Google Maps API](https://developers.google.com/maps/) позволяет вам встраивать пользовательские карты на ваш сайт и другой подобный функционал.
 
-> **Примечание:** Эти API-и являются продвинутыми, и мы не будем их рассматривать в нашем курсе, но ссылки, данные выше, предлагают полную документацию, если вы заинтересованы в более подробной информации.
+> [!NOTE]
+> Эти API являются продвинутыми, и мы не будем их рассматривать в нашем курсе, но ссылки, данные выше, предлагают полную документацию, если вы заинтересованы в более подробной информации.
 
 Доступно ещё больше! Но пока не заостряйте на этом внимание. Вы не сможете создать следующий Facebook, Google Maps или Instagram после 24 часов изучения JavaScript — сначала нужно изучить основы. И именно для этого вы здесь — давайте двигаться дальше!
 
@@ -118,7 +120,8 @@ API - это готовые наборы блоков кода, которые 
 
 Каждая вкладка браузера представляет собой отдельную коробку для запуска кода (в техническом языке, эти коробки называются "средами исполнения") — это значит, что в большинстве случаев код на каждой вкладке запускается полностью отдельно, а код одной вкладки не может напрямую влиять на код другой вкладки или на другом веб-сайте. Это хорошая мера безопасности — если бы это было иначе, пираты могли написать код, который крал информацию с других сайтов или делал другие плохие вещи.
 
-> **Примечание:** Есть способы отправлять код и данные между разными веб-сайтами/вкладками безопасным способом, но это продвинутые методы, которые мы не будем рассматривать в рамках этого курса.
+> [!NOTE]
+> Есть способы отправлять код и данные между разными веб-сайтами/вкладками безопасным способом, но это продвинутые методы, которые мы не будем рассматривать в рамках этого курса.
 
 ### Последовательность выполнения JavaScript
 
@@ -139,7 +142,8 @@ function updateName() {
 
 Если вы поменяете порядок первых двух строк кода, он перестанет работать — вместо этого вы получите ошибку возвращаемую в консоль браузера — `TypeError: para is undefined`. Это значит, что объект `para` ещё не существует и вы не можете добавить к нему обнаружение событий.
 
-> **Примечание:** Это очень частая ошибка — вы должны быть осторожны, чтобы объекты, на которые ссылается ваш код, существовали до того, как вы попытаетесь что-то с ними сделать.
+> [!NOTE]
+> Это очень частая ошибка — вы должны быть осторожны, чтобы объекты, на которые ссылается ваш код, существовали до того, как вы попытаетесь что-то с ними сделать.
 
 ### Интерпретируемый против компилируемого кода
 
@@ -195,9 +199,11 @@ JavaScript применяется к вашей HTML странице точно
 
 5. Сохраните файл и обновите страницу в браузере — теперь вы должны увидеть, что при нажатии на кнопку создаётся новый абзац и помещается ниже.
 
-> **Примечание:** Если ваш пример не работает, пройдите ещё раз все шаги и проверьте, сделали ли вы все правильно. Сохранили ли вы вашу локальную копию начального кода, как `.html` файл? Добавили ли ваш {{htmlelement("script")}} элемент после тэга `</body>`? Ввели ли вы JavaScript именно так, как показано? **JavaScript регистрозависимый, и очень привередливый. Поэтому вам нужно вводить синтаксис именно так, как показано, в противном случае оно может не работать.**
+> [!NOTE]
+> Если ваш пример не работает, пройдите ещё раз все шаги и проверьте, сделали ли вы все правильно. Сохранили ли вы вашу локальную копию начального кода, как `.html` файл? Добавили ли ваш {{htmlelement("script")}} элемент после тэга `</body>`? Ввели ли вы JavaScript именно так, как показано? **JavaScript регистрозависимый, и очень привередливый. Поэтому вам нужно вводить синтаксис именно так, как показано, в противном случае оно может не работать.**
 
-> **Примечание:** вы можете увидеть эту версию на GitHub-е как [apply-javascript-internal.html](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html) ([посмотреть вживую](http://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html)).
+> [!NOTE]
+> Вы можете увидеть эту версию на GitHub-е как [apply-javascript-internal.html](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html) ([посмотреть вживую](http://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html)).
 
 ### Внешний JavaScript
 
@@ -228,7 +234,8 @@ JavaScript применяется к вашей HTML странице точно
 
 4. Сохраните и обновите страницу в браузере, и вы увидите то же самое! Все работает точно так же, но теперь у нас есть JavaScript во внешнем файле. Это, как правило, хорошо с точки зрения организации кода и его повторного использования в нескольких HTML файлах. Кроме того, HTML легче читать без огромных кусков кода, который скапливается в нем.
 
-> **Примечание:** вы можете увидеть эту версию на GitHub-е как [apply-javascript-external.html](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html) и [script.js](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/script.js) ([посмотреть вживую](http://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html)).
+> [!NOTE]
+> Вы можете увидеть эту версию на GitHub-е как [apply-javascript-external.html](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html) и [script.js](https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/script.js) ([посмотреть вживую](http://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html)).
 
 ### Инлайновые JavaScript обработчики
 
@@ -266,7 +273,8 @@ for (let i = 0; i < buttons.length; i++) {
 
 Это может выглядеть немного длиннее, чем атрибут `onclick`, но это будет работать для всех кнопок, независимо от того, сколько их на странице, и сколько их удалят или добавят. JavaScript менять не нужно.
 
-> **Примечание:** Попробуйте отредактировать вашу версию `apply-javascript.html` и добавить ещё несколько кнопок в файл. После перезагрузки вы должны увидеть, что все кнопки создают параграф, если кликнуть на них. Классно, да?
+> [!NOTE]
+> Попробуйте отредактировать вашу версию `apply-javascript.html` и добавить ещё несколько кнопок в файл. После перезагрузки вы должны увидеть, что все кнопки создают параграф, если кликнуть на них. Классно, да?
 
 ### Стратегии загрузки скриптов
 
diff --git a/files/ru/learn/javascript/first_steps/what_went_wrong/index.md b/files/ru/learn/javascript/first_steps/what_went_wrong/index.md
index 367e25e6f0528d..5897f5ac5cbfe5 100644
--- a/files/ru/learn/javascript/first_steps/what_went_wrong/index.md
+++ b/files/ru/learn/javascript/first_steps/what_went_wrong/index.md
@@ -27,7 +27,8 @@ slug: Learn/JavaScript/First_steps/What_went_wrong
 1. Чтобы начать работу, откройте локальную копию внутри вашего любимого текстового редактора и вашего браузера.
 2. Попробуйте сыграть в игру — вы заметите, что когда вы нажимаете кнопку «Submit guess», она не работает!
 
-> **Примечание:** Возможно, у вас может быть собственная версия игрового примера, которая не работает, которую вы можете исправить! Мы по-прежнему хотели бы, чтобы вы работали над статьёй с нашей версией, чтобы вы могли изучать методы, которые мы здесь преподаём. Затем вы можете вернуться и попытаться исправить ваш пример.
+> [!NOTE]
+> Возможно, у вас может быть собственная версия игрового примера, которая не работает, которую вы можете исправить! Мы по-прежнему хотели бы, чтобы вы работали над статьёй с нашей версией, чтобы вы могли изучать методы, которые мы здесь преподаём. Затем вы можете вернуться и попытаться исправить ваш пример.
 
 На этом этапе давайте рассмотрим консоль разработчика, чтобы увидеть, можем ли мы видеть какие-либо синтаксические ошибки, а затем попытаемся их исправить. Вы узнаете, как это сделать, ниже.
 
@@ -65,7 +66,8 @@ slug: Learn/JavaScript/First_steps/What_went_wrong
 
    > **Примечание:** [`Null`](/ru/docs/Glossary/Null) — это специальное значение, которое означает "ничего" или "не значение". Поэтому `lowOrHi` был объявлен и инициализирован без значения — у него нет типа или значения.
 
-   > **Примечание:** Эта ошибка не появилась, как только страница была загружена, потому что эта ошибка произошла внутри функции (внутри `checkGuess() { ... }` блока). Об этом вы узнаете более подробно в нашей более поздней статье о функциях, код внутри функций выполняется в отдельной области для кода внешних функций. В этом случае код не был запущен, и ошибка не была брошена до тех пор, пока функция `checkGuess()` не была запущена строкой 86.
+   > [!NOTE]
+   > Эта ошибка не появилась, как только страница была загружена, потому что эта ошибка произошла внутри функции (внутри `checkGuess() { ... }` блока). Об этом вы узнаете более подробно в нашей более поздней статье о функциях, код внутри функций выполняется в отдельной области для кода внешних функций. В этом случае код не был запущен, и ошибка не была брошена до тех пор, пока функция `checkGuess()` не была запущена строкой 86.
 
 4. Посмотрите на строку 78, и вы увидите следующий код:
 
@@ -95,7 +97,8 @@ slug: Learn/JavaScript/First_steps/What_went_wrong
 9. Поэтому нам нужен селектор классов, который начинается с точки (.), но селектор, передаваемый в метод `querySelector()` в строке 48, не имеет точки. Возможно, это и есть проблема! Попробуйте изменить `lowOrHi` на `.lowOrHi` в строке 48.
 10. Повторите попытку сохранения и обновления, и ваш вызов `console.log()` должен вернуть элемент `<p>`, который мы хотим. Уф! Ещё одна ошибка исправлена! Вы можете удалить строку с `console.log()` сейчас, или оставить для дальнейшего применения — выбирайте сами.
 
-> **Примечание:** Загляните на справочную страницу [TypeError: "x" is (not) "y"](/ru/docs/Web/JavaScript/Reference/Errors/Unexpected_type), чтобы узнать больше об этой ошибке.
+> [!NOTE]
+> Загляните на справочную страницу [TypeError: "x" is (not) "y"](/ru/docs/Web/JavaScript/Reference/Errors/Unexpected_type), чтобы узнать больше об этой ошибке.
 
 ### Синтаксические ошибки: третий раунд
 
@@ -181,7 +184,8 @@ if (userGuess = randomNumber) {
 
 Эта ошибка проста — обычно она означает, что вы пропустили закрывающую скобку с конца вызова функции / метода.
 
-> **Примечание:** Загляните на справочную страницу [SyntaxError: missing ) after argument list](/ru/docs/Web/JavaScript/Reference/Errors/Missing_parenthesis_after_argument_list) для получения дополнительной информации об этой ошибке.
+> [!NOTE]
+> Загляните на справочную страницу [SyntaxError: missing ) after argument list](/ru/docs/Web/JavaScript/Reference/Errors/Missing_parenthesis_after_argument_list) для получения дополнительной информации об этой ошибке.
 
 ### SyntaxError: missing : after property id
 
@@ -209,7 +213,8 @@ function checkGuess( {
 
 При всех этих ошибках действуйте так, как в наших примерах, которые мы рассмотрели в пошаговом руководстве. Когда возникает ошибка, посмотрите полученный номер строки, перейдите к этой строке и посмотрите, можете ли вы определить, что случилось. Имейте в виду, что ошибка не обязательно будет на этой строке, а также, что ошибка может быть вызвана не такой же проблемой, которую мы привели выше!
 
-> **Примечание:** : Смотрите [SyntaxError: Unexpected token](/ru/docs/Web/JavaScript/Reference/Errors/Unexpected_token) и [SyntaxError: string literal contains an unescaped line break](/ru/docs/Web/JavaScript/Reference/Errors/String_literal_EOL) для получения более подробной информации об этих ошибках.
+> [!NOTE]
+> Смотрите [SyntaxError: Unexpected token](/ru/docs/Web/JavaScript/Reference/Errors/Unexpected_token) и [SyntaxError: string literal contains an unescaped line break](/ru/docs/Web/JavaScript/Reference/Errors/String_literal_EOL) для получения более подробной информации об этих ошибках.
 
 ## Резюме
 
diff --git a/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.md b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.md
index 860dc5140c051e..5587e8ac6190a1 100644
--- a/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.md
+++ b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.md
@@ -17,7 +17,8 @@ slug: Learn/JavaScript/Objects/Adding_bouncing_balls_features
 
 Для выполнения упражнения вы можете использовать сайт [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) или [Glitch](https://glitch.com/). Вы можете вставлять HTML, CSS и JavaScript-код в один из этих онлайн-редакторов. Если ваш онлайн-редактор не поддерживает раздельные панели для редактирования JavaScript/CSS кода, то вы можете встроить код в HTML с помощью тегов `<script>`/`<style>`.
 
-> **Примечание:** . Если у вас что-то не получается — попросите о помощи. Более подробная информация находится в секции [Assessment or further help](#assessment_or_further_help) в конце этой страницы.
+> [!NOTE]
+> Если у вас что-то не получается — попросите о помощи. Более подробная информация находится в секции [Assessment or further help](#assessment_or_further_help) в конце этой страницы.
 
 ## Краткое описание проекта
 
diff --git a/files/ru/learn/javascript/objects/basics/index.md b/files/ru/learn/javascript/objects/basics/index.md
index 892392ee60fbaa..c74d189c9dad8f 100644
--- a/files/ru/learn/javascript/objects/basics/index.md
+++ b/files/ru/learn/javascript/objects/basics/index.md
@@ -70,7 +70,8 @@ person.greeting();
 
 Как видите, наш объект содержит некоторые данные, а также несколько методов. У нас же с помощью простого синтаксиса есть доступ к ним.
 
-> **Примечание:** Если у вас возникли проблемы с применением файла в работе, попробуйте сравнить ваш код с нашей версией — см. [oojs-finished.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/introduction/oojs-finished.html) (также [see it running live](http://mdn.github.io/learning-area/javascript/oojs/introduction/oojs-finished.html)). Одна из распространённых ошибок, когда вы начинаете с объектами ставить запятую в конце последнего члена — это приводит к ошибке.
+> [!NOTE]
+> Если у вас возникли проблемы с применением файла в работе, попробуйте сравнить ваш код с нашей версией — см. [oojs-finished.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/introduction/oojs-finished.html) (также [see it running live](http://mdn.github.io/learning-area/javascript/oojs/introduction/oojs-finished.html)). Одна из распространённых ошибок, когда вы начинаете с объектами ставить запятую в конце последнего члена — это приводит к ошибке.
 
 Итак что здесь происходит? Объект состоит из нескольких элементов, каждый из которых имеет своё название (пример `name` и `age` выше), и значение (пример `['Bob', 'Smith']` и `32`). Каждая пара название/значение должны быть разделены запятой, а название и значение в каждом случае разделяются двоеточием. Синтаксис всегда следует этому образцу:
 
@@ -280,7 +281,8 @@ const myNotification = new Notification("Hello!");
 
 Опять же, мы рассмотрим конструкторы в следующей статье.
 
-> **Примечание:** Полезно подумать о том, как объекты взаимодействуют посредством передачи сообщений - когда объекту требуется другой объект для выполнения какого-либо действия, он часто отправляет сообщение другому объекту через один из его методов и ждёт ответа, который мы знаем как возвращаемое (return) значение.
+> [!NOTE]
+> Полезно подумать о том, как объекты взаимодействуют посредством передачи сообщений - когда объекту требуется другой объект для выполнения какого-либо действия, он часто отправляет сообщение другому объекту через один из его методов и ждёт ответа, который мы знаем как возвращаемое (return) значение.
 
 ## Резюме
 
diff --git a/files/ru/learn/javascript/objects/classes_in_javascript/index.md b/files/ru/learn/javascript/objects/classes_in_javascript/index.md
index 78537b13bd5e8f..7f74d2d407622f 100644
--- a/files/ru/learn/javascript/objects/classes_in_javascript/index.md
+++ b/files/ru/learn/javascript/objects/classes_in_javascript/index.md
@@ -41,7 +41,8 @@ Person.prototype.greeting = function () {
 };
 ```
 
-> **Примечание:** . В исходном коде вы также увидите определённые методы `bio()` и `farewell()`. Позже вы увидите, как они могут быть унаследованы другими конструкторами.
+> [!NOTE]
+> В исходном коде вы также увидите определённые методы `bio()` и `farewell()`. Позже вы увидите, как они могут быть унаследованы другими конструкторами.
 
 Скажем так, мы хотели создать класс `Teacher`, подобный тому, который мы описали в нашем первоначальном объектно-ориентированном определении, которое наследует всех членов от `Person`, но также включает в себя:
 
@@ -201,7 +202,8 @@ teacher1.farewell();
 
 Все должно работать нормально. Запросы в строках 1, 2, 3 и 6 унаследованные от общего конструктора `Person()` (класса). Запрос в строке 4 обращается к `subject`, доступному только для более специализированного конструктора (класса) `Teacher()`. Запрос в строке 5 получил бы доступ к методу `greeting()`, унаследованному от `Person()`, но `Teacher()` имеет свой собственный метод `greeting()` с тем же именем, поэтому запрос обращается к этому методу.
 
-> **Примечание:** . Если вам не удаётся заставить это работать, сравните свой код с нашей [готовой версией](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-inheritance-finished.html) (см. также [рабочее демо](http://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-inheritance-student.html)).
+> [!NOTE]
+> Если вам не удаётся заставить это работать, сравните свой код с нашей [готовой версией](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-inheritance-finished.html) (см. также [рабочее демо](http://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-inheritance-student.html)).
 
 Методика, которую мы здесь рассмотрели, - это не единственный способ создания наследующих классов в JavaScript, но он работает нормально и это даёт вам представление о том, как реализовать наследование в JavaScript.
 
@@ -213,7 +215,8 @@ teacher1.farewell();
 
 В нашем [руководстве по Объектно-ориентированному JavaScript для начинающих](/ru/docs/Learn/JavaScript/Objects/Object-oriented_JS#Object-oriented_programming_from_10000_meters) мы также включили класс `Student` как концепцию, которая наследует все особенности `Person`, а также имеет другой метод `greeting()` от `Person`, который гораздо более неформален, чем приветствие `Teacher`. Посмотрите, как выглядит приветствие ученика в этом разделе, и попробуйте реализовать собственный конструктор `Student()`, который наследует все функции `Person()` и реализует другую функцию `greeting()`.
 
-> **Примечание:** . Если вам не удаётся заставить это работать, сравните свой код с нашей [готовой версией](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-inheritance-student.html) (см. также [рабочее демо](http://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-inheritance-student.html)).
+> [!NOTE]
+> Если вам не удаётся заставить это работать, сравните свой код с нашей [готовой версией](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-inheritance-student.html) (см. также [рабочее демо](http://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-inheritance-student.html)).
 
 ## Object member summary
 
@@ -233,7 +236,8 @@ teacher1.farewell();
 
 Что касается использования наследования в вашем собственном коде, вы, вероятно, не будете часто его использовать, особенно для начала и в небольших проектах. Это пустая трата времени на использование объектов и наследование только ради этого, когда они вам не нужны. Но по мере того, как ваши базы кода становятся больше, вы с большей вероятностью найдёте необходимость в этом. Если вы начинаете создавать несколько объектов с подобными функциями, то создание универсального типа объекта, содержащего все общие функции и наследование этих функций в более специализированных типах объектов, может быть удобным и полезным.
 
-> **Примечание:** . Из-за того, как работает JavaScript, с цепочкой прототипов и т.д., совместное использование функций между объектами часто называется **делегированием**. Специализированные объекты делегируют функциональность универсальному типу объекта.
+> [!NOTE]
+> Из-за того, как работает JavaScript, с цепочкой прототипов и т.д., совместное использование функций между объектами часто называется **делегированием**. Специализированные объекты делегируют функциональность универсальному типу объекта.
 
 При использовании наследования вам рекомендуется не иметь слишком много уровней наследования и тщательно отслеживать, где вы определяете свои методы и свойства. Можно начать писать код, который временно изменяет прототипы встроенных объектов браузера, но вы не должны этого делать, если у вас нет действительно веской причины. Слишком много наследования могут привести к бесконечной путанице и бесконечной боли при попытке отладки такого кода.
 
diff --git a/files/ru/learn/javascript/objects/index.md b/files/ru/learn/javascript/objects/index.md
index 20848fb5aba356..f05a65b0d63394 100644
--- a/files/ru/learn/javascript/objects/index.md
+++ b/files/ru/learn/javascript/objects/index.md
@@ -13,7 +13,8 @@ slug: Learn/JavaScript/Objects
 
 Также вам необходимо знать основы JavaScript перед подробным изучением объектов JavaScript. Предварительно поработайте с разделами [Первые шаги в JavaScript](/ru/docs/Learn/JavaScript/First_steps) и [Структурные элементы в JavaScript](/ru/docs/Learn/JavaScript/Building_blocks) перед началом изучения данного модуля.
 
-> **Примечание:** Если вы работаете за компьютером/планшетом/другим устройством, на котором у вас нет возможности создавать собственные файлы, постарайтесь поработать с примерами кода на платформах онлайн-программирования, таких как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/).
+> [!NOTE]
+> Если вы работаете за компьютером/планшетом/другим устройством, на котором у вас нет возможности создавать собственные файлы, то можете поработать с примерами кода на платформах онлайн-программирования, таких как [JSBin](https://jsbin.com/) или [Glitch](https://glitch.com/).
 
 ## Руководства
 
diff --git a/files/ru/learn/javascript/objects/json/index.md b/files/ru/learn/javascript/objects/json/index.md
index 33537e1adbde0e..ae4ce4f6347a18 100644
--- a/files/ru/learn/javascript/objects/json/index.md
+++ b/files/ru/learn/javascript/objects/json/index.md
@@ -17,7 +17,8 @@ slug: Learn/JavaScript/Objects/JSON
 
 JSON существует как строка,что необходимо при передаче данных по сети. Он должен быть преобразован в собственный объект JavaScript, если вы хотите получить доступ к данным. Это не большая проблема. JavaScript предоставляет глобальный объект [JSON](/ru/docs/Web/JavaScript/Reference/Global_Objects/JSON), который имеет методы для преобразования между ними.
 
-> **Примечание:** Преобразование строки в родной объект называется десериализацией (преобразование из последовательной формы в параллельную*)*, в то время как преобразовании родного объекта в строку, таким образом ,чтобы он мог быть передан через сеть, называется сериализацией(преобразование в последовательную форму).
+> [!NOTE]
+> Преобразование строки в родной объект называется десериализацией (преобразование из последовательной формы в параллельную*)*, в то время как преобразовании родного объекта в строку, таким образом ,чтобы он мог быть передан через сеть, называется сериализацией(преобразование в последовательную форму).
 
 Объект JSON может быть сохранён в собственном файле, который в основном представляет собой текстовый файл с расширением `.json` и {{glossary("MIME type")}} `application/json`.
 
@@ -84,7 +85,8 @@ superHeroes["members"][1]["powers"][2];
 4. Внутри этого объекта мы хотим получить доступ к свойству `powers`, поэтому мы используем `['powers']`.
 5. Внутри свойства `powers` находится массив, содержащий сверхспособности выбранного героя. Нам нужен третий, поэтому мы используем `[2]`.
 
-> **Примечание:** . Мы сделали JSON, видимый выше, доступным внутри переменной в нашем примере [JSONTest.html](http://mdn.github.io/learning-area/javascript/oojs/json/JSONTest.html) (см. [исходный код](https://github.com/mdn/learning-area/blob/master/javascript/oojs/json/JSONTest.html)). Попробуйте загрузить это, а затем получить доступ к данным внутри переменной через консоль JavaScript вашего браузера.
+> [!NOTE]
+> Мы сделали JSON, видимый выше, доступным внутри переменной в нашем примере [JSONTest.html](http://mdn.github.io/learning-area/javascript/oojs/json/JSONTest.html) (см. [исходный код](https://github.com/mdn/learning-area/blob/master/javascript/oojs/json/JSONTest.html)). Попробуйте загрузить это, а затем получить доступ к данным внутри переменной через консоль JavaScript вашего браузера.
 
 ### Массивы как JSON
 
@@ -268,9 +270,11 @@ function showHeroes(jsonObj) {
 5. Используем другой цикл `for`, чтобы прокрутить сверхспособности текущего героя , для каждого из них мы создаём элемент `<li>`, помещаем в него сверхспособности, а затем помещаем `listItem` внутри элемента `<ul>` (`myList`) с помощью `appendChild()`.
 6. Последнее, что мы делаем, это добавляем `<h2>`, `<p>` и `<ul>` внутри `<article>` (`myArticle`), а затем добавляем `<article>` в `<section>`. Важное значение имеет порядок, в котором добавляются элементы, так как это порядок, который они будут отображать внутри HTML.
 
-> **Примечание:** . Если вам не удаётся заставить этот пример работать, попробуйте обратиться к нашему исходному коду [heroes-finished.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/json/heroes-finished.html) (см. также он работает [в режиме live](https://mdn.github.io/learning-area/javascript/oojs/json/heroes-finished.html)).
+> [!NOTE]
+> Если вам не удаётся заставить этот пример работать, попробуйте обратиться к нашему исходному коду [heroes-finished.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/json/heroes-finished.html) (см. также он работает [в режиме live](https://mdn.github.io/learning-area/javascript/oojs/json/heroes-finished.html)).
 
-> **Примечание:** . Если у вас возникли проблемы после нотации точек / скобок, которые мы используем для доступа к объекту JavaScript, в этом поможет открытие файла [superheroes.json](http://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json) на другой вкладке или в текстовом редакторе ,и обращаться к нему каждый раз, когда вам нужен JavaScript. Вы также можете обратиться к нашей статье [JavaScript objectbasics](/ru/docs/Learn/JavaScript/Objects/Basics) чтобы получить дополнительную информацию о нотации точек и скобок.
+> [!NOTE]
+> Если у вас возникли проблемы после нотации точек / скобок, которые мы используем для доступа к объекту JavaScript, в этом поможет открытие файла [superheroes.json](http://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json) на другой вкладке или в текстовом редакторе ,и обращаться к нему каждый раз, когда вам нужен JavaScript. Вы также можете обратиться к нашей статье [JavaScript objectbasics](/ru/docs/Learn/JavaScript/Objects/Basics) чтобы получить дополнительную информацию о нотации точек и скобок.
 
 ## Преобразование между объектами и текстом
 
diff --git a/files/ru/learn/javascript/objects/object_building_practice/index.md b/files/ru/learn/javascript/objects/object_building_practice/index.md
index 18126ab12d0abe..acaeee7859ae8e 100644
--- a/files/ru/learn/javascript/objects/object_building_practice/index.md
+++ b/files/ru/learn/javascript/objects/object_building_practice/index.md
@@ -272,7 +272,8 @@ Ball.prototype.update = function () {
 
 3. Сохраните и обновите демо снова, и вы увидите, как ваши мячи меняют цвет, когда они сталкиваются!
 
-> **Примечание:** . Если вам не удаётся заставить этот пример работать, попробуйте сравнить код JavaScript с нашей [готовой версией](https://github.com/mdn/learning-area/blob/master/javascript/oojs/bouncing-balls/main-finished.js) (также смотрите, как он работает [в прямом эфире](https://mdn.github.io/learning-area/javascript/oojs/bouncing-balls/index-finished.html)).
+> [!NOTE]
+> Если вам не удаётся заставить этот пример работать, попробуйте сравнить код JavaScript с нашей [готовой версией](https://github.com/mdn/learning-area/blob/master/javascript/oojs/bouncing-balls/main-finished.js) (также смотрите, как он работает [в прямом эфире](https://mdn.github.io/learning-area/javascript/oojs/bouncing-balls/index-finished.html)).
 
 ## Резюме
 
diff --git a/files/ru/learn/javascript/objects/object_prototypes/index.md b/files/ru/learn/javascript/objects/object_prototypes/index.md
index 658d1a83b96b12..e24d5f0f796674 100644
--- a/files/ru/learn/javascript/objects/object_prototypes/index.md
+++ b/files/ru/learn/javascript/objects/object_prototypes/index.md
@@ -17,7 +17,8 @@ JavaScript часто описывают как язык **прототипно
 
 В JavaScript создаётся связь между экземпляром объекта и его прототипом (свойство `__proto__`, которое является производным от свойства `prototype` конструктора), а свойства и методы обнаруживаются при переходе по цепочке прототипов.
 
-> **Примечание:** Важно понимать, что существует различие между прототипом объекта (который доступен через [`Object.getPrototypeOf(obj)`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf) или через устаревшее свойство [`__proto__`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/proto)) и свойством `prototype` в функциях-конструкторах. Первое свойство является свойством каждого экземпляра, а второе - свойством конструктора. То есть `Object.getPrototypeOf(new Foobar())` относится к тому же объекту, что и `Foobar.prototype`.
+> [!NOTE]
+> Важно понимать, что существует различие между прототипом объекта (который доступен через [`Object.getPrototypeOf(obj)`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf) или через устаревшее свойство [`__proto__`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/proto)) и свойством `prototype` в функциях-конструкторах. Первое свойство является свойством каждого экземпляра, а второе - свойством конструктора. То есть `Object.getPrototypeOf(new Foobar())` относится к тому же объекту, что и `Foobar.prototype`.
 
 Давайте посмотрим на пример, чтобы стало понятнее.
 
@@ -65,12 +66,6 @@ person1.valueOf();
 - Сначала браузер проверяет, имеет ли объект `person1` доступный в нем метод `valueOf()`, как определено в его конструкторе `Person()`.
 - Это не так, поэтому следующим шагом браузер проверяет, имеет ли прототип объекта (`Object()`) конструктора `Person()` доступный в нем метод `valueOf()`. Так оно и есть, поэтому он вызывается, и все хорошо!
 
-> **Примечание:** Мы хотим повторить, что методы и свойства **не** копируются из одного объекта в другой в цепочке прототипов - к ним обращаются, поднимаясь по цепочке, как описано выше.
-
-> **Примечание:** Официально нет способа получить доступ к объекту прототипа объекта напрямую - «ссылки» между элементами в цепочке определены во внутреннем свойстве, называемом `[[prototype]]` в спецификации для языка JavaScript ( см. {{glossary("ECMAScript")}}). Однако у большинства современных браузеров есть свойство, доступное для них под названием [`__proto__`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/proto) (это 2 подчёркивания с обеих сторон), который содержит объект-прототип объекта-конструктора. Например, попробуйте `person1.__proto__` и `person1.__proto__.__proto__`, чтобы увидеть, как выглядит цепочка в коде!
->
-> С ECMAScript 2015 вы можете косвенно обращаться к объекту прототипа объекта `Object.getPrototypeOf (obj)`.
-
 ## Свойство prototype: Где определены унаследованные экземпляры
 
 Итак, где определены наследуемые свойства и методы? Если вы посмотрите на страницу со ссылкой [`Object`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object), вы увидите в левой части большое количество свойств и методов - это намного больше, чем количество унаследованных членов, доступных для объекта `person1`. Некоторые из них унаследованы, а некоторые нет - почему это?
@@ -81,8 +76,6 @@ person1.valueOf();
 
 [`Object.is()`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/is), [`Object.keys()`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/keys) и другие члены, не определённые в контейнере `prototype`, не наследуются экземплярами объектов или типами объектов, которые наследуются от `Object.prototype`. Это методы / свойства, доступные только в конструкторе `Object()`.
 
-> **Примечание:** Это кажется странным - как у вас есть метод, определённый для конструктора, который сам по себе является функцией? Ну, функция также является типом объекта - см. Ссылку на конструктор [`Function()`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Function), если вы нам не верите.
-
 1. Вы можете проверить существующие свойства прототипа для себя - вернитесь к нашему предыдущему примеру и попробуйте ввести следующее в консоль JavaScript:
 
    ```js
@@ -125,54 +118,6 @@ var myString = "This is my string.";
 
 Это вернёт объект person1.
 
-## Свойство constructor
-
-Каждая функция-конструктор имеет свойство `prototype`, значением которого является объект, содержащий свойство [`constructor`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor). Это свойство `constructor` указывает на исходную функцию-конструктор. Как вы увидите в следующем разделе, свойства, определённые в свойстве `Person.prototype` (или в общем случае в качестве свойства прототипа функции конструктора, который является объектом, как указано в предыдущем разделе) становятся доступными для всех объектов экземпляра, созданных с помощью конструктор `Person()`. Следовательно, свойство конструктора также доступно для объектов `person1` и `person2`.
-
-1. Например, попробуйте эти команды в консоли:
-
-   ```js
-   person1.constructor;
-   person2.constructor;
-   ```
-
-   Они должны возвращать конструктор `Person()`, поскольку он содержит исходное определение этих экземпляров.
-
-   Хитрый трюк заключается в том, что вы можете поместить круглые скобки в конец свойства `constructor` (содержащие любые требуемые параметры) для создания другого экземпляра объекта из этого конструктора. Конструктор - это функция в конце концов, поэтому её можно вызвать с помощью круглых скобок; вам просто нужно включить ключевое слово `new`, чтобы указать, что вы хотите использовать эту функцию в качестве конструктора.
-
-2. Попробуйте это в консоли:
-
-   ```js
-   var person3 = new person1.constructor("Karen", "Stephenson", 26, "female", [
-     "playing drums",
-     "mountain climbing",
-   ]);
-   ```
-
-3. Теперь попробуйте получить доступ к функциям вашего нового объекта, например:
-
-   ```js
-   person3.name.first;
-   person3.age;
-   person3.bio();
-   ```
-
-Это хорошо работает. Вам не нужно будет использовать его часто, но это может быть действительно полезно, если вы хотите создать новый экземпляр и не имеете ссылки на исходный конструктор, который легко доступен по какой-либо причине.
-
-Свойство [`constructor`](/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor) имеет другие применения. Например, если у вас есть экземпляр объекта и вы хотите вернуть имя конструктора этого экземпляра, вы можете использовать следующее:
-
-```js
-instanceName.constructor.name;
-```
-
-Например, попробуйте это:
-
-```js
-person1.constructor.name;
-```
-
-> **Примечание:** Значение `constructor.name` может измениться (из-за прототипического наследования, привязки, препроцессоров, транспилеров и т. д.), Поэтому для более сложных примеров вы захотите использовать оператор [`instanceof`](/ru/docs/Web/JavaScript/Reference/Operators/instanceof).
-
 ## Изменение прототипов
 
 Давайте рассмотрим пример изменения свойства `prototype` функции-конструктора — методы, добавленные в прототип, затем доступны для всех экземпляров объектов, созданных из конструктора.
@@ -213,8 +158,6 @@ Person.prototype.farewell = function () {
 
 Но метод `farewell()` _по-прежнему_ доступен в экземпляре объекта `person1` - его элементы были автоматически обновлены, чтобы включить недавно определённый метод `farewell()`.
 
-> **Примечание:** Если у вас возникли проблемы с получением этого примера для работы, посмотрите на наш пример [oojs-class-prototype.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-prototype.html) (см. также это [running live](http://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-prototype.html)).
-
 Вы редко увидите свойства, определённые в свойстве `prototype`, потому что они не очень гибки при таком определении. Например, вы можете добавить свойство следующим образом:
 
 ```js