diff options
Diffstat (limited to 'files/uk/web/javascript/index.html')
| -rw-r--r-- | files/uk/web/javascript/index.html | 119 |
1 files changed, 119 insertions, 0 deletions
diff --git a/files/uk/web/javascript/index.html b/files/uk/web/javascript/index.html new file mode 100644 index 0000000000..51c10dc7dc --- /dev/null +++ b/files/uk/web/javascript/index.html @@ -0,0 +1,119 @@ +--- +title: JavaScript +slug: Web/JavaScript +tags: + - JavaScript + - Вчити + - Мова + - Посібник +translation_of: Web/JavaScript +--- +<div>{{JsSidebar}}</div> + +<p class="summary">JavaScript (JS) — це невибаглива до ресурсів мова програмування з {{Glossary("First-class Function", "функціями першого класу")}}, код якої інтерпретується та компілюється під час виконання. Хоча JavaScript насамперед відома як скриптова мова для веб-сторінок, вона також використовується у <a href="https://en.wikipedia.org/wiki/JavaScript#Uses_outside_Web_pages">багатьох небраузерних середовищах</a> на кшталт <a href="/en-US/docs/Glossary/Node.js">Node.js</a>, <a href="https://couchdb.apache.org/">Apache CouchDB</a> та <a href="http://www.adobe.com/devnet/acrobat/javascript.html">Adobe Acrobat</a>. JavaScript — {{Glossary("Prototype-based programming", "прототип-орієнтована")}} {{glossary("Dynamic_programming_language", "динамічна мова")}}, що має декілька парадигм та підтримує {{glossary("OOP", "об'єктно-орієнтований")}}, <a href="https://uk.wikipedia.org/wiki/%D0%86%D0%BC%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F">імперативний</a> та <a href="https://uk.wikipedia.org/wiki/%D0%94%D0%B5%D0%BA%D0%BB%D0%B0%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F">декларативний</a> (тобто <a href="https://uk.wikipedia.org/wiki/%D0%A4%D1%83%D0%BD%D0%BA%D1%86%D1%96%D0%B9%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F">функціональне програмування</a>) стилі. Розгорнуте визначення та докладний опис JavaScript <a href="/uk/docs/Learn/JavaScript">читайте за посиланням</a>.</p> + +<p>Ця частина сайту присвячена безпосередньо мові JavaScript, і вона не стосується тонкощів, пов'язаних з веб-сторінками чи іншим оточенням, у якому виконується JavaScript. Специфічну інформацію щодо {{Glossary("API","API")}} для Веб-сторінок дивіться, будь ласка, у підрозділах <a href="/uk/docs/Web/API">Web APIs</a> та <a href="/uk/docs/Glossary/DOM">DOM</a>.</p> + +<p>Стандартом для JavaScript є <a href="/uk/docs/Web/JavaScript/Language_Resources">ECMAScript</a>. Станом на 2012 рік усі <a href="http://kangax.github.io/compat-table/es5/">сучасні браузери</a> вже мали повну підтримку ECMAScript 5.1. Застарілі браузери підтримують щонайменше ECMAScript 3. 17 червня 2015 року <a href="http://www.ecma-international.org">ECMA International </a>випустила шосту базову версію ECMAScript з офіційною назвою ECMAScript 2015, яка у попередніх обговореннях йменувалася ECMAScript 6 або ES6. Відтоді стандарти ECMAScript оновлюються раз на рік. Ця документація посилається на найсвіжішу версію чернетки, тобто <a href="http://tc39.github.io/ecma262/">ECMAScript 2019</a> на цей час.</p> + +<p>Не варто плутати JavaScript з <a href="https://en.wikipedia.org/wiki/Java_(programming_language)">мовою програмування Java</a>. Обидві мови "Java" та "JavaScript" є товарними знаками чи зареєстрованими торговими марками Oracle у Сполучених Штатах та інших країнах. Проте ці дві мови програмування мають великі розбіжності у синтаксисі, семантиці та застосуванні.</p> + +<div class="column-container"> +<div class="column-half"> +<h2 id="Навчальні_посібники">Навчальні посібники</h2> + +<p>Навчайтесь програмуванню на JavaScript за допомогою путівників та посібників.</p> + +<h3 id="Для_повних_новачків">Для повних новачків</h3> + +<p>Якщо ви не маєте взагалі ніякого досвіду програмування на JavaScript, але маєте бажання навчитись, починайте <a href="/uk-UA/docs/Learn/JavaScript">з підрозділу JavaScript у нашому Просторі навчальних матеріалів</a>. Цей підрозділ складається з наступних лекцій:</p> + +<dl> + <dt><a href="/uk/docs/Web/JavaScript/Guide">Перші кроки з JavaScript</a></dt> + <dd>Відповіді на деякі фундаментальні питання на кшталт "JavaScript — це що?", "На що він схожий?" та "Які має можливості?" з оглядом ключових компонентів JavaScript, таких як змінні, рядки, числа та масиви.</dd> + <dt><a href="/uk/docs/Learn/JavaScript/Building_blocks">Блоки, з яких складається JavaScript</a></dt> + <dd>Продовжуємо огляд ключових компонентів JavaScript, цього разу спрямовуючи нашу увагу на зазвичай вживані типові блоки коду, такі як умовні викази, цикли, функції та події.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Знайомство з об'єктами у JavaScript</a></dt> + <dd>Якщо ви маєте бажання надалі вдосконалювати свій рівень знань мови та створювати більш ефективний код, важливо розумітися на об'єктно-орієнтованій природі JavaScript, і ця лекція має стати вам у пригоді.</dd> +</dl> + +<h3 id="Путівник_з_JavaScript">Путівник з JavaScript</h3> + +<dl> + <dt><a href="/uk/docs/Web/JavaScript/Guide">Путівник з JavaScript</a></dt> + <dd>Детальний путівник з JavaScript для осіб, які<br> + вже мають досвід програмування на JavaScript чи іншій мові.</dd> +</dl> + +<h3 id="Середній_рівень">Середній рівень</h3> + +<dl> + <dt><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Клієнтський веб-API</a></dt> + <dd>Під час написання клієнтського JavaScript для веб-сайтів або додатків не хочеться дуже заглиблюватись лише для того, щоб почати використовувати API — інтерфейсами для управління браузером та операційною системою, на якій виконується сайт, чи просто даними інших веб-сайтів чи сервісів. У цьому розділі ми розкриваємо, що являють собою ці API, і як використовувати деякі з найбільш загальних інтерфейсів, з якими доведеться часто мати справу у вашій розробницькій діяльності. </dd> + <dt><a href="/uk/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Введення у JavaScript наново</a></dt> + <dd>Огляд для осіб, які <em>вважають</em>, що знають JavaScript.</dd> +</dl> + +<dl> + <dt><a href="/uk/docs/Web/JavaScript/Data_structures">Структури даних у JavaScript</a></dt> + <dd>Огляд структур даних, наявних у JavaScript.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Equality_comparisons_and_sameness">Порівняння рівностей та тотожність</a></dt> + <dd>JavaScript пропонує три шляхи для порівняння значень: строга рівність з застосуванням <code>===</code>, нестрога з <code>==</code> та метод <code>{{jsxref("Global_Objects/Object/is", "Object.is()")}}</code>.</dd> +</dl> + +<h3 id="Просунутий_рівень">Просунутий рівень</h3> + +<dl> + <dt><a href="/uk/docs/Web/JavaScript/Inheritance_and_the_prototype_chain">Успадкування та ланцюг прототипів</a></dt> + <dd>Розтлумачення успадкування на базі прототипів, яке здебільшого невірно розуміють та недооцінюють.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Reference/Strict_mode">Суворий режим</a></dt> + <dd>Використання будь-якої змінної без попередньої декларації у суворому режимі заборонено. Цей режим грунтується на ECMAScript 5 з низкою обмежень для поліпшення швидкості й стабільності та спрощення зневадження (дослідження) коду.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Typed_arrays">Типізовані масиви у JavaScript</a></dt> + <dd>Типізовані масиви у JavaScript надають механізм доступу до необроблених бінарних даних.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Memory_Management">Керування пам'яттю</a></dt> + <dd>Життєвий цикл пам'яті та збирання сміття у JavaScript.</dd> + <dt><a href="/uk/docs/Web/JavaScript/EventLoop">Мультипотокова модель та Цикл подій</a></dt> + <dd>JavaScript має мультипотокову подель, яка грунтується на "циклі подій".</dd> +</dl> +</div> + +<div class="column-half"> +<h2 id="Документація">Документація</h2> + +<p>Перегляньте повну документацію по <a href="/uk/docs/Web/JavaScript/Reference">JavaScript</a>.</p> + +<dl> + <dt><a href="/uk/docs/Web/JavaScript/Reference/Global_Objects">Стандартні об'єкти</a></dt> + <dd>Ознайомтесь зі стандартними вбудованими об'єктами {{jsxref("Array")}}, {{jsxref("Boolean")}}, {{jsxref("Date")}}, {{jsxref("Error")}}, {{jsxref("Function")}}, {{jsxref("JSON")}}, {{jsxref("Math")}}, {{jsxref("Number")}}, {{jsxref("Object")}}, {{jsxref("RegExp")}}, {{jsxref("String")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}} , {{jsxref("WeakSet")}} та ін.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Reference/Operators">Вирази та оператори</a></dt> + <dd>Дізнайтесь більше про особливості поведінки у JavaScript операторів {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}, <a href="/uk/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">пріоритети операторів</a> тощо.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Reference/Statements">Викази та декларації</a></dt> + <dd>Усвідомте, як працюють {{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}} та інші викази й ключовики JavaScript.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Reference/Functions">Функції</a></dt> + <dd>Навчіться застосовувати функції JavaScript для розробки власних додатків.</dd> +</dl> + +<h2 id="Інструменти_та_ресурси">Інструменти та ресурси</h2> + +<p>Корисні інструменти для створення та зневадження (дослідження) вашого коду JavaScript.</p> + +<dl> + <dt><a href="/uk/docs/Tools">Інструменти розробника у Firefox</a></dt> + <dd><a href="/uk/docs/Tools/Scratchpad">Блокнот</a>, <a href="/uk/docs/Tools/Web_Console">Консоль</a>, <a href="/uk/docs/Tools/Profiler">Профілювання JavaScript</a>, <a href="/uk/docs/Tools/Debugger">Зневаджувач</a> та ін.</dd> + <dt><a href="/uk/docs/Web/JavaScript/Shells">Оболонки JavaScript</a></dt> + <dd>Надають Вам можливіть швидко протестувати сніпети JavaScript.</dd> + <dt><a href="https://togetherjs.com/">TogetherJS</a></dt> + <dd> + <p>Спрощують командну роботу. Додайте TogetherJS до Вашого сайту, і Ваші відвідувачі матимуть можливість допомагати одне одному у реальному часі.</p> + </dd> + <dt><a href="http://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt> + <dd>Питання з тегом "JavaScript" на ресурсі Stack Overflow.</dd> + <dt><a href="/uk/docs/Web/JavaScript/New_in_JavaScript">Версії JavaScript та примітки до випуску</a></dt> + <dd>Переглядайте історію розвитку компонентів JavaScript та поточний статус їхньої підтримки.</dd> + <dt><a href="https://jsfiddle.net/">JSFiddle</a></dt> + <dd>Наживо редагуйте JavaScript, CSS й HTML та миттєво отримуйте результати. Використовуйте зовнішні ресурси та співпрацюйте з вашою командою онлайн.</dd> + <dt><a href="https://plnkr.co/">Plunker</a></dt> + <dd>Plunker — це онлайн-спільнота для створення, співпраці і обміном вашими ідеями у галузі веб-розробки. Редагуйте ваш JavaScript, CSS і HTML файли, та одразу отримуйте результат і файлову структуру.</dd> +</dl> +</div> +</div> |