Учебник JavaScript

• Общая информация
  • Введение в JavaScript
  • Альтернативные технологии
  • Терминология и справочники
• Основы JavaScript
  • Настройка рабочего места
  • Установка и настройка браузеров
  • Привет, мир!
    • ✔ Alert
  • Структура кода
  • Переменные
    • ✔ Работа с переменными
    • ✔ Объявление переменных
  • Взаимодействие с пользователем: alert, prompt, confirm
    • ✔ Простая страница
  • Основные операторы
    • ✔ Результат присваивания
  • Операторы сравнения и логические значения
  • Условные операторы: if, '?'
    • ✔ if ("0")
    • ✔ Получить знак числа
    • ✔ Проверка логина
    • ✔ Перепишите 'if' в '?'
    • ✔ Перепишите 'if..else' в '?'
  • Логические операторы
    • ✔ Проверка if внутри диапазона
    • ✔ Проверка if вне диапазона
  • Циклы
    • Циклы while, for
      • ✔ Последнее значение цикла
      • ✔ Какие значения i выведет цикл while?
      • ✔ Какие значения i выведет цикл for?
      • ✔ Замените for на while
      • ✔ Повторять цикл, пока ввод неверен
    • Директивы 'break' и 'continue'
      • ✔ Вывести простые числа
  • Конструкция 'switch'
    • ✔ Переписать if'ы в switch
  • Функции
    • ✔ Перепишите функцию, используя оператор '?' или '||'
    • ✔ Вычислить сумму чисел до данного
    • ✔ Вычислить факториал
    • ✔ Функция min
    • ✔ Функция pow(x,n)
  • Стиль кода
    • ✔ Ошибки в стиле
• Пишем на JavaScript
  • Строки
    • ✔ Сделать первый символ заглавным
    • ✔ Проверьте спам
    • ✔ Усечение строки
  • Числа
    • ✔ Интерфейс sum
    • ✔ Сложение цен
    • ✔ Бесконечный цикл по ошибке
    • ✔ Random(0,b)
    • ✔ Random(a,b)
    • ✔ intRandom(min,max)
  • Объекты
    • ✔ Первый объект
    • ✔ multiplyNumeric
  • Особенности функций в JavaScript
  • Именованные функциональные выражения
    • ✔ Проверка на NFE
    • ✔ Перезапись NFE по имени
  • Свойства и методы объектов
    • ✔ Создайте калькулятор
    • ✔ Цепочка вызовов
    • ✔ Создать Summator при помощи конструктора
    • ✔ Создать Adder при помощи конструктора
  • Массивы
    • ✔ Получить последний элемент массива
    • ✔ Добавить новый элемент в массив
    • ✔ Создание массива
    • ✔ Получить случайное значение из массива
    • ✔ Создайте калькулятор для нескольких значений
    • ✔ Поиск в массиве
    • ✔ Фильтр элементов 1
    • ✔ Добавить класс в строку
    • ✔ Перевести текст вида border-left-width в borderLeftWidth
    • ✔ Функция removeClass
    • ✔ Фильтрация массива "на месте"
    • ✔ Сортировать в обратном порядке
    • ✔ Сортировать, четные вперед
    • ✔ Случайный порядок в массиве
    • ✔ Сортировка объектов
    • ✔ Фильтрация через функцию
    • ✔ Решето Эратосфена
  • Дата и Время
    • ✔ Создайте дату
    • ✔ Имя дня недели
    • ✔ День недели в европейской нумерации
    • ✔ День 100 дней назад
    • ✔ Сколько секунд - до завтра?
    • ✔ Вывести текущую дату
    • ✔ Относительное форматирование даты
  • Преобразование типов, toString и valueOf
    • ✔ ['x'] == 'x'
    • ✔ Почему [ ] == ![ ] ?
    • ✔ Вопросник по преобразованиям
• Функции и типы
  • Динамический "this"
    • ✔ Проверка синтаксиса
    • ✔ Вызов в контексте массива
  • Типы данных: получение и проверка
    • ✔ Полиморфная функция outputDate
  • Аргументы функций
    • ✔ Math.max для массива
    • ✔ Проверка на аргумент-undefined
  • Статические переменные и методы
  • Область видимости. Замыкания.
    • Внутренние механизмы работы переменных, замыкания
      • ✔ Window и переменная
      • ✔ Window и переменная 2
      • ✔ Window и переменная 3
      • ✔ window === window.window
      • ✔ вопрос по var
      • ✔ var window
      • ✔ Вызов "на месте"
    • Использование замыканий
      • ✔ Создать счетчик со статической переменной
      • ✔ Сумма через замыкание
      • ✔ Функция - строковый буфер
      • ✔ Сумма произвольного количества скобок
      • ✔ Перекрытие переменной
      • ✔ Армия функций
    • Оператор "with"
  • Декораторы
    • ✔ Логирующий декоратор (1 аргумент)
    • ✔ Логирующий декоратор (много аргументов)
    • ✔ Кеширующий декоратор
  • Запуск кода из строки "eval"
    • ✔ Eval-калькулятор
  • Исключения
    • ✔ Eval-калькулятор с ошибками
  • Тест: повторение тонких мест
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
    • ✔ JS-вопросник
• CSS для JavaScript-разработчика
  • О чём пойдёт речь
  • Единицы измерения "px", "em", "%" и другие
    • ✔ Масштабируемый компонент
  • Свойства "font-size" и "line-height"
    • ✔ Отступ размером со строку
  • Свойство "outline"
  • Свойство "box-sizing"
  • Свойство "margin"
    • ✔ Расположить текст внутри INPUT
  • Свойство "display"
  • Лишнее место под IMG
  • Свойство "float"
    • ✔ Разница inline-block и float
    • ✔ Дерево с многострочными узлами
    • ✔ Навигация (CSS)
    • ✔ Добавить рамку, сохранив ширину
  • Свойство "overflow"
  • Свойство "position"
    • ✔ Модальное окно
  • CSS без IE6
  • CSS-спрайты
  • Техники центрирования
    • ✔ Поместите мяч в центр поля (CSS)
    • ✔ Форма + модальное окно
  • Семантическая вёрстка виджетов
• Документ
  • Добавление скрипта в HTML
    • ✔ Кролики оффлайн
  • Объекты браузера
  • DOM-элементы и их свойства
    • DOM в примерах
    • Обход DOM
      • ✔ DOM children
      • ✔ Проверка существования детей
      • ✔ Вопрос по навигационным ссылкам
    • Основные свойства: тип, тэг и содержимое узла
      • ✔ В инлайн скрипте lastChild.nodeType
      • ✔ Найти следующий элемент
      • ✔ Создать календарь в виде таблицы
    • Атрибуты и пользовательские свойства
      • ✔ Получите пользовательский атрибут
    • Интерактивное путешествие по DOM
    • Добавление и удаление узлов
      • ✔ createTextNode vs innerHTML
      • ✔ Удаление элементов
      • ✔ insertAfter
      • ✔ removeChildren
      • ✔ Создать список
      • ✔ Создайте дерево из объекта
    • Мультивставка: "insertAdjacentHTML" и "DocumentFragment"
      • ✔ Вставка insertAdjacentHTML/DocumentFragment
    • document.write
      • ✔ Загрузите скрипт с передачей разрешения экрана
    • Поиск элементов в DOM
      • ✔ Длина коллекции после удаления элементов
      • ✔ Поиск элементов
      • ✔ Проверка находится ли элемент внутри другого
      • ✔ Дерево
      • ✔ Сравнение количества элементов
      • ✔ Бенчмаркинг методов поиска в DOM
  • Внешний вид и местоположение элементов
    • Стили и классы, getComputedStyle
      • ✔ Поставьте класс ссылкам
      • ✔ Скругленая кнопка со стилями из JavaScript
    • Метрики и прокрутка
      • ✔ Узнать ширину полосы прокрутки
      • ✔ Подменить div с таким же размером
      • ✔ Поместите мяч в центр поля
      • ✔ Расширить элемент
    • Координаты
• События и интерфейсы
  • События: основы
    • Введение в браузерные события
      • ✔ Спрятать при клике
      • ✔ Спрятаться
      • ✔ Раскрывающееся меню
      • ✔ Спрятать сообщение
    • Получение объекта события
    • Всплытие и перехват
    • Действия браузера по умолчанию
    • Делегирование событий
      • ✔ Скрытие сообщения с помощью делегирования
      • ✔ Галерея изображений
      • ✔ Поймайте переход по ссылке
      • ✔ Функция делегирования
  • События мыши
    • ✔ Выделение кнопки при заходе и клике
    • ✔ Раскрывающееся дерево
    • ✔ Карусель
  • Основы Drag'n'Drop
    • ✔ Слайдер
  • Drag'n'Drop объектов
  • События клавиатуры
    • ✔ Поле только для цифр
    • ✔ Отследить одновременное нажатие
  • Формы
    • Навигация по формам
    • Элементы форм
      • ✔ Валидация формы
    • События "change", "input", "propertychange"
      • ✔ Автовычисление процентов по вкладу
    • Метод и событие "submit"
      • ✔ Свой "prompt"
    • События и методы "focus/blur"
      • ✔ Плейсхолдер
      • ✔ Мышка на "клавиатурном" приводе
      • ✔ Поле, предупреждающее о включенном CapsLock
      • ✔ Горячие клавиши
      • ✔ Красивый плейсхолдер для INPUT
  • Таймеры: "setTimeout" и "setInterval"
    • ✔ Часики с использованием "setInterval"
    • ✔ Часики при помощи "setTimeout"
    • ✔ Страница с автопрокруткой
  • События и таймеры изнутри
  • Событие "scroll"
    • ✔ Аватар наверху при прокрутке
    • ✔ Кнопка вверх-вниз
    • ✔ Загрузка видимых изображений
  • События "onload", "onbeforeunload" и "onerror"
    • ✔ Красивый "ALT"
    • ✔ Загрузить изображения с коллбэком
    • ✔ Скрипт с коллбэком
    • ✔ Скрипты с коллбэком
  • Событие загрузки документа "onDOMContentLoaded"
  • JS-Анимация
    • ✔ Анимируйте карусель
    • ✔ Анимировать лого
    • ✔ Анимируйте мяч
    • ✔ Анимируйте падение мяча с отскоками вправо
  • CSS-анимация
    • ✔ Анимировать лого (CSS)
• Основы ООП
  • Смысл и применимость ООП
  • Внутренний и внешний интерфейс
    • ✔ Добавить публичные методы к меню
    • ✔ Создайте графический компонент: голосовалку
  • Коллбэки и "свои" события
    • ✔ Добавить коллбэк в голосовалку
    • ✔ Голосовалка "на событиях"
• Практика создания виджетов
  • Правила решения задач раздела
  • Шаблонизация
  • Задачи
    • ✔ Подсказка над элементом
    • ✔ Подсказка, следующая за курсором
    • ✔ Менять размер картинки при помощи мыши
    • ✔ Выбор фрагмента картинки мышью
    • ✔ Меню с анимированным раскрытием
    • ✔ Слайдер (компонент)
    • ✔ Переносимые окна
    • ✔ Переносимые окна 2
• Наследование и паттерны ООП
  • Наследование вызовом родителя
    • ✔ Добавить цвет в голосовалку
    • ✔ Добавить двойной голос в голосовалку
  • ООП без оператора "new"
  • Прототипное наследование, "constructor", "instanceof"
    • Прототипное наследование
      • ✔ Прототип после создания
      • ✔ Аргументы по умолчанию
    • Прототипы встроенных объектов
    • Свойство "constructor"
      • ✔ Создать объект тем же конструктором
    • Оператор "instanceof"
  • Псевдоклассы
    • ✔ Хомяки с __proto__
  • ООП-обёртка от Джона Ресига
  • Обобщение и сравнение реализаций ООП
  • Применяем ООП: Drag'n'Drop++
    • ✔ Реализуйте drag'n'drop картинок в контейнер
• Паттерны для ООП
  • Привязка функции к объекту: "bind/bindLate"
  • Расширение через плагины [в работе]
  • Компонентная архитектура [в работе]
    • ✔ Таблица с редактируемыми ячейками и меню
• Ура, я знаю JavaScript!
  • Что изучать дальше

Дополнительные главы

• Окна и Фреймы (англ)
  • Popup windows
  • Browser window properties and methods
  • Focus/blur methods and events
  • Frames and iframes
  • The "Same Origin" security policy
  • Cross-window messaging with postMessage
  • The Clickjacking attack, X-Frame-Options
• Регулярные выражения [в работе]
  • Введение
  • Символьные классы
    • ✔ Найдите время
  • Специальные символы
  • Флаги
  • Наборы и диапазоны символов
    • ✔ Java[^script]
    • ✔ Найдите время
  • Numeric Quantifiers
    • ✔ Regexp for web color
  • 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
  • Practice
    • ✔ Replace <img..> with <img../>
    • ✔ Replace optionally invalid tags
• Advanced and Extra stuff
  • Memory leaks
• Дополнительно
  • Мини-библиотека
  • Книги
  • Кривые Безье