# 10% Підключаємо, знаходимо, готуємо

Базу підготували, тепер час перейти до безпосереднього вивчення jQuery. Все починається з підключення бібліотеки. І вже на цьому етапі ми можемо піти кількома шляхами:

1. Завантажуємо jQuery з домашньої сторінки проєкту <https://jquery.com/> і покладемо поруч з нашою HTML-сторінкою (раджу завантажити development-версію — завжди цікаво покопатися у вихідному коді :):

   ```html
   <script type="text/javascript" src="js/jquery.js"></script>
   ```

   > Цей спосіб добрий для роботи в offline або при надто повільному з'єднанні з інтернетом. Окремо варто звернути увагу на шлях — скрипти зібрані в окремій теці «`js`». І це не випадково, треба привчати себе до порядку.
2. Використовуємо [CDN](https://ru.wikipedia.org/wiki/Content_Delivery_Network). Я віддаю перевагу сервісу від компанії [Google](https://developers.google.com/speed/libraries/#jquery), але є ще [Microsoft](https://learn.microsoft.com/en-us/aspnet/ajax/cdn/overview), а також універсальні [https://cdnjs.com/](https://cdnjs.com/libraries/jquery) та [https://www.jsdelivr.com/](https://www.jsdelivr.com/package/npm/jquery), багато хто, до речі, розміщує багато популярних плагінів, за що їм окрема подяка.

   > Також є CDN, що надається самими розробниками jQuery, але він аж ніяк не такий просунутий, як в інших, і на моїй пам'яті в нього були проблеми зі стабільністю, тож будьте обережні при роботі з ним – <https://releases.jquery.com/>

   <pre class="language-html"><code class="lang-html"><strong>&#x3C;script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js">&#x3C;/script>
   </strong></code></pre>

   > CDN – досить розумна штука, при такому запиті бібліотеки jQuery вам повернуться HTTP-заголовки, в яких буде сказано, що «протухне» цей файл лише через рік.
   >
   > Якщо ж ви запитаєте файл за адресою `jquery@3.7/dist/jquery.min.js`, то вам повернеться остання доступна версія бібліотеки з гілки 3.7.x — на момент написання цих рядків це була версія 3.7.1, при цьому в заголовках буде вказано, що цей файл буде закешований на стороні браузера на 7 днів.
   >
   > Аналогічна ситуація із запитом `jquery@3/dist/jquery.min.js`, він поверне останню доступну версію з гілки 3.x.x, кешування на 7 днів.
3. З використанням менеджера пакетів [NPM](https://www.npmjs.com/) встановлюємо [шукану бібліотеку](https://www.npmjs.com/package/jquery). Цей менеджер дозволяє встановлювати дуже багато різноманітних бібліотек і пакетів, за всім і не встежити.

   > Навіщо я згадую про цей менеджер пакетів? Ну, може, хтось із вас виявиться дуже допитливим і подужати роботу з ним самостійно :)