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 приложения.