Перед вами современный учебник по JavaScript, начиная с основ, включающий в себя DOM, замыкания, ООП, тонкости и много практических задач. От основ к продвинутой, грамотной разработке. Хорошего чтения!

Краткое содержание

Часть 1. Изучаем JavaScript.

• Общая информация
• Основы JavaScript
• Пишем на JavaScript
• Структуры данных
• Функции и замыкания
• Аргументы функций
• Объекты и методы
• Получение и проверка типа
• Разные темы

Часть 2. Документ, события, интерфейсы

• CSS для JavaScript-разработчика
• Документ и объекты страницы
• События, взаимодействие с посетителем
• Анимация
• jQuery: курс немолодого бойца [в работе]
• Создание графических компонентов

Часть 3. Разное.

• Продвинутая работа с объектами
• Оптимизация
• Сжатие JavaScript
• Разное
• Окна и Фреймы
• Регулярные выражения [в работе]
• Сундучок с инструментами
• Ура, я знаю JavaScript!
• AJAX

---

Оглавление

Часть 1. Изучаем JavaScript.

Введение и возможности языка JavaScript. Мы будем использовать браузер для запуска примеров, но сами знания не привязаны к конкретной платформе.

• Общая информация
  • Введение в JavaScript
  • Альтернативные браузерные технологии
  • Книги по JS, HTML/CSS и не только
  • Справочники и спецификации
  • Редакторы для кода
  • Sublime Text: шпаргалка
  • Установка браузеров, JS-консоль
  • Поддержка старых браузеров
  • Привет, мир!
    • ✔ Alert 5

• Основы JavaScript
  • Структура кода
  • Переменные
    • ✔ Работа с переменными 2
  • Имена переменных
    • ✔ Объявление переменных 3
  • Введение в типы данных
  • Основные операторы
    • ✔ Инкремент и декремент, примеры 5
    • ✔ Результат присваивания 3
  • Операторы сравнения и логические значения
  • Побитовые операторы
    • ✔ Побитовый оператор и значение 5
    • ✔ Проверка, целое ли число 3
    • ✔ Симметричны ли операции ^, |, &? 5
    • ✔ Почему результат разный? 5
  • Взаимодействие с пользователем: alert, prompt, confirm
    • ✔ Простая страница 4
  • Условные операторы: if, '?'
    • ✔ if (строка с нулём) 5
    • ✔ Проверка стандарта 2
    • ✔ Получить знак числа 2
    • ✔ Проверка логина 3
    • ✔ Перепишите 'if' в '?' 5
    • ✔ Перепишите 'if..else' в '?' 5
  • Логические операторы
    • ✔ Что выведет alert (ИЛИ)? 3
    • ✔ Что выведет alert (И)? 3
    • ✔ Проверка if внутри диапазона 3
    • ✔ Проверка if вне диапазона 3
    • ✔ Вопрос про "if" 5
  • Циклы while, for
    • ✔ Последнее значение цикла 3
    • ✔ Какие значения i выведет цикл while? 4
    • ✔ Какие значения i выведет цикл for? 4
    • ✔ Замените for на while 1
    • ✔ Повторять цикл, пока ввод неверен 5
  • Директивы break и continue
    • ✔ Вывести простые числа 4
  • Конструкция switch
    • ✔ Напишите "if", аналогичный "switch" 5
    • ✔ Переписать if'ы в switch 4
  • Функции
    • ✔ Обязателен ли "else"? 4
    • ✔ Перепишите функцию, используя оператор '?' или '||' 4
    • ✔ Функция min 1
    • ✔ Функция pow(x,n) 4
  • Рекурсия, стек
    • ✔ Вычислить сумму чисел до данного 5
    • ✔ Вычислить факториал 4
    • ✔ Числа Фибоначчи 5
  • Методы и свойства
  • Всё вместе: особенности JavaScript

• Пишем на JavaScript
  • Строгий режим, "use strict"
  • Стиль кода
    • ✔ Ошибки в стиле 4
    • ✔ Ошибки в стиле 2 4
  • Как писать неподдерживаемый код?
  • Отладка в браузере Chrome

• Структуры данных
  • Строки
    • ✔ Сделать первый символ заглавным 5
    • ✔ Проверьте спам 5
    • ✔ Усечение строки 5
  • Числа
    • ✔ Интерфейс sum 5
    • ✔ Почему 6.35.toFixed(1) == 6.3? 4
    • ✔ Сложение цен 5
    • ✔ Бесконечный цикл по ошибке 4
    • ✔ Как получить дробную часть числа? 3
    • ✔ Формула Бине 4
    • ✔ Случайное из интервала (0, b) 2
    • ✔ Случайное из интервала (a, b) 2
    • ✔ Случайное целое от min до max 2
  • Преобразование типов для примитивов
    • ✔ Вопросник по преобразованиям, для примитивов 5
  • Объекты как ассоциативные массивы
    • ✔ Первый объект 3
    • ✔ multiplyNumeric 5
  • Массивы c числовыми индексами
    • ✔ Получить последний элемент массива 5
    • ✔ Добавить новый элемент в массив 5
    • ✔ Создание массива 5
    • ✔ Получить случайное значение из массива 3
    • ✔ Создайте калькулятор для введённых значений 4
    • ✔ Чему равен элемент массива? 3
    • ✔ Поиск в массиве 3
    • ✔ Фильтр диапазона 3
    • ✔ Решето Эратосфена 3
    • ✔ Подмассив наибольшей суммы 2
  • Массивы: методы
    • ✔ Оставить уникальные элементы массива 3
    • ✔ Добавить класс в строку 5
    • ✔ Перевести текст вида border-left-width в borderLeftWidth 3
    • ✔ Функция removeClass 5
    • ✔ Фильтрация массива "на месте" 4
    • ✔ Сортировать в обратном порядке 5
    • ✔ Скопировать и отсортировать массив 5
    • ✔ Случайный порядок в массиве 3
    • ✔ Сортировка объектов 5
    • ✔ Вывести односвязный список 5
    • ✔ Отфильтровать анаграммы 3
  • Дата и Время
    • ✔ Создайте дату 5
    • ✔ Имя дня недели 5
    • ✔ День недели в европейской нумерации 5
    • ✔ День 100 дней назад 4
    • ✔ Последний день месяца? 5
    • ✔ Сколько секунд - до завтра? 5
    • ✔ Вывести текущую дату 3
    • ✔ Относительное форматирование даты 4

• Функции и замыкания
  • Функция - это значение
  • Function Declaration и Function Expression
  • Именованные функциональные выражения
    • ✔ Проверка на NFE 5
  • Глобальный объект
    • ✔ Window и переменная 5
    • ✔ Window и переменная 2 5
    • ✔ Window и переменная 3 5
    • ✔ Функция и переменная 3
  • Замыкания, функции изнутри
    • ✔ вопрос по var 5
    • ✔ var window 5
    • ✔ Вызов "на месте" 4
  • Хранение данных в замыкании, модули
    • ✔ Сумма через замыкание 4
    • ✔ Фильтрация через функцию 5
    • ✔ Функция - строковый буфер 5
    • ✔ Строковый буфер с методами 5
    • ✔ Будет ли доступ через замыкание? 5
    • ✔ Армия функций 5
  • Статические переменные
    • ✔ Создать счётчик со статической переменной 3
  • Конструкция "with"
    • ✔ With + функция 5
    • ✔ With + переменные 5

• Аргументы функций
  • Псевдо-массив arguments
    • ✔ Проверка на аргумент-undefined 5
    • ✔ Сумма аргументов 5
  • Именованные аргументы

• Объекты и методы
  • Свои объекты: конструкторы и методы
    • ✔ Создайте калькулятор 5
    • ✔ Цепочка вызовов 2
    • ✔ Две функции один объект 2
    • ✔ Создать Summator при помощи конструктора 5
    • ✔ Создать Adder при помощи конструктора 5
    • ✔ Перекрытие переменной 4
    • ✔ Создайте калькулятор 5
  • Контекст this в деталях
    • ✔ Передайте все аргументы, кроме первого 5
    • ✔ Почему this присваивается именно так? 3
    • ✔ Проверка синтаксиса 2
    • ✔ Вызов в контексте массива 5
  • Приём программирования "Декоратор"
    • ✔ Логирующий декоратор (1 аргумент) 5
    • ✔ Логирующий декоратор (много аргументов) 3
    • ✔ Кеширующий декоратор 5

• Получение и проверка типа
  • Преобразование объектов: toString и valueOf
    • ✔ ['x'] == 'x' 5
    • ✔ Преобразование 5
    • ✔ Почему [] == [] неверно, а [ ] == ![ ] верно? 5
    • ✔ Вопросник по преобразованиям, для объектов 5
    • ✔ Сумма произвольного количества скобок 2
  • Оператор typeof, [[Class]] и утиная типизация
    • ✔ Полиморфная функция outputDate 5
    • ✔ Как будет работать isObject(undefined)? 2

• Разные темы
  • Таймеры
    • setTimeout и setInterval
      • ✔ Вывод чисел каждые 100мс 5
      • ✔ Вывод чисел каждые 100мс, через setTimeout 5
      • ✔ Для подсветки setInterval или setTimeout? 5
      • ✔ Кто быстрее? 5
      • ✔ Что выведет setTimeout? 5
      • ✔ Что выведет после setInterval? 5
      • ✔ Функция-задержка 5
      • ✔ Вызов не чаще чем в N миллисекунд 5
      • ✔ Тормозилка 5
    • Клонировать setTimeout и setInterval
      • ✔ Вывод чисел каждые 100мс 5
      • ✔ Вывод чисел каждые 100мс, через setTimeout 5
      • ✔ Для подсветки setInterval или setTimeout? 5
      • ✔ Кто быстрее? 5
      • ✔ Что выведет setTimeout? 5
      • ✔ Что выведет после setInterval? 5
      • ✔ Функция-задержка 5
      • ✔ Вызов не чаще чем в N миллисекунд 5
      • ✔ Тормозилка 5
    • setImmediate
  • Привязка контекста
    • Привязка функции к объекту и карринг: "bind/bindLate"
      • ✔ Повторный bind 4
    • Позднее связывание "bindLate"
  • Статические и фабричные методы объектов
    • ✔ Счетчик объектов 5
  • Массив: Перебирающие методы
    • ✔ Массив частичных сумм 2
  • Запуск кода из строки: eval
    • ✔ Eval-калькулятор 4
  • Перехват ошибок, "try..catch"
    • ✔ Finally или просто код? 5
    • ✔ Eval-калькулятор с ошибками 5
  • Формат JSON
    • ✔ Превратите объект в JSON 3
  • Тест: повторение тонких мест
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник

---

Часть 2. Документ, события, интерфейсы.

Учимся использовать JavaScript для любых изменений страницы, делать интерфейс.

• CSS для JavaScript-разработчика
  • О чём пойдёт речь
  • Единицы измерения "px", "em", "%" и другие
    • ✔ Масштабируемый компонент 5
  • Свойства "font-size" и "line-height"
    • ✔ Отступ между элементами, размер одна строка 4
  • Свойство white-space
  • Свойство "outline"
  • Свойство "box-sizing"
  • Свойство "margin"
    • ✔ Нерабочие margin? 3
    • ✔ Расположить текст внутри INPUT 5
  • Свойство "display"
  • Лишнее место под IMG
  • Свойство "float"
    • ✔ Разница inline-block и float 5
    • ✔ Дерево с многострочными узлами 3
    • ✔ Постраничная навигация (CSS) 5
    • ✔ Добавить рамку, сохранив ширину 4
  • Свойство "overflow"
  • Свойство "position"
    • ✔ Модальное окно 5
  • Особенности свойства "height" в %
  • Знаете ли вы селекторы?
    • ✔ Выберите элементы селектором 5
    • ✔ Отступ между парами, размером со строку 4
  • CSS без IE6(7)
    • ✔ Отступ между парами, размером со строку 4
  • CSS-спрайты
  • Центрирование горизонтальное и вертикальное
    • ✔ Поместите мяч в центр поля (CSS) 5
    • ✔ Форма + модальное окно 5
    • ✔ vertical-align + table-cell + position = ? 5
  • Правила форматирования CSS

• Документ и объекты страницы
  • Окружение: DOM, BOM и JS
  • BOM-объекты: navigator, screen, location, frames
  • DOM-элементы и их свойства
    • Дерево DOM
    • Работа с DOM из консоли
    • Навигация в DOM, свойства-ссылки
      • ✔ DOM children 5
      • ✔ Проверка существования детей 5
      • ✔ Вопрос по навигационным ссылкам 5
    • Свойства узлов: тип, тег, содержимое и другие
      • ✔ В инлайн скрипте lastChild.nodeType 5
      • ✔ Найти следующий элемент 5
      • ✔ Тег в комментарии 3
    • Атрибуты и "свои" свойства
      • ✔ Получите пользовательский атрибут 5
    • Интерактивное путешествие по DOM
    • Поиск: getElement* и querySelector*
      • ✔ Длина коллекции после удаления элементов 5
      • ✔ Поиск элементов 4
      • ✔ Проверка, находится ли элемент внутри другого 5
      • ✔ Дерево 5
      • ✔ Сравнение количества элементов 5
      • ✔ Бенчмаркинг методов поиска в DOM 2
      • ✔ Получить второй LI 5
    • Добавление и удаление узлов
      • ✔ createTextNode vs innerHTML 5
      • ✔ Удаление элементов 5
      • ✔ insertAfter 5
      • ✔ removeChildren 5
      • ✔ Почему остаётся "ааа" ? 1
      • ✔ Создать список 4
      • ✔ Создайте дерево из объекта 5
      • ✔ Создать календарь в виде таблицы 4
      • ✔ Часики с использованием "setInterval" 4
      • ✔ Часики при помощи "setTimeout" 3
    • Мультивставка: insertAdjacentHTML и DocumentFragment
      • ✔ Вставьте элементы в конец списка 5
      • ✔ Вставка insertAdjacentHTML/DocumentFragment 4
      • ✔ Отсортировать таблицу 5
    • Метод document.write
      • ✔ Загрузите скрипт с передачей разрешения экрана 3
  • Внешний вид: стили, прокрутка, координаты
    • Стили и классы, getComputedStyle
      • ✔ Поставьте класс ссылкам 3
      • ✔ Скругленая кнопка со стилями из JavaScript 3
      • ✔ Создать уведомление 5
    • Размеры и прокрутка элементов
      • ✔ Найти размер прокрутки снизу 5
      • ✔ Узнать ширину полосы прокрутки 3
      • ✔ Подменить div на другой с таким же размером 3
      • ✔ Поместите мяч в центр поля 5
      • ✔ Расширить элемент 3
      • ✔ В чём отличие "width" и "clientWidth" ? 5
    • Размеры и прокрутка для страницы
      • ✔ Получить прокрутки документа 5
    • Координаты
      • ✔ Найдите координаты точки в документе 5
      • ✔ Разместить заметку рядом с элементом 5
      • ✔ Разместить заметку внутри элемента 5
  • Проверка вложенности и соседства
  • DOM-шпаргалка

• События, взаимодействие с посетителем
  • События: основы
    • Введение в браузерные события
      • ✔ Спрятать при клике 5
      • ✔ Спрятаться 5
      • ✔ Какие обработчики сработают? 5
      • ✔ Раскрывающееся меню 5
      • ✔ Спрятать сообщение 5
      • ✔ Карусель 5
    • Получение объекта события
      • ✔ Передвигать мяч по полю 5
    • Всплытие и перехват
    • Действия браузера по умолчанию
      • ✔ Почему не работает return false? 3
    • Отмена выделения, невыделяемые элементы
    • Делегирование событий
      • ✔ Скрытие сообщения с помощью делегирования 5
      • ✔ Раскрывающееся дерево 5
      • ✔ Галерея изображений 5
      • ✔ Поймайте переход по ссылке 5
      • ✔ Сортировка таблицы 4
      • ✔ Функция делегирования 3
    • Шаблон проектирования "поведение" (behavior)
    • Управление порядком обработки, setTimeout(...0)
  • События мыши
    • Введение: клики, кнопка, координаты
      • ✔ Список с выделением 5
      • ✔ Дерево: проверка клика на заголовке 3
    • События движения: "mouseover/out/move/leave/enter"
      • ✔ Как отследить прекращение движения курсора? 5
      • ✔ Выделение кнопки при заходе и клике 5
      • ✔ Поведение "подсказка" 5
      • ✔ Поведение "вложенная подсказка" 4
    • Колёсико мыши: "wheel" и аналоги
      • ✔ Запретите прокрутку страницы 3
    • Устранение IE-несовместимостей: "fixEvent"
  • Основы Drag'n'Drop
    • ✔ Слайдер 5
    • ✔ Расставить супергероев по полю 5
  • Drag'n'Drop объектов
  • События клавиатуры
    • ✔ Поле только для цифр 5
    • ✔ Отследить одновременное нажатие 3
  • Формы: свойства элементов
    • ✔ Добавьте опцию к селекту 5
    • ✔ Валидация формы 3
  • Формы: события "change", "input", "propertychange"
    • ✔ Автовычисление процентов по вкладу 5
  • Формы: метод и событие "submit"
    • ✔ Модальное диалоговое окно 5
  • События и методы "focus/blur"
    • ✔ Плейсхолдер 5
    • ✔ Мышонок на "клавиатурном" приводе 4
    • ✔ Поле, предупреждающее о включенном CapsLock 3
    • ✔ Горячие клавиши 5
    • ✔ Красивый плейсхолдер для INPUT 5
  • Событие "onscroll"
    • ✔ Аватар наверху при прокрутке 5
    • ✔ Кнопка вверх-вниз 3
    • ✔ Загрузка видимых изображений 4
  • События "onload", "onbeforeunload" и "onerror"
    • ✔ Красивый "ALT" 5
    • ✔ Загрузить изображения с коллбэком 4
    • ✔ Скрипт с коллбэком 4
    • ✔ Скрипты с коллбэком 5
  • Событие загрузки документа "onDOMContentLoaded"
  • Проверка поддержки браузером

• Анимация
  • JS-Анимация
    • ✔ Анимируйте карусель 5
    • ✔ Анимировать лого 5
    • ✔ Анимируйте мяч 5
    • ✔ Анимируйте падение мяча с отскоками вправо 5
  • Кривые Безье
  • CSS-анимация
    • ✔ Анимировать лого (CSS) 5

• jQuery: курс немолодого бойца [в работе]
  • Введение
  • jQuery: поиск элементов
    • ✔ get VS eq
  • Навигация по jQuery-коллекции
    • ✔ Выберите всех родителей вместе с элементом 5
  • Методы для работы с DOM [в работе]
  • ... [в работе]
    • ✔ Перепишите на jQuery 5

• Создание графических компонентов
  • Введение
  • Вёрстка графических компонентов
    • ✔ Семантическое меню 5
    • ✔ Ошибки в вёрстке 5
  • Процедурное и объектное программирование
  • Внутренний и внешний интерфейс
    • ✔ Написать объект с геттерами и сеттерами 4
    • ✔ Часики 5
    • ✔ Выпадающее меню 5
  • Соглашения в коде виджета
    • ✔ Компонент: список с выделением 5
    • ✔ Слайдер-компонент 5
    • ✔ Голосовалка 5
  • Свои события, подписка-уведомление
    • ✔ Голосовалка "на событиях" 5
    • ✔ Список с выделением и событием 5
    • ✔ Свой селект 5
  • Практика, практика, практика!
    • ✔ Подсказка над элементом 5
    • ✔ Подсказка, следующая за курсором 4
    • ✔ Менять размер картинки при помощи мыши 5
    • ✔ Выбор фрагмента картинки мышью 3
    • ✔ Меню с анимированным раскрытием 3
    • ✔ Слайдер с событиями 5
    • ✔ Календарь 5
    • ✔ Автокомплит 4
    • ✔ Вложенное меню с выпаданием по клику 4
  • Шаблонизация в JavaScript
    • ✔ Шаблон для таблицы с пользователями 5
    • ✔ Меню с шаблоном 5
    • ✔ Меню с шаблоном списка и элемента 5
  • Еще практика!
    • ✔ Селектор даты 5
    • ✔ Переносимые окна 5
    • ✔ Менеджер окон 5
    • ✔ Двойной календарь со стрелками 5
    • ✔ Дерево с чекбоксами 5

---

Часть 3. Разное.

• Продвинутая работа с объектами
  • Прототип: наследование и методы
    • ✔ Прототип и this 5
    • ✔ Чему равно cвойство после delete? 5
    • ✔ Алгоритм для поиска 5
    • ✔ Прототип после создания 5
    • ✔ Аргументы по умолчанию 3
    • ✔ Есть ли разница между вызовами? 5
  • "Классы" в JavaScript
    • ✔ Хомяки с __proto__ 5
    • ✔ Перепишите в виде класса 5
  • Детали: свойство "constructor"
    • ✔ Создать объект тем же конструктором 5
  • Проверка прототипа: "instanceof"
    • ✔ Странное поведение instanceof 5
  • Наследование для классов в JavaScript
    • ✔ Что выведет instanceof? 5
    • ✔ Что содержит constructor? 5
    • ✔ Класс "часы" 5
    • ✔ Класс "расширенные часы" 5
    • ✔ Меню с таймером для анимации 5
  • Область применения наследования
  • ООП: фреймворк Class.extend
  • ООП: функциональная реализация классов
  • ООП: почему наследование "на прототипах" - лучше
  • Расширение встроенных прототипов
    • ✔ Добавить функциям defer 5
    • ✔ Добавить функциям defer с аргументами 4
  • Дескриптор свойства, геттеры и сеттеры

• Оптимизация
  • Управление памятью в JS и DOM
  • Утечки памяти
  • Оптимизация скриптов: dom, async, defer [в работе]
    • ✔ Кролики оффлайн

• Сжатие JavaScript
  • Современные сжиматели JavaScript
  • Улучшаем сжатие кода
  • GCC: продвинутые оптимизации
  • GCC: статическая проверка типов
  • GCC: интеграция с Google Closure Library

• Разное
  • Мини-библиотека функций учебника
  • Выделение: Range, TextRange и Selection
  • Применяем ООП: Drag'n'Drop++
    • ✔ Реализуйте drag'n'drop картинок в контейнер
  • Свойство dataSet для data-* атрибутов
  • Куки, document.cookie
  • Разные задачи-заметки [в работе]

• Окна и Фреймы
  • Открытие новых окон
  • Окно браузера: свойства и методы
  • Focus, привлечение внимания к окну
  • Общение с окном в ифрейме
  • Ограничение "Same Origin"
  • Общение окон с разных доменов: postMessage
  • Атака Clickjacking и защита от неё

• Регулярные выражения [в работе]
  • Введение
  • Символьные классы
    • ✔ Найдите время
  • Специальные символы
  • Флаги
  • Наборы и диапазоны символов
    • ✔ Java[^script]
    • ✔ Найдите время
  • Цифровые квантификаторы
    • ✔ Регулярное выражение для цвета
    • ✔ Как найти текст $$$$$ ? 5
  • Quantifiers +, * and ?
    • ✔ Find all numbers with decimal point
    • ✔ Find all numbers including decimal point
  • Greedy and Lazy
    • ✔ Difference "[^"]*" and ".*?"
    • ✔ Find HTML comments
    • ✔ Opening HTML tag with attributes
  • Ahchors and multiline mode
    • ✔ ^$
  • Word boundary
    • ✔ Добавить класс в строку (регэксп)
  • Infinite backtracking problem
    • ✔ Fix slow regexp
  • Groups
    • ✔ Regexp for web color #abc #abcdef
    • ✔ Parse an expression
    • ✔ Matching tags
  • Alternation
    • ✔ Match languages
    • ✔ Test a clanned nick
    • ✔ Match a string with quotes
  • Regular expressions methods
    • ✔ Замена *text* на <i>text</i>
  • Practice
    • ✔ Replace <img..> with <img../>
    • ✔ Replace optionally invalid tags
  • Особенности регулярных выражений в Javascript

• Сундучок с инструментами
  • Полезные расширения Firefox и Chrome
  • Отладка для Internet Explorer (в Visual Studio)
  • Скриптуемый отладочный прокси Fiddler
  • IE HTTP Analyzer

• Ура, я знаю JavaScript!
  • Что изучать дальше

• AJAX
  • Введение в AJAX и COMET
  • Node.JS для решения задач
  • XMLHttpRequest
    • XMLHttpRequest
      • ✔ Запустить голосовалку 3
      • ✔ Запрос с авторизацией 5
    • Форматы данных для AJAX
    • XMLHttpRequest и POST, отсылка форм
    • XMLHttpRequest: длинные опросы
    • Кросс-доменный XMLHttpRequest
      • ✔ Зачем нужен Origin? 3
    • Загрузка c индикацией прогресса
    • Возобновляемая загрузка с XMLHttpRequest
  • Запрос данных через SCRIPT, формат JSONP
  • AJAX-запросы через IFRAME
  • IE: Скрытие IFRAME в ActiveX "htmlfile"
  • Кросс-доменные запросы через IFRAME
  • COMET через IFRAME
  • EventSource - события с сервера
  • WebSocket
  • Таблица транспортов и их возможностей