Рассмотрим подключение часто используемых 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>
