👾 smth

Rnbsov · web-flow · commit d98f2abba4e5 · 2022-06-07T13:26:50.000+06:00
diff --git a/5-network/05-fetch-crossorigin/1-do-we-need-origin/solution.md b/5-network/05-fetch-crossorigin/1-do-we-need-origin/solution.md
@@ -1,6 +1,6 @@
 Нам нужен `Origin`, потому что иногда `Referer` отсутствует. Например, когда мы запрашиваем через `fetch` HTTP-страницу с HTTPS (менее безопасный доступ с более безопасного), то `Referer` нет.
 
-[Content Security Policy](http://en.wikipedia.org/wiki/Content_Security_Policy) (политика безопасности содержимого) может запретить отправление `Referer`.
+[Content Security Policy](https://en.wikipedia.org/wiki/Content_Security_Policy) (политика безопасности содержимого) может запретить отправление `Referer`.
 
 Как мы увидим позже, у `fetch` есть опции, которые предотвращают отправку `Referer` и даже позволяют изменять его (в пределах того же сайта).
 
diff --git a/5-network/05-fetch-crossorigin/article.md b/5-network/05-fetch-crossorigin/article.md
@@ -106,10 +106,10 @@ CORS существует для защиты интернета от злых 
 
 Простые запросы будут попроще, поэтому давайте начнём с них.
 
-[Простой запрос](http://www.w3.org/TR/cors/#terminology) - это запрос, удовлетворяющий следующим условиям:
+[Простой запрос](https://www.w3.org/TR/cors/#terminology) - это запрос, удовлетворяющий следующим условиям:
 
-1. [Простой метод](http://www.w3.org/TR/cors/#simple-method): GET, POST или HEAD
-2. [Простые заголовки](http://www.w3.org/TR/cors/#simple-header) -- разрешены только:
+1. [Простой метод](https://www.w3.org/TR/cors/#simple-method): GET, POST или HEAD
+2. [Простые заголовки](https://www.w3.org/TR/cors/#simple-header) -- разрешены только:
     - `Accept`,
     - `Accept-Language`,
     - `Content-Language`,
@@ -349,7 +349,7 @@ Access-Control-Allow-Credentials: true
 
 С точки зрения браузера запросы к другому источнику бывают двух видов: "простые" и все остальные.
 
-[Простые запросы](http://www.w3.org/TR/cors/#terminology) должны удовлетворять следующим условиям:
+[Простые запросы](https://www.w3.org/TR/cors/#terminology) должны удовлетворять следующим условиям:
 - Метод: GET, POST или HEAD.
 - Заголовки -- мы можем установить только:
     - `Accept`
diff --git a/5-network/08-xmlhttprequest/article.md b/5-network/08-xmlhttprequest/article.md
@@ -268,7 +268,7 @@ try {
 
     ```warn header="Ограничения на заголовки"
     Некоторые заголовки управляются исключительно браузером, например `Referer` или `Host`, а также ряд других.
-    Полный список [тут](http://www.w3.org/TR/XMLHttpRequest/#the-setrequestheader-method).
+    Полный список [тут](https://www.w3.org/TR/XMLHttpRequest/#the-setrequestheader-method).
 
     `XMLHttpRequest` не разрешено изменять их ради безопасности пользователей и для обеспечения корректности HTTP-запроса.
     ```
@@ -506,7 +506,7 @@ xhr.onerror = function() {
 };
 ```
 
-Событий на самом деле больше, в [современной спецификации](http://www.w3.org/TR/XMLHttpRequest/#events) они все перечислены в том порядке, в каком генерируются во время запроса:
+Событий на самом деле больше, в [современной спецификации](https://www.w3.org/TR/XMLHttpRequest/#events) они все перечислены в том порядке, в каком генерируются во время запроса:
 
 - `loadstart` -- начало запроса.
 - `progress` -- прибыла часть данных ответа, тело ответа полностью на данный момент можно получить из свойства `responseText`.
diff --git a/5-network/11-websocket/article.md b/5-network/11-websocket/article.md
@@ -119,7 +119,7 @@ Sec-WebSocket-Accept: hsBlbuDTkk24srzEOTBUlZAlC2g=
 
 - `Sec-WebSocket-Extensions: deflate-frame` означает, что браузер поддерживает сжатие данных. Расширение -- это что-то, связанное с передачей данных, расширяющее сам протокол WebSocket. Заголовок `Sec-WebSocket-Extensions` отправляется браузером автоматически со списком всевозможных расширений, которые он поддерживает.
 
-- `Sec-WebSocket-Protocol: soap, wamp` означает, что мы будем передавать не только произвольные данные, но и данные в протоколах [SOAP](http://en.wikipedia.org/wiki/SOAP) или WAMP (The WebSocket Application Messaging Protocol" -- "протокол обмена сообщениями WebSocket приложений"). То есть, этот заголовок описывает не передачу, а формат данных, который мы собираемся использовать. Официальные подпротоколы WebSocket регистрируются в [каталоге IANA](http://www.iana.org/assignments/websocket/websocket.xml).
+- `Sec-WebSocket-Protocol: soap, wamp` означает, что мы будем передавать не только произвольные данные, но и данные в протоколах [SOAP](https://en.wikipedia.org/wiki/SOAP) или WAMP (The WebSocket Application Messaging Protocol" -- "протокол обмена сообщениями WebSocket приложений"). То есть, этот заголовок описывает не передачу, а формат данных, который мы собираемся использовать. Официальные подпротоколы WebSocket регистрируются в [каталоге IANA](http://www.iana.org/assignments/websocket/websocket.xml).
 
     Этот необязательный заголовок ставим мы сами, передавая массив подпротоколов вторым параметром `new WebSocket`, вот так:
 
diff --git a/7-animation/1-bezier-curve/article.md b/7-animation/1-bezier-curve/article.md
@@ -49,7 +49,7 @@
 
 ## Алгоритм "де Кастельжо"
 
-Есть математическая формула для кривых Безье, но давайте рассмотрим её чуть позже, потому что [Алгоритм де Кастельжо](http://ru.wikipedia.org/wiki/%D0%90%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC_%D0%B4%D0%B5_%D0%9A%D0%B0%D1%81%D1%82%D0%B5%D0%BB%D1%8C%D0%B6%D0%BE) идентичен математическому определению кривой и наглядно показывает, как она строится.
+Есть математическая формула для кривых Безье, но давайте рассмотрим её чуть позже, потому что [Алгоритм де Кастельжо](https://ru.wikipedia.org/wiki/%D0%90%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC_%D0%B4%D0%B5_%D0%9A%D0%B0%D1%81%D1%82%D0%B5%D0%BB%D1%8C%D0%B6%D0%BE) идентичен математическому определению кривой и наглядно показывает, как она строится.
 
 Рассмотрим его на примере трёх точек (точки 1,2 и 3 можно двигать). Нажатие на кнопку "play" запустит демонстрацию.
 
diff --git a/7-animation/2-css-animations/article.md b/7-animation/2-css-animations/article.md
@@ -76,11 +76,11 @@ growing.onclick = function() {
 
 В `transition-property` записывается список свойств, изменения которых необходимо анимировать, например: `left`, `margin-left`, `height`, `color`.
 
-Анимировать можно не все свойства, но [многие из них](http://www.w3.org/TR/css3-transitions/#animatable-properties-). Значение свойства `all` означает "анимируй все свойства".
+Анимировать можно не все свойства, но [многие из них](https://www.w3.org/TR/css3-transitions/#animatable-properties-). Значение свойства `all` означает "анимируй все свойства".
 
 ## transition-duration
 
-В `transition-duration` можно определить, сколько времени займёт анимация. Время должно быть задано в [формате времени CSS](http://www.w3.org/TR/css3-values/#time): в секундах `s` или миллисекундах `ms`.
+В `transition-duration` можно определить, сколько времени займёт анимация. Время должно быть задано в [формате времени CSS](https://www.w3.org/TR/css3-values/#time): в секундах `s` или миллисекундах `ms`.
 
 ## transition-delay
 
@@ -254,7 +254,7 @@ CSS:
 
 Это, конечно, "мягкий" вариант. Если значение `y` будут `-99` и `99`, то поезд будет гораздо сильнее "выпрыгивать" за пределы.
 
-Как сделать кривую Безье необходимую для конкретной задачи? Существует множество инструментов, например можно использовать с сайта <http://cubic-bezier.com/>.
+Как сделать кривую Безье необходимую для конкретной задачи? Существует множество инструментов, например можно использовать с сайта <https://cubic-bezier.com/>.
 
 ### Шаги
 
diff --git a/7-animation/3-js-animation/article.md b/7-animation/3-js-animation/article.md
@@ -79,7 +79,7 @@ setInterval(animate3, 20);
 
 Существует ещё одна вещь, про которую надо помнить: когда CPU перегружен или есть другие причины делать перерисовку реже (например, когда вкладка браузера скрыта), нам не следует делать её каждые `20ms`.
 
-Но как нам узнать об этом в JavaScript? Спецификация [Animation timing](http://www.w3.org/TR/animation-timing/) описывает функцию `requestAnimationFrame`, которая решает все описанные проблемы и делает даже больше.
+Но как нам узнать об этом в JavaScript? Спецификация [Animation timing](https://www.w3.org/TR/animation-timing/) описывает функцию `requestAnimationFrame`, которая решает все описанные проблемы и делает даже больше.
 
 Синтаксис:
 ```js
diff --git a/9-regular-expressions/03-regexp-unicode/article.md b/9-regular-expressions/03-regexp-unicode/article.md
@@ -36,7 +36,7 @@ alert('𝒳'.length); // 2
 ```warn header="Не поддерживается в некоторых старых браузерах"
 Несмотря на то, что это часть стандарта с 2018 года, Юникодные свойства не поддерживаются в Firefox до 78 версии и в Edge до 79 версии.
 
-Существует библиотека [XRegExp](http://xregexp.com), которая реализует "расширенные" регулярные выражения с кросс-браузерной поддержкой Юникодных свойств.
+Существует библиотека [XRegExp](https://xregexp.com), которая реализует "расширенные" регулярные выражения с кросс-браузерной поддержкой Юникодных свойств.
 ```
 
 Каждому символу в кодировке Юникод соответствует множество свойств. Они описывают к какой "категории" относится символ, содержат различную информацию о нём.
diff --git a/9-regular-expressions/08-regexp-character-sets-and-ranges/article.md b/9-regular-expressions/08-regexp-character-sets-and-ranges/article.md
@@ -93,7 +93,7 @@ alert( str.match(regexp) ); // H,i,你,好,1,2
 Конечно, этот шаблон можно адаптировать: добавить Юникодные свойства или убрать. Более подробно о них было рассказано в главе <info:regexp-unicode>.
 
 ```warn header="Юникодные свойства не работают в некоторых старых браузерах"
-Поддержка Юникодных свойств `pattern:p{…}` была добавлена в Edge и Firefox относительно недавно. Если нужно реализовать поддержку `pattern:p{…}` для устаревших версий этих браузеров, можно использовать библиотеку [XRegExp](http://xregexp.com/).
+Поддержка Юникодных свойств `pattern:p{…}` была добавлена в Edge и Firefox относительно недавно. Если нужно реализовать поддержку `pattern:p{…}` для устаревших версий этих браузеров, можно использовать библиотеку [XRegExp](https://xregexp.com/).
 
 Или же использовать диапазоны символов в интересующем нас языке, например `pattern:[а-я]` для кириллицы.
 ```
diff --git a/9-regular-expressions/15-regexp-catastrophic-backtracking/article.md b/9-regular-expressions/15-regexp-catastrophic-backtracking/article.md
@@ -265,7 +265,7 @@ alert( "JavaScript".match(/(?=(\w+))\1Script/)); // null
 Внутрь `pattern:(?=(\w+))\1` можно вместо `pattern:\w` вставить и более сложное регулярное выражение, при поиске которого квантификатор `pattern:+` не должен делать возврат.
 
 ```smart
-Больше о связи захватывающих квантификаторов и опережающей проверки вы можете найти в статьях [Regex: Emulate Atomic Grouping (and Possessive Quantifiers) with LookAhead](http://instanceof.me/post/52245507631/regex-emulate-atomic-grouping-with-lookahead) и [Mimicking Atomic Groups](http://blog.stevenlevithan.com/archives/mimic-atomic-groups).
+Больше о связи захватывающих квантификаторов и опережающей проверки вы можете найти в статьях [Regex: Emulate Atomic Grouping (and Possessive Quantifiers) with LookAhead](https://instanceof.me/post/52245507631/regex-emulate-atomic-grouping-with-lookahead) и [Mimicking Atomic Groups](https://blog.stevenlevithan.com/archives/mimic-atomic-groups).
 ```
 
 Перепишем исходный пример, используя опережающую проверку для запрета возврата:
diff --git a/99-archive/004-unselectable/article.md b/99-archive/004-unselectable/article.md
@@ -23,7 +23,7 @@ archive:
 <span ondblclick="alert('двойной клик!')">Текст</span>
 ```
 
-Чтобы избежать выделения, мы должны предотвратить действие браузера по умолчанию для события [selectstart](http://msdn.microsoft.com/en-us/library/ms536969%28VS.85%29.aspx) в IE и `mousedown` в других браузерах.
+Чтобы избежать выделения, мы должны предотвратить действие браузера по умолчанию для события [selectstart](https://developer.mozilla.org/en-US/docs/Web/API/Document/selectstart_event) в IE и `mousedown` в других браузерах.
 
 Полный код элемента, который обрабатывает двойной клик без выделения:
 
