Javascript Интерактивные веб-приложения (2014)
12.01.2015

Javascript Интерактивные веб-приложения (2014)

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

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

Производитель: Школа прграммирования
Жанр: Программирование, jаvascript,
Продолжительность: 13:00:00
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео: ~325 kb/s 12,000 FPS
Размер кадра: 1024 x 768
Аудиокодек: AAC
Битрейт аудио: 88 kb/s (CBR), 2 Ch, 44100 Hz

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

Урок 2. ООП в jаvascript и AJAX
  • Общие понятия ООП
  • Класс
  • Объект
  • Особенности ООП в jаvascript
  • Классы и объекты на примере игры «змейка»
  • Почему внутри класса следует аккуратно использовать 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 в jаvascript
  • Пример чата с использованием JSON

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

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




Скачать обучающий видеокурс (2.27 GB):
Вернуться на предыдущую страницу
Похожие новости
Теги