Общее определение и история создания JavaScript библиотек, их назначение и использование. Виды и особенности JS фреймворков. Создание клиентского приложения (каталога комплектующих компьютера), написание кода страницы с использованием фреймворка Jquery.
Аннотация к работе
Абсолютно все современные сайты построены посредством взаимодействия HTML и JS-фреймворков, а так же Flash, PHP, Java и так далее, но это уже не относится к теме данной курсовой работы. Анимация, красивые меню, фотогалереи, плавные переходы от страницы к странице, диалоговые окна, меняющиеся в зависимости от содержимого и многое другое, это все достигается при помощи JAVASCRIPT библиотек, которые активно используются при создании различных веб страниц. Целью данной курсовой работы является создание клиентского приложения с использованием одного из существующий JS-фреймворков. Поэтому в процессе выполнения курсовой работы необходимо решить следующие задачи: · Дать общее определение JAVASCRIPT библиотеки и рассмотреть виды этих библиотек.Язык JAVASCRIPT, изначально разработанный Netscape (а затем развиваемый Mozilla), долгое время использовался в сети на многих сайтах, но широкую популярность получил с приходом Веб 2.0 - периода развития компьютерных систем, в котором JAVASCRIPT совместно с различными диалектами XML стал активно использоваться в разработке пользовательских интерфейсов как веб-приложений, так и настольных приложений. С увеличением популярности JAVASCRIPT, простота создания динамических элементов пользовательского интерфейса стала играть ключевую роль в веб-разработке. С другой стороны, одним из последствий войны браузеров стала разница в реализации объектной модели документа и это обусловило необходимость затрачивать дополнительные усилия для реализации корректной работы различных браузеров.Существует большое количество JAVASCRIPT библиотек, каждая из которых предназначена для упрощения программирования на JAVASCRIPT. Ext JS - библиотека JAVASCRIPT для разработки веб-приложений и пользовательских интерфейсов, изначально задуманная как расширенная версия Yahoo! До версии 4.0 использовала адаптеры для доступа к библиотекам Yahoo! UI Library, JQUERY или Prototype/script.aculo.us, начиная с 4-ой версии адаптеры отсутствуют. Библиотека JQUERY помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.Не долго думая, я покопался в интернете, почитал информацию по каждому из фреймворков.Итак, выбрав необходимый нам фреймворк, встала задача, какое же приложение создать, какова будет его тематика и содержание. Я решил остановить свой выбор на каталоге, так как он является важнейшим, и используется как в форумах (разделы форума), фотогалереях (категории изображений), блогах, а так же в онлайн библиотеках. Тематикой данного каталога я выбрал комплектующие компьютера, так как в этом примере можно комфортно использовать выпадающее меню (реализованное с использованием JQUERY) и подменю в качестве категорий товара и его подкатегорий.Для начала создадим стартовую страницу index.htm в которой будет содержаться информация о внешнем виде нашего каталога. Создадим 2 вертикальных фрейма, в одном из которых будет находиться выпадающее меню, а во втором будет загружаться страница нужного нам товара, назовем его «content». Для того чтобы создать меню, нам нужна библиотека JQUERY. После чего создадим страницу menu.htm в которой у нас и будет находиться само меню. Файл menu.css находится в папке css, откуда и подключается в меню.Назначение для настольного компьютера Объем 4000 Гб Объем буфера 128 Мб Среднее время задержки (Latency) 4.16 мс Уровень шума работы 30 ДБИтогом данной работы получилось приложение «Каталог компьютерных комплектующих» скриншоты которой я представляю ниже. На данном скриншоте изображена стартовая страница каталога: (Рис.В ходе написания курсовой работы был прочитан и систематизирован теоретический материал по данной теме, а так же выполнены следующие поставленные во введении задачи: · Описано что такое JS-фреймворки · Был выбран целевой фреймворк, который в дальнейшем использовался для разработки приложения Исходя из изученного нами материала, мы видим, что JS-фреймворки являются неотъемлемой частью жизни большинства жителей нашей планеты.
План
Содержание
Введение
Глава1. Определение, виды и выбор фреймворка
1.1 Что такое библиотеки JAVASCRIPT
1.2 Виды JS фреймворков
1.3 Выбор JS фреймворка
Глава 2. Создание клиентского приложения
2.1 Выбор приложения и его тематики
2.2 Написание кода
2.3 Итог работы
Заключение
Литература
Введение
Сегодня, как никогда прежде, JS-фреймворки играют большую роль в сайтостроении. Абсолютно все современные сайты построены посредством взаимодействия HTML и JS-фреймворков, а так же Flash, PHP, Java и так далее, но это уже не относится к теме данной курсовой работы. Анимация, красивые меню, фотогалереи, плавные переходы от страницы к странице, диалоговые окна, меняющиеся в зависимости от содержимого и многое другое, это все достигается при помощи JAVASCRIPT библиотек, которые активно используются при создании различных веб страниц. Поэтому тема данной курсовой работы является очень актуальной.
Целью данной курсовой работы является создание клиентского приложения с использованием одного из существующий JS-фреймворков. Поэтому в процессе выполнения курсовой работы необходимо решить следующие задачи: · Дать общее определение JAVASCRIPT библиотеки и рассмотреть виды этих библиотек.
· Выбрать одну из библиотек для создания приложения.
· Создать приложение с использованием одного из фреймворков.
В первой главе приведено определение JAVASCRIPT библиотек, немного истории создания. Рассматриваются различные библиотеки, после чего выбирается один из этих фреймворков для создания клиентского приложения.
Во второй главе осуществляется выбор из возможных вариантов приложения, описывается то, как создается это приложение с примерами кодов страниц.
Глава 1. Значение, виды и выбор фреймворка
Вывод
В ходе написания курсовой работы был прочитан и систематизирован теоретический материал по данной теме, а так же выполнены следующие поставленные во введении задачи: · Описано что такое JS-фреймворки
· Представлены виды фреймворков с кратким описанием каждого из них
· Был выбран целевой фреймворк, который в дальнейшем использовался для разработки приложения
· Было разработано приложение с использованием фреймворка Jquery
Исходя из изученного нами материала, мы видим, что JS-фреймворки являются неотъемлемой частью жизни большинства жителей нашей планеты. Используя интернет и посещая тем самым различные веб страницы, пользователь сам не подозревая того, использует JAVASCRIPT библиотеки. Без них любой современный сайт будет простым, невзрачным HTML документом, содержащим информацию и не имеющим ничего такого, за что бы мог «зацепиться глаз» посетителя этого сайта. Ведь заходить на красиво оформленную страницу, с плавной анимацией меню или диалоговых окон, видеть слайд-шоу из каких-нибудь тематических картинок всегда приятнее, нежели на страницу с обычным набором текста, с банальными ссылками и т.п.
Дальнейшее изучение данного раздела информатики может значительно расширить кругозор учащихся в области веб программирования. приложение фреймворк страница компьютер