JavaScript. Интерактивные веб-приложения (2014) Видеокурс

24.04.2015 Видео уроки

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

После прохождения курса, Вы получите навыки использования современной технологии AJAX, которые позволят вывести Ваши веб-приложения на принципиально новый уровень интерактивности, соизмеримый с лучшими представителями современных интернет-сервисов. Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента.

Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers.

Информация о видеокурсе
Название: Yjavascript. Интерактивные веб-приложения
Год выхода: 2014
Автор (режиссер): Школа программирования
Преподаватель: А.Жариков
Жанр: Обучающий, Программирование, javascript
Продолжительность: 13:49:42
Язык: Русский

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

Урок 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

• Чат с ботом с использованием сокетов

Файл
Формат видео: MP4
Качество видео: PCRec
Видео: AVC, 1024×768, ~325 Kbps, 12.000 fps
Аудио: AAC, ~88 Kbps, 44.1 KHz
Доп. материалы: присутствуют (исходники и материалы используемые в уроках, Методички)
Формат архива: RAR
Размер архива: 2,4 GB