Scrolling #224

rkonkin · 2019-06-02T09:51:59Z

No description provided.

xcurveballx

и там еще есть файлы в папках view - там тоже могут быть англ. тексты.

2-ui/3-event-details/8-onscroll/article.md

2-ui/3-event-details/8-onscroll/3-load-visible-img/task.md

2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.md

javascript-translate-bot · 2019-06-02T10:09:50Z

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

rkonkin · 2019-06-02T10:57:06Z

@xcurveballx по поводу папок view.
В 3-ем задании тут куски текстов из английской википедии.
Есть аналогичная статья на русской

Имеет тут смысл заменить куски из английской на куски из русской? Там они правда немного по другому сконструированы, но, думаю, этот тут не особо важно. Просто вставить максимально аналогичные абзацы.
Или перевести только то, что в теге script?

xcurveballx · 2019-06-02T11:23:39Z

@rkonkin да, я думаю можно вставить аналогичный текст с вики, ну и + скрипт

rkonkin · 2019-06-02T12:04:04Z

2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.view/index.html

-          // disable caching
-          // this line should be removed in production code
+          // отключение кэширования
+          // эта строка должна быть удалена в "боевом" коде


Тут большие сомнения на счет правильного перевода production code.
Перевел как "боевой" код. Норм?

как вариант, можно написать "в окончательной версии кода" или по-простому "на проде".

в окончательной версии кода

Так наверно будет не совсем очевидно, что значит "окончательная версия".

на проде

Я приблизительно так и хотел сначала, но потом подумал, что тем, кто еще не работал нигде разработчиком, это будет каким-то неизвестным термином. Мне показалось, что "боевой" - более-менее понятное слово для всех.

да, можно и так оставить - я заапрувил.

rkonkin · 2019-06-02T12:04:59Z

/done

iliakan

Спасибо, пожалуйста, внеси изменения. В основном улучшения изложения.

iliakan · 2019-06-02T12:39:56Z

2-ui/3-event-details/8-onscroll/1-endless-page/solution.md

@@ -1,65 +1,65 @@
-The core of the solution is a function that adds more dates to the page (or loads more stuff in real-life) while we're at the page end.
+Суть решения -- это функция, которая добавляет больше дат на страницу (или загружает больше материала в реальной жизни), пока мы находимся в конце этой страницы.


Основа решения -- функция, которая добавляет больше дат на страницу (или загружает больше материала в реальной жизни), пока мы находимся в конце этой страницы.

iliakan · 2019-06-02T12:40:02Z

2-ui/3-event-details/8-onscroll/1-endless-page/solution.md


-The document is represented (and contained) within `<html>` tag, that is `document.documentElement`.
+Документ представлен (и содержится) в теге `<html>`, то есть `document.documentElement`.


Документ представлен тегом <html> (и содержится в нём же) , который доступен как document.documentElement.

iliakan · 2019-06-02T12:40:40Z

2-ui/3-event-details/8-onscroll/1-endless-page/solution.md


-We can get window-relative coordinates of the whole document as `document.documentElement.getBoundingClientRect()`. And the `bottom` property will be window-relative coordinate of the document end.
+Мы можем получить координаты относительно окна так `document.documentElement.getBoundingClientRect()`. И свойство `bottom` будет координатой относительно окна для конца документа.


Мы можем получить координаты относительно окна как document.documentElement.getBoundingClientRect(). И свойство bottom будет координатой конца документа (относительно окна).

iliakan · 2019-06-02T14:28:43Z

2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.md


-P.S. The solution also has a variant of `isVisible` that "pre-loads" images that are within 1 page  above/below (the page height is `document.documentElement.clientHeight`).
+P.S. У этого решения также есть вариант `isVisible`, который предварительно загружает изображения, находящиеся в пределах одной страницы выше/ниже (высота страницы -- `document.documentElement.clientHeight`).


P.S. В решении этой задачи есть также вариант isVisible, который предварительно загружает изображения, находящиеся в пределах одной страницы выше/ниже (высота страницы -- document.documentElement.clientHeight).

iliakan · 2019-06-02T14:31:47Z

2-ui/3-event-details/8-onscroll/3-load-visible-img/task.md


 ```html
 <img *!*src="placeholder.svg"*/!* width="128" height="128" *!*data-src="real.jpg"*/!*>
 ```

-So, initially all images are `placeholder.svg`. When the page scrolls to the position where the user can see the image -- we change `src` to the one in `data-src`, and so the image loads.
+Итак, изначально все изображения -- `placeholder.svg`. Когда страница прокручивается до того положения, где пользователь может увидеть изображение -- мы меняем `src` на значение из `data-src`, и таким образом изображение загружается.


То есть, изначально, все изображения - ...

iliakan · 2019-06-02T14:33:39Z

2-ui/3-event-details/8-onscroll/article.md


-Scroll events allow to react on a page or element scrolling. There are quite a few good things we can do here.
+События прокрутки позволяют реагировать на прокрутку страницы или элемента. Есть немало хороших вещей, которые можно сделать.


Есть немало хороших вещей, которые можно сделать. -> Есть много хороших вещей, которые можно сделать при этом.

iliakan · 2019-06-02T14:38:15Z

2-ui/3-event-details/8-onscroll/article.md


-But we can prevent scrolling by `event.preventDefault()` on an event that causes the scroll.
+Но можно предотвратить прокрутку, используя `event.preventDefault()` на событии, которое вызывает её.


, которое вызывает прокрутку.

iliakan · 2019-06-02T14:38:54Z

2-ui/3-event-details/8-onscroll/article.md

- `wheel` event -- a mouse wheel roll (a "scrolling" touchpad action generates it too).
- `keydown` event for `key:pageUp` and `key:pageDown`.
+Например:
+- Событие `wheel` -- прокрутка колеса мыши ("прокручивание" тачпада также его генерирует).


На событии...

iliakan · 2019-06-02T14:39:02Z

2-ui/3-event-details/8-onscroll/article.md

- `keydown` event for `key:pageUp` and `key:pageDown`.
+Например:
+- Событие `wheel` -- прокрутка колеса мыши ("прокручивание" тачпада также его генерирует).
+- Событие `keydown` для клавиш `key:pageUp` и `key:pageDown`.


На событии...

iliakan · 2019-06-02T14:43:12Z

2-ui/3-event-details/8-onscroll/article.md


-Sometimes that may help. But there are more ways to scroll, so it's quite hard to handle all of them. So it's more reliable to use CSS to make something unscrollable, like `overflow` property.
+Иногда это может помочь. Но есть и другие способы прокрутки, то есть достаточно сложно учесть все возможные варианты. Более надёжный способ -- использовать CSS, чтобы сделать что-то непрокручиваемым, например, свойство `overflow`.


Если поставить на них обработчики, в которых вызвать event.preventDefault(), то прокрутка не начнётся.

Иногда это может помочь, но более надёжный способ -- использовать CSS, чтобы сделать что-то непрокручиваемым, например, свойство overflow.

javascript-translate-bot · 2019-06-02T14:43:45Z

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

rkonkin · 2019-06-02T15:22:19Z

/done

lex111 · 2019-06-02T15:34:09Z

2-ui/3-event-details/8-onscroll/article.md


-Sometimes that may help. But there are more ways to scroll, so it's quite hard to handle all of them. So it's more reliable to use CSS to make something unscrollable, like `overflow` property.
+Если поставить на них обработчики, в которых вызвать event.preventDefault(), то прокрутка не начнётся.


Suggested change

Если поставить на них обработчики, в которых вызвать event.preventDefault(), то прокрутка не начнётся.

Если поставить на них обработчики, в которых вызвать `event.preventDefault()`, то прокрутка не начнётся.

lex111 · 2019-06-02T15:35:07Z

2-ui/3-event-details/8-onscroll/3-load-visible-img/source.view/index.html

@@ -208,8 +208,8 @@ <h1>Neptune</h1>
        if (!realSrc) continue;

        if (isVisible(img)) {
-          // disable caching
-          // this line should be removed in production code
+          // отключение кэширования


Suggested change

// отключение кэширования

// отключение кеширования

lex111 · 2019-06-02T15:35:31Z

2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.view/index.html

@@ -208,8 +208,8 @@ <h1>Neptune</h1>
        if (!realSrc) continue;

        if (isVisible(img)) {
-          // disable caching
-          // this line should be removed in production code
+          // отключение кэширования


Suggested change

// отключение кэширования

// отключение кеширования

rkonkin · 2019-06-02T15:51:35Z

@lex111 поправил слово "кеширование".
Оно везде вроде через "э" пишется. Но хз.

И кавычки добавил, спс)
b5b0ada

iliakan · 2019-06-03T06:26:37Z

🚀

translate Scrolling

a2acf0d

javascript-translate-bot added the review needed Review needed, please approve or request changes label Jun 2, 2019

javascript-translate-bot requested a review from a team June 2, 2019 09:52

xcurveballx requested changes Jun 2, 2019

View reviewed changes

javascript-translate-bot added changes requested Waiting for changes and /done from PR author and removed review needed Review needed, please approve or request changes labels Jun 2, 2019

Scrolling - translate review fixes

f14fdf6

rkonkin commented Jun 2, 2019

View reviewed changes

javascript-translate-bot added review needed Review needed, please approve or request changes and removed changes requested Waiting for changes and /done from PR author labels Jun 2, 2019

javascript-translate-bot requested a review from a team June 2, 2019 12:05

xcurveballx approved these changes Jun 2, 2019

View reviewed changes

javascript-translate-bot added needs +1 One more review needed and removed review needed Review needed, please approve or request changes labels Jun 2, 2019

iliakan requested changes Jun 2, 2019

View reviewed changes

javascript-translate-bot added the changes requested Waiting for changes and /done from PR author label Jun 2, 2019

Scrolling - translate review fixes

1741e9a

javascript-translate-bot added review needed Review needed, please approve or request changes and removed changes requested Waiting for changes and /done from PR author labels Jun 2, 2019

javascript-translate-bot requested a review from a team June 2, 2019 15:22

lex111 reviewed Jun 2, 2019

View reviewed changes

Scrolling - translate review fixes

b5b0ada

iliakan mentioned this pull request Jun 2, 2019

Russian Translation Progress #60

Closed

javascript-translate-bot merged commit 6021f7c into javascript-tutorial:master Jun 3, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Scrolling #224

Scrolling #224

rkonkin commented Jun 2, 2019

xcurveballx left a comment

javascript-translate-bot commented Jun 2, 2019

rkonkin commented Jun 2, 2019

xcurveballx commented Jun 2, 2019

rkonkin Jun 2, 2019

xcurveballx Jun 2, 2019

rkonkin Jun 2, 2019 •

edited

xcurveballx Jun 2, 2019

rkonkin commented Jun 2, 2019

iliakan left a comment

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

iliakan Jun 2, 2019

javascript-translate-bot commented Jun 2, 2019

rkonkin commented Jun 2, 2019

lex111 Jun 2, 2019

lex111 Jun 2, 2019

lex111 Jun 2, 2019

rkonkin commented Jun 2, 2019 •

edited

iliakan commented Jun 3, 2019

		@@ -1,65 +1,65 @@
		The core of the solution is a function that adds more dates to the page (or loads more stuff in real-life) while we're at the page end.
		Суть решения -- это функция, которая добавляет больше дат на страницу (или загружает больше материала в реальной жизни), пока мы находимся в конце этой страницы.


		The document is represented (and contained) within `<html>` tag, that is `document.documentElement`.
		Документ представлен (и содержится) в теге `<html>`, то есть `document.documentElement`.


		We can get window-relative coordinates of the whole document as `document.documentElement.getBoundingClientRect()`. And the `bottom` property will be window-relative coordinate of the document end.
		Мы можем получить координаты относительно окна так `document.documentElement.getBoundingClientRect()`. И свойство `bottom` будет координатой относительно окна для конца документа.


		P.S. The solution also has a variant of `isVisible` that "pre-loads" images that are within 1 page above/below (the page height is `document.documentElement.clientHeight`).
		P.S. У этого решения также есть вариант `isVisible`, который предварительно загружает изображения, находящиеся в пределах одной страницы выше/ниже (высота страницы -- `document.documentElement.clientHeight`).


		Scroll events allow to react on a page or element scrolling. There are quite a few good things we can do here.
		События прокрутки позволяют реагировать на прокрутку страницы или элемента. Есть немало хороших вещей, которые можно сделать.


		But we can prevent scrolling by `event.preventDefault()` on an event that causes the scroll.
		Но можно предотвратить прокрутку, используя `event.preventDefault()` на событии, которое вызывает её.


		Sometimes that may help. But there are more ways to scroll, so it's quite hard to handle all of them. So it's more reliable to use CSS to make something unscrollable, like `overflow` property.
		Иногда это может помочь. Но есть и другие способы прокрутки, то есть достаточно сложно учесть все возможные варианты. Более надёжный способ -- использовать CSS, чтобы сделать что-то непрокручиваемым, например, свойство `overflow`.

	// отключение кэширования
	// отключение кеширования

Scrolling #224

Scrolling #224

Conversation

rkonkin commented Jun 2, 2019

xcurveballx left a comment

Choose a reason for hiding this comment

javascript-translate-bot commented Jun 2, 2019

rkonkin commented Jun 2, 2019

xcurveballx commented Jun 2, 2019

Choose a reason for hiding this comment

Choose a reason for hiding this comment

rkonkin Jun 2, 2019 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

rkonkin commented Jun 2, 2019

iliakan left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

javascript-translate-bot commented Jun 2, 2019

rkonkin commented Jun 2, 2019

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

rkonkin commented Jun 2, 2019 • edited

iliakan commented Jun 3, 2019

rkonkin Jun 2, 2019 •

edited

rkonkin commented Jun 2, 2019 •

edited