6. Эволюция архитектур веб-приложений.

Характеристика 4-х типов архитектур с указанием элементов, их предназначения. Ограничения каждого из типа архитектур, обусловившие появление следующего типа.

1. Статические страницы. Клиент отправляет запрос серверу, с сервера присылается уже готовая страница. Все страницы должны быть сформированы заранее. Сервер состоит из двух компонентов: Файловый сервер, Веб-сервер (осуществляет диалог с браузером).

2. Клиентский JavaScript. Встроен по умолчанию в браузер. Это клиентский язык. Выполняется на клиентском компьютере в браузере, а не на сервере. Если браузер (или клиент) запрашивают страницу с клиентским JS, сервер высылает полное содержимое документа, включая HTML страницу и операторы JS клиенту по сети. Браузер читает страницу сверху вниз, отображая результирующий HTML и выполняя сценарии JS.

Возможности JavaScript:

- добавлять анимацию;

- создавать и считывать куки;

- определять браузер;

- изменять содержимое HTML – документов.

3. Динамические страницы. Клиент – Сервер – База данных. Клиентом отправляется запрос, и сервер динамически формирует из БД новую страницу, которая затем отсылается клиенту.

4. Asynchronous Javascript and XML — асинхронный JavaScript и XML. Технология для взаимодействия сервером без перегрузки страниц. За счет этого уменьшается время отклика. Технология асинхронна, т.е. браузер, отослав запрос, может делать что угодно, например, показать сообщение об ожидание ответа.

Это фоновый обмен данными между браузером и веб-сервером. При добавлении данных страница не перезагружается полностью, а приложение становится более быстрым и удобным.

Принцип, на котором базируется AJAX: динамическое обращение к серверу без перезагрузки всей страницы.

(нарисовать)

7. Возможности JavaScript.

Возможности JavaScript в браузерах. Понятие DOM. Пример модификации элементов документа HTML. Политика общего происхождения. Ограничения JavaScript. Новые возможности JavaScript в HTML 5.

JavaScript - это язык программирования для Веб. Сегодня чаще всего JavaScript находится внутри документов HTML и обеспечивает уровень взаимодействия с веб-страницами, которого невозможно достичь с помощью простых документов HTML. JavaScript позволяет создавать приложения, выполняемые на стороне клиента, т.е. эти приложения выполняются браузером на компьютере пользователя.

Возможности языка

JavaScript обладает рядом свойств объектно-ориентированного языка, но реализованное в языке прототипирование обуславливает отличия в работе с объектами по сравнению с традиционными объектно-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания — что придаёт языку дополнительную гибкость.

В языке отсутствуют такие полезные вещи, как:

-модульная система: JavaScript не предоставляет возможности управлять зависимостями и изоляцией областей видимости;

-стандартная библиотека: в частности, отсутствует интерфейс программирования приложений по работе с файловой системой, управлению потоками ввода/вывода, базовых типов для бинарных данных;

-стандартные интерфейсы к веб-серверам и базам данных;

-система управления пакетами[~ 3], которая бы отслеживала зависимости и автоматически устанавливала их.

DOM (от англ. Document Object Model — «объектная модель документа») — это инструмент, с помощью которого JavaScript видит содержимое HTML-страницы и состояние браузера.

Согласно DOM, документ (например, веб-страница) может быть представлен в виде дерева объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции:

• получение узлов,

• изменение узлов,

• изменение связей между узлами,

• удаление узлов.

 Существует три основных способа динамических изменений:

• с помощью метода write (); 

• путем изменения значений свойств, соответствующих атрибутам HTML-тегов и параметрам каскадных таблиц стилей;

• путем изменения значений свойств innerText, outerText, mnerHTML, outerHTML, которые имеют почти все объекты, заданные с помощью тегов.

Ограничения JavaScript:

• JavaScript не может читать/записывать произвольные файлы на жесткий диск, копировать их или вызывать программы. Он не имеет прямого доступа к операционной системе.

Современные браузеры могут работать с файлами, но эта возможность ограничена специально выделенной директорией — песочницей. Возможности по доступу к устройствам также прорабатываются в современных стандартах и, частично, доступны в некоторых браузерах.

• JavaScript, работающий в одной вкладке, почти не может общаться с другими вкладками и окнами. За исключением случая, когда он сам открыл это окно или несколько вкладок из одного источника (одинаковый домен, порт, протокол).

Есть способы это обойти, и они раскрыты в учебнике, но для этого требуется как минимум явное согласие обоих сторон. Просто так взять и залезть в произвольную вкладку с другого домена нельзя.

• Из JavaScript можно легко посылать запросы на сервер, с которого пришла страничка. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности.

HTML 5 — эволюция стандарта HTML, добавляющая новые теги и, что более важно, ряд новых возможностей браузерам.

Вот несколько примеров:

• Чтение/запись файлов на диск (в специальной «песочнице», то есть не любые).

• Встроенная в браузер база данных, которая позволяет хранить данные на компьютере пользователя.

• Многозадачность с одновременным использованием нескольких ядер процессора.

• Проигрывание видео/аудио, без Flash.

• 2d и 3d-рисование с аппаратной поддержкой, как в современных играх.

Тенденция: JavaScript становится все более и более мощным и возможности браузера растут в сторону десктопных приложений.