Учебник по JavaScript

Учебник по JavaScript

• Содержание
• Лента

Основы JavaScript

• Знакомство с JavaScript
  • Знакомство. Подключение к странице
  • Переменные. Константы. Типы данных
  • Основы синтаксиса
  • Операторы
  • Работа с числами
• Циклы и ветвления в JavaScript
  • Условные и логические операторы
  • Циклы
• Функции и область видимости
  • Функции. Оператор return
  • Область видимости и контекст
  • Функция в переменной
  • Локальные и глобальные переменные
  • Замыкания
• Объекты и объектно-ориентированное программирование
  • Объекты, прототипы, наследование. Создание объектов
  • Создание собственных объектов
• Массивы и их обработка
  • Массивы
  • Сортировка массива с помощью функции
  • Массивы в вопросах и ответах
  • Ассоциативные массивы
• Дата и время в JavaScript (объект Date)
• Математика (объект Math)
• Исключения и обработка ошибок
• Объект Global

Объектная модель браузера (BOM)

• Объектная модель браузера
• Объект window: открытие и закрытие окон
• Объект window: перемещение и изменение размеров окон
• Объект window: таймеры
• Методы alert, prompt и confirm
• Объект window: свойства innerWidth, outerWidth и др.
• Объект window: фреймы
• Методы btoa() и atob()
• Объект location
• Объект navigator
• Объект history
• Объект screen
• Объект document

Объектная модель документа (DOM)

• Объектная модель документа (DOM)
• DOM: типы узлов
• DOM: связи между узлами
• DOM: методы для поиска узлов
• DOM: атрибуты элементов
• DOM: управление атрибутом style
• DOM: управление атрибутом class
• DOM: свойства элемента для управления его атрибутами
• DOM: добавление и удаление узлов
• DOM: методы для клонирования и замены узлов
• DOM: свойства textContent, innerHTML и др.
• Понятие события
• Виды событий
• Способы подписки на события
• Всплытие события
• Отмена стандартного действия браузера
• Объект event

JavaScript API

• Назначение AJAX и его применение при создании сайтов
• Синхронный AJAX запрос (XMLHttpRequest)
• Примеры асинхронных AJAX запросов
• Сбор данных с HTML формы посредством объекта FormData
• JSON и методы JavaScript для работы с ним
• sessionStorage и localStorage

Сторонние скрипты и примеры

• Как на jQuery сделать прелоадер для сайта
• Как на сайте создать кнопку для прокрутки страницы вверх
• Плагины для установки маски ввода элементу input
• Копирование данных в буфер с помощью Clipboard.js
• JavaScript - Cookies и библиотека js-cookie

How to (как сделать)

• Как создать всплывающие сообщения для сайта?

jQuery - Основы

• Введение
• Функция jQuery() и её псевдоним $()
• Перебор массива, объекта и HTML элементов
• Обработка событий (на примерах)
• Чтение и изменение содержимого элемента
• Сокращённые AJAX методы (с примерами)
• Управление видимостью HTML элементов

jQuery - Поиск элементов

• Основные селекторы Иерархические селекторы Селекторы атрибутов Селекторы элементов формы Базовые фильтры Дочерние фильтры Фильтры контента Фильтры видимости Методы для работы с текущим набором элементов (фильтрация) eq() first(), last(), slice() filter() has() is() map() not() Селекторы. Быстродействие

jQuery - AJAX

• Фукнции для извлечения данных с HTML формы

jQuery - Атрибуты и CSS

• Установка и удаление атрибутов HTML элементов
• Управление значением атрибута class
• Чтение и изменение атрибутов disabled, checked и selected
• Управление встроенными CSS стилями элементов
• Чтение и установка data-атрибутов