Подключение внешних библиотек: jQuery, AngularJS и др.

Рассмотрим подключение часто используемых javascript-библиотек и фреймворков при разработке веб-приложений.

Для подключения любой из перечисленных библиотек, необходимо разместить указанный код перед закрывающим тегом </head>. В некоторых случаях, для увеличения скорости загрузки страницы, код размещается внизу страницы, до закрывающего тега </body>.

1. Подключение AngularJS

AngularJS – opensource javascript-фреймворк, предназначен для создания приложений использую шаблон MVC. Имеет богатую функциональность, позволяет работать с AJAX, DOM, анимациями, шаблонами и прочее. Главной особенностью является то, что он позволяет синхронизировать модель и представление, то есть позволяет динамически менять данные в интерфейсе при изменения данных в модели.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>

2. Подключение Angular Material

Angular Material – это одна из реализаций материального дизайна под Angular.

<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>

3. Подключение Dojo

Dojo – модульная javascript-библиотека, предназначена для упрощения разработки JS и AJAX приложений.

<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script>

4. Подключение Hammer.JS

Hummer.JS – javascript-библиотека, предназначена для поддержки восприятия тактильного воздействия, проще говоря, улучшает взаимодействие с сенсорными экранами. Работает при поддержке jQuery.

<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>

5. Подключение jQuery

jQuery – популярная javascript-библиотека, основной задачей является взаимодействие JS и HTML. Имеет ряд возможностей для работы с DOM, обработкой событий, AJAX и визуальными эффектами. Для jQuery существует огромное количество дополнительных плагинов.

версия 1.12.4:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

версия 2.2.4:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

версия 3.1.0:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

6. Подключение jQuery Mobile

jQuery Mobile – сенсорно-ориентированный фреймворк, предназначен для разработки веб-приложений с уклоном на планшеты и смартфоны.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>

7. Подключение jQuery UI

jQuery UI – javascript-библиотека, предназначена для создание пользовательского интерфейса. Имеет набор готовых виджетов.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>

8. Подключение MooTools

MooTools – объектно-ориентированный javascript-фреймворк, созданный для разработки веб-приложений. Протестирован во многих, в то числе и старых, браузерах.

<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>

9. Подключение SWFObject

SWFObject – js-скрипт, предназначенный для внедрения flash-роликов на страницы сайта.

<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

10. Подключение three.js

three.js – javascript-библиотека, предназначена для создания анимированных 3D-объектов при разработке веб-приложений.

<script src="https://ajax.googleapis.com/ajax/libs/threejs/r76/three.min.js"></script>