Ajax *

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

По-английски AJAX произносится как эй-джэкс, по-русски довольно распространено ая́кс.
Вроде бы всё красиво, но есть несколько подводных камней, о которых я вам ниже и расскажу.

Ajax — это не просто акроним, это идея

Хотя Ajax и является акронимом от «Асинхронный JavaScript и XML», это не раскрывает его идеологию. Ajax – это идеология, которая гласит, что для работы серверного веб-приложения, совсем не обязательно перезагружать всю страницу, бесполезно гоняя данные от сервера к клиенту и обратно. Использование Ajax’a позволяет сделать веб-приложение более гибким и современным, позволяя пользователям работать с веб-приложением более продуктивно и удобно.

Ajax, судя по тенденциям, всё больше овладевает умами девелоперов. Особенно активно сейчас начинает развиваться Ajax для мобильных браузеров. Об этом собственно и поговорим.

Технология Ajax очень востребована пользователями мобильных устройств. Причина в общем-то на поверхности. Снижается потребление трафика и трата времени. Ведь подгружаются всего некоторые части страницы, а не она вся (если не в теме, что такое Ajax — рекомендую посетить Wikipedia — Ajax). Соответственно серфинг сети с мобильного устройства становиться более качественным, быстрым и менее раздражающим. Более того, он обходиться дешевле.

Наверняка пост под названием 80+ Smashingmagazine AJAX-Solutions For Professional Coding у многих в закладках. Эта подборка включает в себя самые новые на, то время, и вкусные решения с применением Ajax, собранные со всего мира.
И вот, почти год спустя новая подборка новых вкусных решений — 60 More AJAX — and Javascript Solutions For Professional Coding. Многие скрипты уже знакомы, но есть и замечательные новинки.

Приветствую всех читателей. Популярность AJAX такая, что это, по сути, уже стандарт де-факто для многих проектов. Хотя, как и все технологии (особенно, новые и/или модные), она часто применяется (чего уж грех таить) и там, где без нее не обойтись, и там, где вполне можно, а зачастую и нужно. Впрочем, сегодня речь пойдет о другом.

Одним из неприятных моментов при использовании AJAX – является отсутствие прямых ссылок на динамически сгенерированные страницы или их отдельные части. Здесь кроется и вообще-то концептуальный вопрос – а что, собственно говоря, является в таком подходе страницей – она не имеет некоторого статического представления, каждый раз совершенно другая (не путать с динамической генерацией на сервере), и, фактически, предоставляет пользователю окно в многомерное представление самой себя.

Но все же – допустим, у нас есть простенький, но претенциозный веб-сайт визитка, где по переходам меню AJAX подгружает и выводит контент, а мы хотим дать знакомому по ICQ ссылку на контактную страницу (или любую другую, не суть важно).

Есть два подхода решения проблемы ссылок.

Томас Фукс (Thomas Fuchs) анонсировал обзор релиза библиотеки эффектов Script.aculo.us.

28 сентября состоялся первый публичный альфа-релиз второй версии популярного JS-фреймворка Ext. Всю мощь и открывающиеся возможности можно оценить посетив раздел примеров.

P.S. Особенно меня порадовала возможность интеграции с AIR.

Сейчас в сети Интернет наблюдается очень активное развитие (и даже использование) новых технологий. Одна из таких технологий — AJAX.

Разработчики, как всегда, оперативны: jQuery 1.2.1: Quick Fixes for 1.2
Исправлена серьёзная ошибка в относительной анимации и возвращён обратно метод .eq(), «по просьбам трудящихся».

Итак, вышел первый релиз новой ветки замечательной JavaScript-библиотеки jQuery —
jQuery 1.2.
Изменений — вагон и маленькая тележка, на офф. сайте вынесены на отдельную страницу.
Часть устаревших фич убрана в связи с появлением более универсальных функций, поэтому для желающих предлагается краткое руководство по обновлению и пара плагинов для обратной совместимости с веткой 1.1.

Cuong Tham написал пример, демонстрирующий асинхронную загрузку 5 файлов на сервер, использую YUI.

На прошлой неделе Бил Скотт (Bill Scott) анонсировал Protoscript — простой скриптовый язык для создания прототипов а-ля Ajax. При помощи Protoscript очень легко «вдохнуть жизнь» в элементы интерфейса.

— Scrolling Tabs
— Anchor Layout
— Web Desktop

24 августа вышел новый релиз популярной JavaScript-библиотеки jQuery: jQuery-1.1.4. Вероятно, это последний релиз из ветки 1.1.x и в сентябре выйдет релиз 1.2.

• значительное (в несколько раз) увеличение быстродействия по сравнение с предыдущим релизом
• вместо операторов '$' и 'jQuery' для обращения к функциям JQ можно использовать любое имя
• возможность использовать несколько версий JQ на одной странице, назвав их по-разному
• возможность внедрять JQ в другие JS-библиотеки

Класс LightWindow v2.0 (http://stickmanlabs.com/lightwindow/) предназначен для удобного визуального отображения практически любой информации (видео, flash, графика, страницы, формы ...). Работает на основе библиотеки Prototype + Scriptaculous.

Каждый разработчик javascript приложений рано или поздно сталкивается с проблемой большого (относительно конечно) времени загрузки подключаемых js и css файлов. Эта проблема, как известно, происходит из двух причин: большого количества подключаемых файлов (браузер имеет ограничение на количество одновременно скачиваемых файлов, поэтому пока не скачается один, браузер не приступит к скачиванию другого) и большого размера используемых библиотек (prototype, extjs и т.д.)

Библиотека EXT js мне очень нравится. В первую очередь своей объектно-ориентированной структурой. Основные нарекания вызывает производительность.

На дня известная javascript библиотека-фреймворк Ext JS обновилась до версии 1.1. Несмотря на скорое появление версии 2.0 (очень хочется надеяться, что это будет скоро) Джек и Ко продолжают работу над веткой первой версии.
ExtJS версии 1.1 (beta1) можно скачать на сайте библиотеки: extjs.com/download

Небольшой web2.0 сервис, генерирующий кнопки а-ля Mac.
Работает на основе jQuery.

Slimbox — это небольшой (7kb) альтернативный клон популярной js-библиотеки Lightbox.
Написан с использованием ajax-фреймворка mootools.

На бельгийском сайте опубликован мануал по созданию галереи средствами Slimbox.

Подробности cмотреть здесь (демо, мануал, исходники).