JavaScript Essential / Базовый для начинающих & Advanced / Продвинутый для профессионалов (2014)

• Урок 1. Введение в javascript.
В этом уроке Вы познакомитесь с историей развития языка javascript. В ходе занятий Вы узнаете о переменных и типах данных языка, узнаете о том как выполнять арифметические операции с переменными и преобразовывать типы данных. Также в этом уроке тренер расскажет о способах подключения сценария к странице и о вариантах отображения данных пользователю через диалоговые окна.

• Урок 2. Логические структуры.
В видео уроке будет рассмотрено назначение операторов ветвления, также тренер расскажет Вам об условных конструкциях: if, if else, тернарных операторах и операторах многозначного выбора switch-case. Во второй части урока будет рассмотрена работа с циклическими операторами — do while, while, for, также отдельное внимание будет уделено работе операторов break и continue.

• Урок 3. Массивы.
В этом видео уроке Вы научитесь создавать массивы в javascript и изучите разные типы массивов — одномерные, многомерные, зубчатые. Во второй части видео урока тренер расскажет Вам о методах, которые позволяют изменять состояние массива, добавлять или удалять элементы массива, преобразовывать массив в строку, сортировать массив.

• Урок 4. Функции.
После просмотра этого видео урока Вы узнаете, что такое функция. Также в этом уроке Вы узнаете о особенностях использования функций в javascript и изучите такие конструкции как функции-литералы, функции обратного вызова. В этом уроке будут рассмотрены особенности языка связанные с областями видимости, поэтому для понимания принципов разработки сложных javascript модулей этот урок будет очень важным.

• Урок 5. Объекты.
Объекты – важная тема, которой Вы должны уделить особое внимание. Для понимания сложных javascript сценариев и использования современных фреймворков Вам нужно уметь создавать объекты и работать с ними. После просмотра урока Вы будете знать техники создания объектов в javascript, Вы узнаете, что такое свойство и метод. Объекты в javascript сильно отличаются от объектов в других языках программирования и на этом уроке Вы узнаете о этих отличиях.

• Урок 1. Конструкторы и прототипы
— Основные конструкторы – Object(), Array(), Function(), Date(), String(). Принцип работы конструкторов, назначение ключевого слова this в конструкторе.
— Создание пользовательских конструкторов.
— Что такое прототип, использование прототипов и добавление свойств и методов в прототип.
— Работа с конструктором Object
— Объектно-ориентированные техники в языке javascript. Реализация наследования в javascript.

• Урок 2. Работа с документами
— Способы подключения javascript сценариев к HTML документу.
— Создание сценариев (модулей), которые добавляют минимальное количество глобальных переменных.
— Использование свойств объекта document. Методы для получения объектов со страницы.
— DOM – Document Object Model, примеры создания новых узлов, манипулирование существующими узлами, удаление узлов.

• Урок 3. Объект window. Регулярные выражения
— Создание и использование таймеров, использование функций setInterval и setTimeout в языке javascript
— Использование Location
— Использование объекта Navigator
— Создание всплывающих окон с помощью javascript кода.
— Работа с типом данных string. Методы для работы со строковыми значениями.
— Регулярные выражения в языке javascript. Синтаксис и методы, которые могут работать с регулярными выражениями.

• Урок 4. javascript и CSS
— Основы работы с CSS. Создание CSS правил и подключение правил к HTML документам.
— Рассмотрение отдельных CSS свойств, которые часто используются при создании динамических страниц.
— Способы изменения CSS стилей через javascript код. Работа с вычисляемыми стилями (computed styles).

• Урок 5. События и обработка событий (Часть 1)
— Модель обработки события DOM Level 0. Варианты создания обработчиков, преимущества и недостатки.
— Модель обработки события DOM Level 2. Маршрутизация события, контроль распространения события по дереву разметки с помощью методов stopPropagation() и preventDefault()
— Модель обработки событий Internet Explorer.

• Урок 5. События и обработка событий (Часть 2)
— Интерфейс объекта события (Event)
— События мыши.
— Обработка событий клавиатуры.
— Примеры обработки событий.

• Урок 7. Формы и элементы формы
— Элемент form, его назначение и способы получения к нему доступа с помощью javascript кода.
— Элемент input, свойства и типы элементов.
— Примеры проверки (валидации) данных введенных пользователем в форму.
— Пример использования объекта Date для работы с датой и временем.

• Урок 8. Cookies и сохранение данных на стороне клиента
— Назначение cookies рассмотрение принципов хранения данных на стороне клиента.
— Свойство cookie объекта document. Примеры создания, удаления и изменения значений.
— Другие механизмы хранения данных на стороне клиента — WebStorage, использование свойств localStorage и sessionStorage.

• Урок 9. Работа с графикой на стороне клиента
— Элемент img, способы получения объекта элемента с изображением и основные его свойства.
— Примеры предварительной загрузки изображений с сервера.
— Создание графики на стороне клиента с помощью CSS.
— Создание графики на стороне клиента с помощью SVG.
— Создание графики на стороне клиента с помощью Canvas(HTML5).

• Урок 10. AJAX и HTTP протокол
— Основы работы веб приложений. Разбор протокола HTTP. Использование приложения Fiddler для откладки HTTP запросов.
— AJAX – Asynchronous javascript And XML.
— Использование объекта XMLHttpRequest для создания синхронных и асинхронных HTTP запросов.
— Использование XMLHttpRequest для отправки данных с POST и GET запросами.
— Примеры простого AJAX приложения.