Курс охватывает основы создания интерактивных веб-страниц с помощью языка JavaScript и объектно-ориентированному программированию. Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания.

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

Информация о видеокурсе
Название: JavaScript. Интерактивные веб-приложения
Автор: Андрей Жариков
Год выхода: 2014
Жанр: Видеокурс

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

Урок 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
• Чат с ботом с использованием сокетов

Выпущено: Россия
Продолжительность: 13:49:42

Файл
Формат: MP4
Доп. материалы: присутствуют (исходники и материалы используемые в уроках, Методички)
Видео: AVC, 1024x768, ~325 Kbps, 12.000 fps
Аудио: AAC, ~88 Kbps, 44.1 KHz
Размер файла: 2.28 Gb