From 352f3d751620f2a5e324a2cb6bba110779f3b092 Mon Sep 17 00:00:00 2001 From: Alex Galkin Date: Fri, 6 Mar 2020 01:57:02 +0200 Subject: [PATCH 1/6] Start translating Polyfills section --- 1-js/03-code-quality/06-polyfills/article.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md index 75db49d2f..d2022705a 100644 --- a/1-js/03-code-quality/06-polyfills/article.md +++ b/1-js/03-code-quality/06-polyfills/article.md @@ -1,9 +1,9 @@ -# Polyfills +# Поліфіли -The JavaScript language steadily evolves. New proposals to the language appear regularly, they are analyzed and, if considered worthy, are appended to the list at and then progress to the [specification](http://www.ecma-international.org/publications/standards/Ecma-262.htm). +Мова JavaScript постійно розвивається. Нові пропозиції до мови з'являються регулярно, вони аналізуються і, якщо вважаються гідними, додаються до списку а потім переходять до [специфікації](http://www.ecma-international.org/publications/standards/Ecma-262.htm). -Teams behind JavaScript engines have their own ideas about what to implement first. They may decide to implement proposals that are in draft and postpone things that are already in the spec, because they are less interesting or just harder to do. +Команди, які розробляють рушії JavaScript, мають власні уявлення про те, що потрібно реалізувати спочатку. Вони можуть вирішити реалізувати пропозиції, що знаходяться у чернетці, і відкласти речі, які вже є у специфікації, оскільки вони менш цікаві або їх важче розробити. So it's quite common for an engine to implement only the part of the standard. From a68529f26408855d110291b4d96bf0ed0c4596a0 Mon Sep 17 00:00:00 2001 From: Alex Galkin Date: Sat, 7 Mar 2020 01:56:35 +0200 Subject: [PATCH 2/6] Translate polyfills section --- 1-js/03-code-quality/06-polyfills/article.md | 43 ++++++++++---------- 1 file changed, 22 insertions(+), 21 deletions(-) diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md index d2022705a..2c9039291 100644 --- a/1-js/03-code-quality/06-polyfills/article.md +++ b/1-js/03-code-quality/06-polyfills/article.md @@ -5,50 +5,51 @@ Команди, які розробляють рушії JavaScript, мають власні уявлення про те, що потрібно реалізувати спочатку. Вони можуть вирішити реалізувати пропозиції, що знаходяться у чернетці, і відкласти речі, які вже є у специфікації, оскільки вони менш цікаві або їх важче розробити. -So it's quite common for an engine to implement only the part of the standard. +Тому це цілком звичайна ситуація, коли лише частина стандарту реалізована у самому рушії. -A good page to see the current state of support for language features is (it's big, we have a lot to study yet). +Хороша сторінка, щоб побачити поточний стан підтримки функцій мови, є тут (вона велика, нам доведеться ще баго вивчати). ## Babel -When we use modern features of the language, some engines may fail to support such code. Just as said, not all features are implemented everywhere. +Коли ми використовуємо сучасний функціонал мови, деякі рушії можуть не підтримувати такий код. Як вже було сказано, не всі функції реалізовані скрізь. -Here Babel comes to the rescue. +Тут на допомогу приходить Babel. -[Babel](https://babeljs.io) is a [transpiler](https://en.wikipedia.org/wiki/Source-to-source_compiler). It rewrites modern JavaScript code into the previous standard. +[Babel](https://babeljs.io) - це [транспілятор](https://en.wikipedia.org/wiki/Source-to-source_compiler). Він перетворює код, написаний сучасною мовою JavaScript, у код попереднього стандарту. -Actually, there are two parts in Babel: +Власне, Babel має дві частини: -1. First, the transpiler program, which rewrites the code. The developer runs it on their own computer. It rewrites the code into the older standard. And then the code is delivered to the website for users. Modern project build systems like [webpack](http://webpack.github.io/) provide means to run transpiler automatically on every code change, so that it's very easy to integrate into development process. +1. Перша - це програма-транспілятор, яка переписує код. Розробник запускає її на власному комп’ютері. Вона переписує код у попередньому стандарті. А потім код застосовується на веб-сайті для користувачів. Сучасні системи побудови проектів, як [webpack](http://webpack.github.io/) забезпечують нас засобами автоматичного запуску транспілятора при кожній зміні коду, так що його дуже легко інтегрувати в процес розробки. -2. Second, the polyfill. +2. Друга - це поліфіл. - New language features may include new built-in functions and syntax constructs. - The transpiler rewrites the code, transforming syntax constructs into older ones. But as for new built-in functions, we need to implement them. JavaScript is a highly dynamic language, scripts may add/modify any functions, so that they behave according to the modern standard. + Нові функції мови можуть включати нові вбудовані функції та синтаксичні конструкції. + Транспілятор переписує код, перетворюючи синтаксичні конструкції у конструкції попереднього стандарту. Але що стосується нових вбудованих функцій, нам потрібно їх реалізувати. JavaScript є дуже динамічною мовою, тож скрипти можуть додавати / змінювати будь-які функції, щоб вони поводилися відповідно до сучасного стандарту. - A script that updates/adds new functions is called "polyfill". It "fills in" the gap and adds missing implementations. + Скрипт, що оновлює / додає нові функції, називається "поліфілом". Він "заповнює" прогалину і додає відсутню реалізацію. - Two interesting polyfills are: - - [core js](https://github.com/zloirock/core-js) that supports a lot, allows to include only needed features. - - [polyfill.io](http://polyfill.io) service that provides a script with polyfills, depending on the features and user's browser. + Є два цікавих поліфіла: + - [core js](https://github.com/zloirock/core-js), що підтримує багато функціоналу, дозволяє включати лише необхідні функції. + - [polyfill.io](http://polyfill.io) - сервіс, який забезпечує нас скриптом з поліфілами залежно від потрібних нам функцій та браузера користувача. -So, if we're going to use modern language features, a transpiler and a polyfill are necessary. +Отже, якщо ми будемо використовувати сучасні мовні функції, нам потрібен транспілятор та поліфіл. -## Examples in the tutorial +## Приклади у посібнику ````online -Most examples are runnable at-place, like this: + +Більшість прикладів можна виконувати "прямо тут", як ось цей: ```js run -alert('Press the "Play" button in the upper-right corner to run'); +alert('Натисніть кнопку "Запустити" у правому верхньому куті для запуску'); ``` -Examples that use modern JS will work only if your browser supports it. +Приклади, які використовують сучасний JS, працюватимуть лише в тому випадку, якщо ваш браузер підтримує його. ```` ```offline -As you're reading the offline version, in PDF examples are not runnable. In EPUB some of them can run. +Так, як ви читаєте офлайн версію, деякі приклади не працюватимуть у PDF форматі. В EPUB форматі деякі з них можуть працювати. ``` -Google Chrome is usually the most up-to-date with language features, good to run bleeding-edge demos without any transpilers, but other modern browsers also work fine. +Google Chrome, як правило, підтримує найсучасніші особливості мови JavaScript, через це зручно запускати в ньому демонстраційні приклади нового функціоналу без будь-яких транспіляторів, але інші сучасні браузери також добре працюють. From ae4113e7e6e32cc7548aa05df7e53bde9a532a08 Mon Sep 17 00:00:00 2001 From: Alex Galkin Date: Sat, 7 Mar 2020 02:46:05 +0200 Subject: [PATCH 3/6] Update 1-js/03-code-quality/06-polyfills/article.md Co-Authored-By: Taras --- 1-js/03-code-quality/06-polyfills/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md index 2c9039291..7ba818edf 100644 --- a/1-js/03-code-quality/06-polyfills/article.md +++ b/1-js/03-code-quality/06-polyfills/article.md @@ -7,7 +7,7 @@ Тому це цілком звичайна ситуація, коли лише частина стандарту реалізована у самому рушії. -Хороша сторінка, щоб побачити поточний стан підтримки функцій мови, є тут (вона велика, нам доведеться ще баго вивчати). +Хороша сторінка, щоб побачити поточний стан підтримки функцій мови, є тут (вона велика, нам доведеться ще багато вивчати). ## Babel From f13f1b4789ab17252f60003c4fe3294bff08b456 Mon Sep 17 00:00:00 2001 From: Alex Galkin Date: Sat, 7 Mar 2020 02:46:19 +0200 Subject: [PATCH 4/6] Update 1-js/03-code-quality/06-polyfills/article.md Co-Authored-By: Taras --- 1-js/03-code-quality/06-polyfills/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md index 7ba818edf..4b1052285 100644 --- a/1-js/03-code-quality/06-polyfills/article.md +++ b/1-js/03-code-quality/06-polyfills/article.md @@ -11,7 +11,7 @@ ## Babel -Коли ми використовуємо сучасний функціонал мови, деякі рушії можуть не підтримувати такий код. Як вже було сказано, не всі функції реалізовані скрізь. +Коли ми використовуємо сучасний функціонал мови, деякі рушії можуть не підтримувати такий код. Як вже було сказано, не всі функції скрізь реалізовані. Тут на допомогу приходить Babel. From dbca5c052178e4eb24a7d0119c6f6e976de67a87 Mon Sep 17 00:00:00 2001 From: Alex Galkin Date: Sat, 7 Mar 2020 02:46:27 +0200 Subject: [PATCH 5/6] Update 1-js/03-code-quality/06-polyfills/article.md Co-Authored-By: Taras --- 1-js/03-code-quality/06-polyfills/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md index 4b1052285..a02385b05 100644 --- a/1-js/03-code-quality/06-polyfills/article.md +++ b/1-js/03-code-quality/06-polyfills/article.md @@ -19,7 +19,7 @@ Власне, Babel має дві частини: -1. Перша - це програма-транспілятор, яка переписує код. Розробник запускає її на власному комп’ютері. Вона переписує код у попередньому стандарті. А потім код застосовується на веб-сайті для користувачів. Сучасні системи побудови проектів, як [webpack](http://webpack.github.io/) забезпечують нас засобами автоматичного запуску транспілятора при кожній зміні коду, так що його дуже легко інтегрувати в процес розробки. +1. Перша - це програма-транспілятор, яка переписує код. Розробник запускає її на власному комп’ютері. Вона переписує код у попередньому стандарті. А потім код застосовується на веб-сайті для користувачів. Сучасні системи побудови проєктів, як [webpack](http://webpack.github.io/) забезпечують нас засобами автоматичного запуску транспілятора при кожній зміні коду, так що його дуже легко інтегрувати в процес розробки. 2. Друга - це поліфіл. From 04b6421f683b4b4c8d9e5c3be3496a2defcb4824 Mon Sep 17 00:00:00 2001 From: Alex Galkin Date: Sat, 7 Mar 2020 02:48:40 +0200 Subject: [PATCH 6/6] Remove extra line --- 1-js/03-code-quality/06-polyfills/article.md | 1 - 1 file changed, 1 deletion(-) diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md index a02385b05..6fa2f1234 100644 --- a/1-js/03-code-quality/06-polyfills/article.md +++ b/1-js/03-code-quality/06-polyfills/article.md @@ -38,7 +38,6 @@ ````online - Більшість прикладів можна виконувати "прямо тут", як ось цей: ```js run