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