renovvations

1-js/1-getting-started/1-intro/article.md

@@ -22,14 +22,14 @@
 JavaScript может выполняться не только в браузере, а где угодно, нужна лишь специальная программа -- [интерпретатор](http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BF%D1%80%D0%B5%D1%82%D0%B0%D1%82%D0%BE%D1%80). Процесс выполнения скрипта называют "интерпретацией".
 
 [smart header="Компиляция и интерпретация, для программистов"]
-Строго говоря, для выполнения программ существуют "компиляторы" и "интерпретаторы". 
+Для выполнения произвольных программ, не  существуют два способа: "компиляция" и "интерпретация". 
 
 <ul>
-<li>*Компиляторы* преобразуют программу в машинный код. Этот машинный код затем распространяется и запускается.</li>
-<li>*Интерпретаторы*, в частности, встроенный JS-интерпретатор браузера -- получают программу в виде исходного кода. При этом распространяется именно сам исходный код (скрипт).</li>
+<li>*Компиляция* -- это когда исходный код программы, при помощи специального инструмента, другой программы, которая называется "компилятор", преобразуется в другой язык, как правило -- в машинный код. Этот машинный код затем распространяется и запускается. При этом исходный код программы остаётся у разработчика.</li>
+<li>*Интерпретаторы*, в частности, встроенный JS-интерпретатор браузера -- получают программу в виде исходного кода и выполняют "как есть". При этом распространяется именно сам исходный код (скрипт).</li>
 </ul>
 
-Современные интерпретаторы перед выполнением преобразуют JavaScript в машинный код или близко к нему, а уже затем выполняют. Поэтому JavaScript в них работает очень быстро.
+Современные интерпретаторы перед выполнением преобразуют JavaScript в машинный код или близко к нему, оптимизируют, а уже затем выполняют. И даже во время выполнения стараются оптимизировать. Поэтому JavaScript работает очень быстро.
 [/smart]
 
 Во все основные браузеры встроен интерпретатор JavaScript, именно поэтому они могут выполнять скрипты на странице.

2-ui/1-document/12-multi-insert/article.md

@@ -54,7 +54,7 @@ document.body.appendChild(ul); // затем в документ
   
 <table id="bench-table"></table>
 
-Код для тестов находится в файле [](insert-bench.js).
+Код для тестов находится в файле [insert-bench.js](insert-bench.js).
 
 [/online]
 ## Добавление множества узлов

2-ui/1-document/14-styles-and-classes/article.md

@@ -2,18 +2,18 @@
 
 Эта глава -- о свойствах стиля, получении о них информации и изменении при помощи JavaScript.
  	 	
-Перед прочтением убедитесь, что хорошо знакомы с <a href="http://www.w3.org/TR/CSS2/box.html">блочной моделью CSS</a> и понимаете, что такое `padding`, `margin`, `border`.
+Перед прочтением убедитесь, что хорошо знакомы с [блочной моделью CSS](http://www.w3.org/TR/CSS2/box.html) и понимаете, что такое `padding`, `margin`, `border`.
  	 	
 [cut]
 
-## Объект стилей style   
+## Стили элемента: свойство style   
 
 Объект `element.style` дает доступ к стилю элемента на чтение и запись.
 
 С его помощью можно изменять большинство CSS-свойств, например `element.style.width="100px"` работает так, как будто у элемента в атрибуте прописано `style="width:100px"`. 
 
 [warn header="Единицы измерения обязательны в `style`"]
-Об этом иногда забывают, но в `style` так же, как и в CSS, нужно указывать единицы измерения, например `px`. 
+Об этом иногда забывают, но в `style` так же, как и в CSS, нужно указывать единицы измерения, например `px`.
 
 Ни в коем случае не просто `elem.style.width = 100` -- работать не будет.
 [/warn]
@@ -97,7 +97,7 @@ setTimeout(function() {
 [/warn]
 
 
-## Строка стилей style.cssText   
+### Строка стилей style.cssText   
 
 Свойство `style` является специальным объектом, ему нельзя присваивать строку. 
 
@@ -135,7 +135,7 @@ setTimeout(function() {
 
 Свойство `style.cssText` используют, например, для новосозданных элементов, когда старых стилей точно нет.
 
-## Чтение стиля из style
+### Чтение стиля из style
 
 Записать в стиль очень просто. А как прочитать?
 
@@ -162,7 +162,7 @@ setTimeout(function() {
 </body>
 ```
 
-## Стиль из getComputedStyle   
+## Полный стиль из getComputedStyle   
 
 Итак, свойство `style` дает доступ только к той информации, которая хранится в `elem.style`. 
 

2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/solution.md

@@ -28,5 +28,4 @@ alert( bench(runGet, 10000) ); // вывести время 1000*runGet
 
 Более правильный тест -- это не только запустить поиск, но и получить все элементы, как это делается в реальной жизни.
 
-[edit src="solution"]Полное решение[/edit]
 

2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/solution.md

@@ -71,4 +71,3 @@ CSS для меню:
 
 Теперь сделайте JavaScript.
 
-[edit src="solution"]Полное решение в песочнице[/edit]

2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md

@@ -1,4 +1,3 @@
-# HTML/CSS
 Лента изображений должна быть оформлена как список, согласно принципам семантической вёрстки.
 
 Нужно стилизовать его так, чтобы он был длинной лентой, из которой внешний `DIV` вырезает нужную часть для просмотра:
@@ -23,5 +22,4 @@
 
 Реализуйте эту структуру, и к ней прикручивайте обработчики, которые меняют `ul.style.marginLeft`.
 
-# Полное решение
 

2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/solution.md

@@ -106,4 +106,3 @@ tree.onclick = function(event) {
 
 Выделение узлов жирным при наведении делается при помощи CSS-селектора `:hover`.
 
-[edit src="solution"]Полное решение[/edit]

2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/solution.md

@@ -26,4 +26,3 @@ contents.onclick = function(evt) {
 
 В строке `(*)` используется атрибут, а не свойство `href`, чтобы показать в `confirm` именно то, что написано в HTML-атрибуте, так как свойство может отличаться, оно обязано содержать полный валидный адрес.
 
-[edit src="solution"]Полное решение[/edit].

2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.md

@@ -54,4 +54,3 @@ for(var i=0; i<imgs.length; i++) {
 
 Для списка картинок используется `DIV`. С точки зрения семантики более верный вариант -- список `UL/LI`.
 
-[edit src="solution"]Полное решение[/edit]

2-ui/3-event-details/6-drag-and-drop/1-slider/solution.md

@@ -42,6 +42,5 @@
 
 # Полное решение
 
-[edit src="solution"]Полное решение[/edit]
 
-Это горизонтальный Drag'n'Drop, ограниченный по ширине. Его особенность -- в `position:relative` у переносимого элемента, т.е. координата ставится не абсолютная, а относительно родителя.
+Это горизонтальный Drag'n'Drop, ограниченный по ширине. Его особенность -- в `position:relative` у переносимого элемента, т.е. координата ставится не абсолютная, а относительно родителя.

2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/solution.md

@@ -49,4 +49,3 @@ function resetInput(input) {
 
 Теперь, если понадобится изменить значение плейсхолдера -- это достаточно сделать в HTML, и не надо трогать JavaScript-код.
 
-[edit src="solution"]Полное решение[/edit]

2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.md

@@ -94,6 +94,5 @@ function cancel() {
 }
 ```
 
-[edit src="solution"]Полное решение[/edit]
+Чтобы проверить полное решение, сфокусируйтесь на правом iframe, пожалуйста.
 
-Чтобы проверить его, сфокусируйтесь на правом iframe, пожалуйста.

2-ui/5-widgets/6-widget-tasks/1-tooltip-over-element/solution.md

@@ -78,6 +78,3 @@ elemCoords.top - tooltipElem.outerHeight() - 10
 <li>Элемент с подсказкой *позиционируется* при показе, а не при создании? Ведь элемент, на котором стоит подсказка, может менять своё положение.</li>
 </ul>
 
-# Код решения
-
-[edit src="solution"]Полное решение в песочнице[/edit]

2-ui/5-widgets/6-widget-tasks/6-slider-events/solution.md

@@ -1,4 +1,3 @@
-# Сопоставление значения и слайдера
 
 Как сопоставить позицию слайдера и значение?
 
@@ -24,5 +23,4 @@ pixelsPerValue = (sliderElem.clientWidth-thumbElem.clientWidth) / max;
 value = Math.round( newLeft / pixelsPerValue);
 ```
 
-# Полное решение
 

3-more/11-css-for-js/4-float/3-paginator-css/solution.md

@@ -96,4 +96,3 @@ HTML-структура:
 Если хочется сделать красивее для двух строк, то можно использовать другой способ центрирования.</li>
 </ul>
 
-[edit src="solution"]Полное решение[/edit]

3-more/2-animation/1-js-animation/3-animate-ball/solution.md

@@ -25,4 +25,3 @@ img.onclick = function() {
 }
 ```
 
-[edit src="solution"]Полное решение[/edit]

3-more/2-animation/1-js-animation/4-animate-ball-hops/solution.md

@@ -33,5 +33,3 @@ img.onclick = function() {
 */!*
 }
 ```
-
-[edit src="solution"]Полное решение[/edit]