[GeekBrains] Javascript. Интерактивные веб-приложения. 2015

[Moderator]

JavaScript Интерактивные веб-приложенияАвтор курса: Школа Программирования Курс предназначен для тех, кто прошел курсы по 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 Чат с ботом с использованием сокетов