final cleanup regexps

10-regular-expressions-javascript/9-regexp-alternation/1-find-programming-language/solution.md

@@ -0,0 +1,36 @@
+Сначала неправильный способ.
+
+Если перечислить языки один за другим через `|`, то получится совсем не то:
+
+```js
+//+ run
+var reg = /Java|JavaScript|PHP|C|C\+\+/g;
+
+var str = "Java, JavaScript, PHP, C, C++";
+
+alert( str.match(reg) ); // Java,Java,PHP,C,C
+```
+
+Как видно, движок регулярных выражений ищет альтернации в порядке их перечисления. То есть, он сначала смотрит, есть ли <code class="match">Java</code>, а если нет -- ищет <code class="match">JavaScript</code>.
+
+Естественно, при этом <code class="match">JavaScript</code> не будет найдено никогда. 
+
+То же самое -- с языками <code class="match">C</code> и <code class="match">C++</code>.
+
+Есть два решения проблемы:
+
+<ol>
+<li>Поменять порядок, чтобы более длинное совпадение проверялось первым: <code class="pattern">JavaScript|Java|C\+\+|C|PHP</code>.</li>
+<li>Соединить длинный вариант с коротким: <code class="pattern">Java(Script)?|C(\+\+)?|PHP</code>.</li>
+</ol>
+
+В действии:
+
+```js
+//+ run
+var reg = /Java(Script)?|C(\+\+)?|PHP/g;
+
+var str = "Java, JavaScript, PHP, C, C++";
+
+alert( str.match(reg) ); // Java,JavaScript,PHP,C,C++
+```

10-regular-expressions-javascript/9-regexp-alternation/1-find-programming-language/task.md

@@ -0,0 +1,6 @@
+# Найдите языки программирования
+
+Существует много языков программирования, например Java, JavaScript, PHP, C, C++.
+
+Напишите регулярное выражение, которое найдёт их все в строке "Java JavaScript PHP C++ C"
+

10-regular-expressions-javascript/9-regexp-alternation/2-match-quoted-string/solution.md

@@ -0,0 +1,19 @@
+Решение задачи: <code class="pattern">/"(\\.|[^"\\])*"/g</code>.
+
+То есть:
+<ul>
+<li>Сначала ищем кавычку <code class="pattern">"</code></li>
+<li>Затем, если далее слэш <code class="pattern">\\</code> (удвоение слэша -- техническое, для вставки в регэксп, на самом деле там один слэш), то после него также подойдёт любой символ (точка).</li>
+<li>Если не слэш, то берём любой символ, кроме кавычек (которые будут означать конец строки) и слэша (чтобы предотвратить одинокие слэши, сам по себе единственный слэш не нужен, он должен экранировать какой-то символ) <code class="pattern">[^"\\]</code></li>
+<li>...И так жадно, до закрывающей кавычки.</li>
+</ul>
+
+В действии:
+
+```js
+//+ run
+var re = /"(\\.|[^"\\])*"/g;
+var str = '.. "test me" .. "Скажи \\"Привет\\"!" .. "\\r\\n\\\\" ..';
+
+alert( str.match(re) ); // "test me","Скажи \"Привет\"!","\r\n\\"
+```

10-regular-expressions-javascript/9-regexp-alternation/2-match-quoted-string/task.md

@@ -0,0 +1,26 @@
+# Найдите строки в кавычках
+
+Найдите в тексте при помощи регэкспа строки в двойных кавычках <code class="subject">"..."</code>.
+
+В строке поддерживается экранирование при помощи слеша -- примерно в таком же виде, как в обычных строках JavaScript. То есть, строка может содержать любые символы, экранированные слэшем, в частности: <code class="subject">\"</code>, <code class="subject">\n</code>, и даже сам слэш в экранированном виде: <code class="subject">\\</code>. 
+
+Здесь особо важно, что двойная кавычка после слэша не оканчивает строку, а считается её частью. В этом и состоит основная сложность задачи, которая без этого условия была бы элементарной.
+
+Пример совпадающих строк:
+```js
+.. *!*"test me"*/!* ..  (обычная строка)
+.. *!*"Скажи \"Привет\"!"*/!* ... (строка с кавычками внутри)
+.. *!*"\r\n\\"*/!* ..  (строка со спец. символами и слэшем внутри)
+```
+
+Заметим, что в JavaScript такие строки удобнее всего задавать в одинарных кавычках, и слеши придётся удвоить (в одинарных кавычках они являются экранирующими символами):
+
+Пример задания тестовой строки в JavaScript:
+```js
+//+ run
+var str = ' .. "test me" .. "Скажи \\"Привет\\"!" .. "\\r\\n\\\\" .. '; 
+
+// эта строка будет такой:
+alert(str); //  .. "test me" .. "Скажи \"Привет\"!" .. "\r\n\\" .. 
+```
+

10-regular-expressions-javascript/9-regexp-alternation/3-match-exact-tag/solution.md

@@ -0,0 +1,18 @@
+
+Начало шаблона очевидно: ``pattern`<style`.
+
+А вот дальше... Мы не можем написать просто ``pattern`<style.*?>`, так как ``match`<styler>` удовлетворяет этому регэкспу.
+
+Нужно уточнить его. После ``match`<style` должен быть либо пробел, после которого может быть что-то ещё, либо закрытие тега.
+
+На языке регэкспов: ``pattern`<style(>|\s.*?>)`.
+
+В действии:
+
+```js
+//+ run
+var re = /<style(>|\s.*?>)/g;
+
+alert( "<style> <styler> <style test>".match(re) ); // <style>, <style test>
+```
+

10-regular-expressions-javascript/9-regexp-alternation/3-match-exact-tag/task.md

@@ -0,0 +1,14 @@
+# Найдите тег style
+
+Напишите регулярное выражение, которое будет искать в тексте тег `<style>`. Подходят как обычный тег `<style>`, так и вариант с атрибутами `<style type="...">`. 
+
+Но регулярное выражение не должно находить `<styler>`!
+
+Использование:
+
+```js
+var re = ваш регэксп
+
+alert( "<style> <styler> <style test>".match(re) ); // <style>, <style test>
+```
+

10-regular-expressions-javascript/9-regexp-alternation/article.md

@@ -0,0 +1,26 @@
+# Альтернация (или) | 
+
+Альтернация -- термин в регулярных выражениях, которому в русском языке соответствует слово "ИЛИ". Она обозначается символом вертикальной черты <code class="pattern">|</code> и позволяет выбирать между вариантами.
+
+[cut]
+
+Например, нам нужно найти языки программирования: HTML, PHP, Java и JavaScript.
+
+Соответствующее регулярное выражение: <code class="pattern">html|php|java(script)?</code>.
+
+Пример использования:
+
+```js
+//+ run
+var reg = /html|php|css|java(script)?/gi
+
+var str = "Сначала появился HTML, затем CSS, потом JavaScript"
+
+alert( str.match(reg) ) // 'HTML', 'CSS', 'JavaScript'
+```
+
+Мы уже знаем похожую вещь -- квадратные скобки. Они позволяют выбирать между символами, например <code class="pattern">gr[ae]y</code> найдёт <code class="match">gray</code>, либо <code class="match">grey</code>.
+
+Альтернация работает уже не посимвольно, а на уровне фраз и подвыражений. Регэксп <code class="pattern">A|B|C</code> обозначает поиск одного из выражений: `A`, `B` или `C`, причём в качестве выражений могут быть другие, сколь угодно сложные регэкспы.
+
+Для указания границ альтернации используют скобки `(...)`, например: <code class="pattern">before(XXX|YYY)after</code> будет искать <code class="match">beforeXXXafter</code> или <code class="match">beforeYYYafter</code>.