initial commit

2 files changed, 228 insertions, 0 deletions

diff --git a/files/uk/learn/common_questions/index.html b/files/uk/learn/common_questions/index.html
new file mode 100644
index 0000000000..cef04ddf9c
--- /dev/null
+++ b/files/uk/learn/common_questions/index.html
@@ -0,0 +1,133 @@
+---
+title: Поширені питання
+slug: Learn/Common_questions
+tags:
+  - Інфраструктура
+  - Мережа
+  - Механізми мережі
+  - Навчання
+  - Написання сценаріїв
+translation_of: Learn/Common_questions
+---
+<div>{{LearnSidebar}}</div>
+
+<p class="summary">Цей розділ надає відповіді на поширені питання, які проте не обов'язково є частиною основного матеріалу для вивчення (як-от статті по <a href="/uk/docs/Learn/HTML">HTML</a> чи <a href="/uk/docs/Learn/CSS">CSS</a>.) Ці статті надані для самостійного опрацювання.</p>
+
+<h2 id="Як_працює_мережа">Як працює мережа</h2>
+
+<p>Розділ розкриває механізм мережі - це питання, що відносяться до загальних знань про екосистему мережі та принципу її роботи.</p>
+
+<dl>
+ <dt>
+ <h3 id="Як_працює_Інтернет"><a href="/uk/docs/Learn/Common_questions/How_does_the_Internet_work">Як працює Інтернет?</a></h3>
+ </dt>
+ <dd>Інтернет - це основа мережі, технічна інфраструктура, завдяки якій вона можлива. В найпростішому вигляді - це велика мережа комп'ютерів, що спілкуються один з одним. В цій статті розглядається принцип його роботи на базовому рівні.</dd>
+ <dt>
+ <h3 id="Яка_різниця_між_веб-сторінкою_сайтом_веб-сервером_та_пошуковою_системою"><a href="/uk/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines">Яка різниця між веб-сторінкою, сайтом, веб-сервером та пошуковою системою?</a></h3>
+ </dt>
+ <dd><font>У цій статті ви дізнаєтесь про різні веб-поняття: веб-сторінки, веб-сайти, веб-сервери та пошукові системи. Нові користувачі Інтернету часто плутають  або використовуються неправильно ці терміни. Давайте дізнаємося, що вони означають!</font></dd>
+ <dt>
+ <h3 id="Що_таке_URL"><a href="/uk/docs/Learn/Common_questions/What_is_a_URL">Що таке URL?</a></h3>
+ </dt>
+ <dd>Поряд з {{Glossary("Hypertext","гіпертекстом")}} та {{Glossary("HTTP")}}, URL - одне з ключових понять мережі. Це механізм, який використовують {{Glossary("Browser","переглядачі")}} для отримання будь-яких доступних  в мережі ресурсів.</dd>
+ <dt>
+ <h3 id="Що_таке_доменне_ім'я"><a href="/uk/docs/Learn/Common_questions/What_is_a_domain_name">Що таке доменне ім'я?</a></h3>
+ </dt>
+ <dd><font>Доменні імена є ключовою частиною інфраструктури Інтернету. Вони надають адресу для будь-якого веб-сервера, доступного в Інтернеті, у вигляді, що легко читається людиною</font></dd>
+ <dt>
+ <h3 id="Що_таке_веб-сервер"><a href="/uk/docs/Learn/Common_questions/What_is_a_web_server">Що таке веб-сервер?</a></h3>
+ </dt>
+ <dd><font>Термін "веб-сервер" може означати обладнання або програмне забезпечення, яке обслуговує веб-сайти клієнтів в Інтернеті, а також обидві частини, що працюють разом. </font><font>У цій статті ми розглянемо, як працюють веб-сервери, та чому вони важливі.</font></dd>
+ <dt>
+ <h3 id="Що_таке_гіперпосилання"><a href="/uk/docs/Learn/Common_questions/What_are_hyperlinks">Що таке гіперпосилання?</a></h3>
+ </dt>
+ <dd>В цій статті ми розглянемо, що таке {{Glossary("Hyperlinks","гіперпосилання")}}, та чому вони мають значення. </dd>
+</dl>
+
+<h2 id="Інструменти_та_налаштування">Інструменти та налаштування</h2>
+
+<p>Питання, що пов'язані з інструментами/програмами, які ви можете використати для створення сайтів.</p>
+
+<dl>
+ <dt>
+ <h3 id="Скільки_коштує_щось_зробити_в_мережі"><a href="/uk/docs/Learn/Common_questions/How_much_does_it_cost">Скільки коштує щось зробити в мережі?</a></h3>
+ </dt>
+ <dd>Коли ви запускаєте сайт, це може вам нічого не коштувати або ваші витрати можуть бути захмарні. В статті ми вияснимо скільки що коштуватиме, та що ви матимете за плату чи даром.</dd>
+ <dt>
+ <h3 id="Які_програми_потрібні_для_створення_сайту"><a href="/uk/docs/Learn/Common_questions/What_software_do_I_need">Які програми потрібні для створення сайту?</a></h3>
+ </dt>
+ <dd>Ця стаття про програмні компоненти, що необхідні вам для редагування, вивантаження чи перегляду сайту.</dd>
+ <dt>
+ <h3 id="Які_є_текстові_редактори"><a href="/uk/docs/Learn/Common_questions/Available_text_editors">Які є текстові редактори?</a></h3>
+ </dt>
+ <dd>В статті окреслено  деякі речі, про які потрібно замислитися перед вибором та встановленням текстового редактора для веб-розробки.</dd>
+ <dt>
+ <h3 id="Що_таке_Інструменти_розробника_в_браузері"><a href="/uk/docs/Learn/Common_questions/What_are_browser_developer_tools">Що таке "Інструменти розробника" в браузері?</a></h3>
+ </dt>
+ <dd>Кожен браузер має набір інструментів розробника для налагодження HTML, CSS та іншого веб-коду. Дізнайтесь, як використовувати їхні основні функції.</dd>
+ <dt>
+ <h3 id="Як_переконаєтись_що_сайт_працює_належним_чином"><a href="/uk/docs/Learn/Common_questions/Checking_that_your_web_site_is_working_properly">Як переконаєтись, що сайт працює належним чином?</a></h3>
+ </dt>
+ <dd>Ви оприлюднили сайт в Інтернеті — чудово! Та чи впевнені ви, що він працює належним чином? Дізнайтеся про кілька основних способів усунення несправностей.</dd>
+ <dt>
+ <h3 id="Як_налаштувати_локальний_сервер_для_тестування"><a href="/uk/docs/Learn/Common_questions/set_up_a_local_testing_server">Як налаштувати локальний сервер для тестування?</a></h3>
+ </dt>
+ <dd>
+ <div>
+ <p>Стаття про налаштовування, на вашому комп'ютері, простого локального сервера для  тестування та основи його використання.</p>
+ </div>
+ </dd>
+ <dt>
+ <h3 id="Як_вивантажити_файли_на_веб-сервер"><a href="/uk/docs/Learn/Common_questions/Upload_files_to_a_web_server">Як вивантажити файли на веб-сервер?</a></h3>
+ </dt>
+ <dd>Як оприлюднити сайт в Інтернеті, щоб люди мала доступ до нього з їхніх комп'ютерів? Зробимо це за допомогою одого з найпоширеніших способів — інструментів <a class="glossaryLink" href="https://developer.mozilla.org/uk/docs/Glossary/FTP" title="FTP: FTP (File Transfer Protocol) is the standard network protocol for transferring files from one host to another over the Internet through TCP.">FTP</a></dd>
+ <dt>
+ <h3 id="Як_користуватись_GitHub_сторінками"><a href="/uk/docs/Learn/Common_questions/Using_GitHub_Pages">Як користуватись GitHub сторінками </a><a href="/en-US/docs/Learn/Common_questions/Using_GitHub_Pages">?</a></h3>
+ </dt>
+ <dd>Ця стаття містить загальний посібник по публікації вмісту за допомогою gh-сторінок GitHub.</dd>
+ <dt>
+ <h3 id="Як_розмістити_свій_сайт_на_Google_App_Engine"><a href="/uk/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine">Як розмістити свій сайт на Google App Engine?</a></h3>
+ </dt>
+ <dd>Шукаєте місце для розміщення вашого веб-сайту? Це покроковий посібник по розміщенню вашого сайту на Google App Engine.</dd>
+ <dt>
+ <h3 id="Які_є_інструменти_для_налагодження_та_підвищення_ефективності_сайту"><a href="/uk/docs/Tools/Performance">Які є інструменти для налагодження та підвищення ефективності сайту?</a></h3>
+ </dt>
+ <dd>В наборі статей показано, як використовувати інструменти розробника в Firefox для налагодження та підвищення ефективності сайту. А саме — інструментів для перевірки використання пам'яті, дерева викликів JavaScript, кількості виділених версій DOM та інших.</dd>
+</dl>
+
+<h2 id="Дизайн_та_доступність">Дизайн та доступність </h2>
+
+<p>У розділі перелічені питання, пов'язані з естетикою, структурою сторінки, методами  досягнення доступності тощо.</p>
+
+<dl>
+ <dt>
+ <h3 id="Як_почати_розробку_сайту"><a href="/uk/docs/Learn/Common_questions/Thinking_before_coding">Як почати розробку сайту?</a></h3>
+ </dt>
+ <dd>Стаття про найважливіший перший крок кожного проекту: визначте, що ви хочете цим досягти.</dd>
+ <dt>
+ <h3 id="Що_містять_поширені_веб-макети"><a href="/uk/docs/Learn/Common_questions/Common_web_layouts">Що містять поширені веб-макети?</a></h3>
+ </dt>
+ <dd>При проектуванні сторінок сайту, добре мати уявлення про найпоширеніші макети. Ця стаття про декілька типових веб-макетів та їх окремі компоненти.</dd>
+ <dt>
+ <h3 id="Що_таке_доступність"><a href="/uk/docs/Learn/Common_questions/What_is_accessibility">Що таке доступність?</a></h3>
+ </dt>
+ <dd>Стаття містить основні поняття, що визначають доступність сайтів.</dd>
+ <dt>
+ <h3 id="Як_ми_можемо_спроектувати_сайт_для_різноманітних_користувачів"><a href="/uk/docs/Learn/Common_questions/Design_for_all_types_of_users">Як ми можемо спроектувати сайт для різноманітних користувачів?</a></h3>
+ </dt>
+ <dd>Стаття містить основні методи, які допоможуть вам розробляти сайти для будь-яких користувачів — переваги швидкого доступу та подібні речі.</dd>
+ <dt>
+ <h3 id="Які_особливості_HTML_сприяють_доступності"><a href="/uk/docs/Learn/Common_questions/HTML_features_for_accessibility">Які особливості HTML сприяють доступності?</a></h3>
+ </dt>
+ <dd>В статті описуються специфічні особливості HTML, які можна використати, щоб зробити веб-сторінку більш доступною для людей з різними обмеженнями.</dd>
+</dl>
+
+<h2 id="Питання_з_HTML_CSS_та_JavaScript">Питання з HTML, CSS та JavaScript</h2>
+
+<p>Про поширені вирішеня проблем в HTML/CSS/JavaScript читайте в наступних статтях:</p>
+
+<ul>
+ <li><a href="/uk/docs/Learn/HTML/Howto">Скористайтесь HTML, щоб вирішити поширені проблеми</a></li>
+ <li><a href="/uk/docs/Learn/CSS/Howto">Скористайтесь CSS, щоб вирішити поширені проблеми</a></li>
+ <li><a href="/en-US/docs/Learn/JavaScript/Howto">Скористайтесь JavaScrip, щоб вирішити поширені проблеми</a></li>
+</ul>
diff --git a/files/uk/learn/common_questions/set_up_a_local_testing_server/index.html b/files/uk/learn/common_questions/set_up_a_local_testing_server/index.html
new file mode 100644
index 0000000000..5ebd96246f
--- /dev/null
+++ b/files/uk/learn/common_questions/set_up_a_local_testing_server/index.html
@@ -0,0 +1,95 @@
+---
+title: Як налаштувати локальний тестовий сервер?
+slug: Learn/Common_questions/set_up_a_local_testing_server
+translation_of: Learn/Common_questions/set_up_a_local_testing_server
+---
+<div class="summary">
+<p> Стаття про те, як налаштувати на вашому комп'ютері простий локальний тестовий сервер та основи його використання.</p>
+</div>
+
+<table class="learn-box standard-table">
+ <tbody>
+  <tr>
+   <th scope="row">Передумови:</th>
+   <td>Вам потрібно спочатку дізнатись, <a href="/uk/docs/Learn/How_the_Internet_works">як працює інтернет</a> і <a href="/uk/docs/Learn/What_is_a_Web_server">що таке веб-сервер</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Мета:</th>
+   <td>Ви дізнаєтеся, як налаштувати локальний тестовий сервер.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Локальні_файли_порівняно_з_віддаленими">Локальні файли порівняно з віддаленими</h2>
+
+<p>Протягом більшої частини вивчення зони навчання ми пропонуємо вам просто відкрити свої приклади безпосередньо в браузері. Це можна зробити двічі клацнувши файл HTML, перетягнувши його в вікно браузера або вибравши «Файл»&gt; «Відкрити ...» та знайти файл HTML. Є ще багато способів це зробити.</p>
+
+<p>Якщо шлях веб-адреси починається з <code>file://</code>, а потім йде шлях до файлу на локальному жорсткому диску, використовується локальний файл. На відміну від цього, якщо ви переглядаєте один з наших прикладів, розміщених на GitHub (або приклад на якомусь іншому віддаленому сервері), веб-адреса почнеться з <code>http://</code> або <code>https://</code>, щоб показати, що файл буде отримано через HTTP .</p>
+
+<h2 id="Проблема_з_тестуванням_локальних_файлів">Проблема з тестуванням локальних файлів</h2>
+
+<p>Деякі приклади не працюватимуть, якщо ви відкриєте їх як локальні файли. Це може бути з різних причин, найбільш імовірно:</p>
+
+<ul>
+ <li><strong>Вони мають асинхронні запити. </strong>Деякі переглядачі (включаючи Chrome) не запускають асинхроні запити (див. <a href="/uk/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">Отримання даних зі сервера</a>), якщо ви запустите приклад з локального файлу. Це пов'язано з обмеженнями безпеки (для отримання додаткової інформації про веб-безпеку, читайте <a href="/uk/docs/Learn/Server-side/First_steps/Website_security">Безпека сайту</a>).</li>
+ <li><strong>Вони мають мову на стороні сервера.</strong> Мови на стороні сервера (наприклад, PHP або Python) вимагають спеціального сервера для інтерпретації коду та отримання результатів.</li>
+</ul>
+
+<h2 id="Запуск_простого_локального_HTTP-сервера">Запуск простого локального HTTP-сервера</h2>
+
+<p>Щоб подолати проблему з асинхронними запитами, та перевірити такі приклади, ми повинні запустити їх на локальному веб-сервері. Для наших цілей одним з найпростіших способів зробити це — використати модуль Python <code>SimpleHTTPServer</code>.</p>
+
+<p>Як це зробити:</p>
+
+<ol>
+ <li>
+  <p>Встановити Python. Якщо ви використовуєте Linux або Mac OS X, він вже має бути доступним у вашій системі. Якщо ви користувач Windows, ви можете отримати інсталятор з домашньої сторінки Python та дотримуватесь інструкцій, щоб встановити його:</p>
+
+  <ul>
+   <li>Перейдіть до <a href="https://www.python.org/">python.org</a></li>
+   <li>Натисніть кнопку «Download» віберіть «Windows».</li>
+   <li>У списку виберіть виконавчий файл <em>Windows x86 executable installer</em> або <em>Windows x86-64 executable installer</em> та завантажте його. </li>
+   <li>Після завантаження запустіть його.</li>
+   <li>На першій сторінці встановлення переконайтеся, що відмітили "Додати Python 3.xxx до PATH".</li>
+   <li>Натисніть кнопку «Встановити», а після завершення інсталяції — «Закрити».</li>
+  </ul>
+ </li>
+ <li>
+  <p>Відкрийте командний рядок (Windows) або термінал (OS X/Linux). Щоб перевірити, чи встановлено Python, введіть таку команду:</p>
+
+  <pre class="brush: bash notranslate">python -V</pre>
+ </li>
+ <li>
+  <p>Ви маєте отриматити номер версії. Якщо це так, то перейдіть до каталогу, в якому ваш приклад, за допомогою команди <code>cd</code>.</p>
+
+  <pre class="brush: bash notranslate"># include the directory name to enter it, for example
+cd Desktop
+# use two dots to jump up one directory level if you need to
+cd ..</pre>
+ </li>
+ <li>
+  <p>Щоб запустити сервер у цьому каталозі, введіть команду:</p>
+
+  <pre class="brush: bash notranslate"># If Python version returned above is 3.X
+python -m http.server
+# If Python version returned above is 2.X
+python -m <code>SimpleHTTPServer</code></pre>
+ </li>
+ <li>
+  <p>Зазвичай він буде запускати вміст каталогу на локальному веб-сервері по порту 8000. Ви можете перейти на цей сервер, зайшовши на адресу <code>localhost: 8000</code> у своєму переглядачі. Ви побачите там вміст вказаного каталогу — натисніть файл HTML, який ви хочете запустити.</p>
+ </li>
+</ol>
+
+<div class="note">
+<p><strong>Примітка</strong>: Якщо у вас вже щось працює по порту 8000, ви можете вибрати інший, запустивши команду сервера з іншим номером порту, як-от <code>python -m http.server 7800</code> (Python 3.x) або <code>python -m SimpleHTTPServer 7800</code> (Python 2.x). Після цього ви можете отримати доступ до свого вмісту по <code>localhost:7800</code>.</p>
+</div>
+
+<h2 id="Запуск_мов_серверної_частини_локально">Запуск мов серверної частини локально</h2>
+
+<p>Модуль Python <code>SimpleHTTPServer (python 2.0) http.server (python 3.0)</code> корисний, але він не знає як запустити код написаний на таких мовах як Python, PHP чи JavaScript. To handle that you'll need something more — exactly what you'll need depends on the server-side language you are trying to run. Here are a few examples:</p>
+
+<ul>
+ <li>To run Python server-side code, you'll need to use a Python web framework. You can find out how to use the Django framework by reading <a href="/en-US/docs/Learn/Server-side/Django">Django Web Framework (Python)</a>. <a href="http://flask.pocoo.org/">Flask</a> is also a good (slightly less heavyweight) alternative to Django. To run this you'll need to <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Django/development_environment#Installing_Python_3">install Python/PIP</a>, then install Flask using <code>pip3 install flask</code>. At this point you should be able to run the Python Flask examples using for example <code>python3 python-example.py</code>, then navigating to <code>localhost:5000</code> in your browser.</li>
+ <li>To run Node.js (JavaScript) server-side code, you'll need to use raw node or a framework built on top of it. Express is a good choice — see <a href="/en-US/docs/Learn/Server-side/Express_Nodejs">Express Web Framework (Node.js/JavaScript)</a>.</li>
+ <li>To run PHP server-side code, you'll need a server setup that can interpret PHP. Good options for local PHP testing are <a class="external external-icon" href="https://www.mamp.info/en/downloads/">MAMP</a> (Mac and Windows) , <a class="external external-icon" href="http://ampps.com/download">AMPPS</a> (Mac, Windows, Linux) and <a href="https://www.linux.com/learn/easy-lamp-server-installation">LAMP</a> (Linux, Apache, MySQL, and PHP/Python/Perl). These are complete packages that create local setups to allow you to run the Apache server, PHP, and MySQL databases.</li>
+</ul>