Update: Более новый материал по этой теме находится по адресу https://learn.javascript.ru/ajax.

• Введение в Ajax
  1. Что такое AJAX ? Пример реализации.
  2. Что я могу сделать с помощью AJAX ?
  3. Пример. Google suggest.
  4. Пример. Gmail.
  5. Синхронная модель VS Асинхронная модель

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

  Надеюсь, она будет полезна для понимания, что такое AJAX и с чем его едят. читать дальше »

• Ajax и Rich Client
  1. Rich Client - это..
  2. Ограничения на Rich Client
     1. Сетевые задержки, проблемы связи
     2. Ограниченность ресурсов, ошибки и несовместимость браузеров
  3. Примеры виджетов

  Как правило, AJAX используется не сам по себе, а вместе с разными javascript-красивостями, которые помогают делать интерфейс не только быстрым, но и удобным.

  Плюсы очевидны:

  • AJAX - это уже javascript, почему бы не добавить еще javascript?
  • AJAX не перегружает страницу, значит
    • Не нужно перегружать жирные интерфейсы
    • Не надо запоминать состояние интерфейса для открытия в том же виде после перезагрузки страницы

  Посмотрим на некоторые примеры Rich Client.

  читать дальше »

• Ajax и клиент-серверная архитектура.
  1. MVC на клиенте
  2. Написание сложных интерактивных приложений.
     1. Браузер не показывает документ, а выполняет приложение
     2. Сервер посылает данные, а не документ
     3. Возможно непрерывное взаимодействие с пользователем
     4. Сложные AJAX-приложения требуют грамотного программирования и подхода

  Использование AJAX и Rich Client серьезно отражается не только на серверной и клиентской части приложения, но и на их взаимодействии.

  В статье описывается расширенная странично-сервисная модель приложения, MVC на клиенте и несколько принципов реализации сложных AJAX-приложений. читать дальше »

• Способы общения с сервером

  Чтобы написать AJAX-приложение, нужно уметь связываться с сервером. Технологии, которые обеспечивают такую связь, называют транспортами. Разные транспорты имеют разные возможности и ограничения. читать дальше »

• COMET

  События на сервере могут быть - новое сообщение, обновление данных другим пользователем, и т.п.

  При этом не клиент присылает свои данные, а сервер. В этом разделе описаны различные технические свойства для такой передачи. читать дальше »

• Форматы данных для AJAX
  1. HTML
  2. XML
  3. JSON (JavaScript Object Notation)
  4. Какой формат выбирать?

  Существует несколько распространенных форматов общения с сервером.

  Рассмотрим

  • HTML
  • XML
  • JSON

  читать дальше »

• Обмен данными для документов с разных доменов
  1. Полностью cross-domain
     1. Прокси
     2. Script
     3. Flash
     4. XhrIframeProxy
     5. Безопасность
  2. Кросс-доменный скриптинг с общим наддоменом
     1. XMLHTTPRequest
     2. Пример
  3. HTML5, XDomainRequest

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

  Он бывает полезен как для связи сервисов от различных поставщиков, так и для общения разнородных ресурсов в рамках одного общего домена второго уровня.

  В зависимости от того, одинаковый домен второго уровня или разный - применяются разные способы организации кросс-доменных запросов. читать дальше »

• Обмен данными между доменами. Часть 2.
  1. HTML5: postMessage
     1. Пример
  2. XMLHTTPRequest 2 / XDomainRequest
     1. Пример
     2. Реализация
  3. Дополнительные материалы

  Эта статья является продолжением статьи Обмен данными для документов с разных доменов и рассматривает новые способы обмена данными между доменами, которые, однако, уже поддерживаются основными современными браузерами. читать дальше »

• Введение
• Основы javascript
• DOM: работа с HTML-страницей
• События
• Объекты, ООП
• AJAX
• Особенности регулярных выражений в Javascript

• Базовые типы: Строки, Числа, Boolean
• Операторы, их особенности в JS
• Массивы
• Функции
• Замыкания
• Регулярные выражения
• Конструкции языка. Обработка ошибок.

• Редактирование и отладка скриптов
• Cookie
• HTTP-Отладка
• Просмотр живого HTML
• Разное полезное

• Drag and drop
• Грамотное javascript-дерево за 7 шагов
• Интеграция AJAX в интерфейс
• Координаты элемента на странице
• Правильные show/hide/toggle
• Удобное дерево с AJAX-подгрузкой

• Введение в Ajax
• Ajax и Rich Client
• Ajax и клиент-серверная архитектура.
• Способы общения с сервером
• COMET
• Форматы данных для AJAX
• Обмен данными для документов с разных доменов
• Обмен данными между доменами. Часть 2.

• Google Closure Compiler в деталях
• Yahoo: лучшие способы ускорения сайта
• Анализ оптимизации страниц c Yslow
• Интерфейсы. Прочь от MVC
• Оптимизация Javascript-кода
• Польза от documentFragment
• Сжатие Javascript и CSS
• Улучшаем сжимаемость Javascript-кода.
• Умное Кеширование и Версионность в Javascript/CSS

• Асинхронное программирование
• Google Gears в деталях
• Javascript <-> Flash мост
• Букмарклеты и правила их написания
• О подборке книг на сайте
• Почему <a href="javascript:..."> - плохо
• Способы идентификации в интернете
• Уровни DOM
• Что почитать?
• Шаблонизация с javascript
• Юнит-тесты уровня браузера на связке Selenium + PHP.
• Справочники: Javascript/HTML/CSS
• Система сборки и зависимостей Google Closure Library
• Хранение данных на клиенте. DOM Storage и его аналоги.
• 10 лучших функций на JavaScript

Дерево всех статей

• <canvas> видео на холсте
• Жалобы и пожелания
• Удаление элементов по одному
• Валидация imap-сервера при помощи регулярного выражения
• Калькулятор стоимости на JavaScript: отображение числа с ...
• графический эквалайзер
• как отловить выход строки за экран