Курс предназначен для тех, кто прошел курсы по PHP и хочет совершенствоваться, как профессиональный веб-разработчик.
А также для тех, кто не имеет опыта или имеет небольшой опыт программирования на javascript и хочет научиться делать это грамотно.

Чему вы научитесь
Курс охватывает основы создания интерактивных веб-страниц с помощью языка javascript и объектно-ориентированному программированию.
Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания.
Вы получите навыки использования современной технологии AJAX, которые позволят вывести Ваши веб-приложения на принципиально новый уровень интерактивности, соизмеримый с лучшими представителями современных интернет-сервисов.
Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента.
Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers.

Программа курса

Урок 1. javascript и DOM

Что такое javascript и DOM
Принцип взаимодействия клиент-сервер
Как вызвать javascript
С чем взаимодействует javascript
Структура DOM документа
Функции и область видимости переменных
Типы данных
Пример калькулятора на javascript
Замыкания
Пример часов на javascript
Создаём заготовку для выполнения домашнего задания

Урок 2. ООП в javascript и AJAX

Общие понятия ООП
Класс
Объект
Особенности ООП в javascript
Классы и объекты на примере игры «змейка»
Почему внутри класса следует аккуратно использовать this
Что такое AJAX
Работа с XMLHttpRequest
Пример функции отправки AJAX-запроса
Создаём чат с роботом на AJAX

Урок 3. jQuery (часть 1)

Зачем нужны фреймворки
Что такое jQuery
Где скачать и как подключить
Работа с DOM с помощью jQuery
Селекторы и иерархия
Проводим аналогию с css
Фильтры
Примеры сложных фильтров

Урок 4. jQuery (часть 2)

Работа с формами
Работа со стилями
Обработчики событий
Пример обработки нажатия на кнопку
Пример обработки скроллинга элемента
Пример обработки наведения курсора мышки
Функция live
Анимация
Простые анимационные эффекты
Функция animate
Цепочки из анимаций

Урок 5. AJAX в jQuery

Функция ajax
Что такое асинхронность запроса
Сериализация форм
Типы передаваемых данных
Timeout
Обработчики событий в рамках ajav-запроса
Функция ajaxSetup
Зачем нужны глобальные настройки
Функции post, get и load
Глобальные события

Урок 6. JSON

Что такое JSON
Какие данные может возвращать Ajax
Почему правильнее, чтобы Ajax возвращал JSON а не HTML
JSON vs XML
Работа с JSON в PHP
Работа с JSON в javascript
Пример чата с использованием JSON

Урок 7. jQuery UI

Где скачать и как подключить
Взаимодействия
Виджеты
Эффекты
Утилиты
Подключение календаря
Автодополнение
Работа с диалоговыми окнами
ThemeRoller

Урок 8. HTML-5, новшества

Почему появился flash
Что такое сanvas
Общий порядок рисования на сanvas
Функции для рисования на сanvas
Чем отличаются fill и stroke
Примеры реализаций html5 + canvas
Web-sockets
Чат с ботом с использованием сокетов



Video: AVC, 1024x768, 12.000 fps, 886 Kbps
Audio: AAC LC, 44.1 KHz, 88.1 Kbps
Год: 2014
Язык: русский
Размер: 5.52 Gb