Основы программирования на AJAX

Из курса вы узнаете как лучше всего создавать динамичные страницы. Вы научитесь изменять содержимое страницы, не обновляя ее в зависимости от действий пользователя. А также узнаете как работать с XML-файлами и фреймворками.
Для всех
Записаться
Объём
36 час.
Длительность
30 дней
Нагрузка
6 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Изменять содержимое страницы без перезагрузки, работать с объектом XMLHttpRequest и обрабатывать ответы сервера. Изучаются основы DOM, взаимодействие с XML-файлами, использование JavaScript-фреймворков и библиотек для разработки интерактивных форм и интерфейсов.
Цели
  • Сформировать навыки разработки быстрых и отзывчивых веб-интерфейсов на базе технологии AJAX.
  • Обучить методам асинхронного обмена данными между клиентом и сервером.
Чему я научусь?
  • Реализовывать обновление отдельных элементов веб-страницы без ее полной перезагрузки.
  • Использовать сторонние библиотеки и фреймворки для ускорения разработки AJAX-приложений.

Авторы

Худышкин Александр Александрович
Худышкин Александр Александрович
Студент Высшей Школы Экономики факультета бизнес-информатики.
Чему я научусь?
  • Реализовывать обновление отдельных элементов веб-страницы без ее полной перезагрузки.
  • Использовать сторонние библиотеки и фреймворки для ускорения разработки AJAX-приложений.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Приветствие Знакомство с автором курса.
2 Что такое Аякс Что такое Аякс и какие его основные функции.
3 Что не является Аяксом Что НЕ является Аяксом, как отличить Аякс от флеша.
4 Краткий обзор курса Структура курса, распределение тем по частям.
5 Инструменты для разработки Что требуется для изучения Аякса: навыки и инструменты.
6 Выбираем текстовый редактор Как правильно выбрать текстовый редактор для программирования.
7 Настраиваем браузер Как настроить браузер Firefox для тестирования веб страниц.
8 Установка сервера на Windows Как установить веб сервер на Windows для тестирования кода на Аяксе.
9 Необходимые знания по другим языкам Что необходимо знать по другим языкам для изучения Аякса.
Необходимые знания по другим языкам тест для курса Основы программирования на AJAX 30 мин
10 Подробнее о DOM Что такое Объектная Модель Документа(DOM).
11 Изучаем DOM с Firefox "Как с помощью дополнения для Firefox ""Dom Inspector"" исследовать DOM."
12 Как редактировать DOM с помощью Javascript Как с помощью Javascript можно изменять DOM.
13 XML в DOM Необходимые знания по другим языкам
14 Что такое HTTP запрос Узнаем, что такое HTTP запрос, как работают браузеры при загрузке страниц.
15 Что такое XML HTTP запрос Узнаем о важной части технологии Аякс - XML HTTP запросах.
16 Состояния XML HTTP запросов Как инициализировать XML HTTP запрос, изучаем код. Контроль состояний запросов.
17 Содержание XML HTTP запросов Содержание XML HTTP запросов, обработка ответа сервера.
18 Ответы на XML HTTP запросы Различие в типах ответов: текстовом и XML. Когда и какой лучше использовать.
19 Ограничения на XML HTTP запросы Ограничения безопасности на XML HTTP запросы.
Ограничения на XML HTTP запросы тест для курса Основы программирования на AJAX 40 мин
20 Умные ссылки с помощью Аякса "Обзор проекта ""умных ссылок"". Улучшаем простые веб страницы."
21 Редактируем html и css файлы "Редактируем html и css файлы проекта ""умных ссылок""."
22 Добавляем Аякс "Добавляем код на Аяксе к нашему проекту ""умных ссылок""."
23 Адаптируем код под свою страницу Как адаптировать код нашего проекта к своей веб странице.
Адаптируем код под свою страницу тест для курса Основы программирования на AJAX 30 мин
24 Проект с интерактивными формами Обзор проекта с интерактивными формами: поиск по XML файлу и автозаполнение поля.
25 Редактируем html и css для проекта Редактируем html и css файлы проекта с интерактивными формами.
26 Изучаем XML файл для проекта Изучаем XML файл проекта с интерактивными формами.
27 Добавляем Javascript в проект Добавляем код на Javascript к проекту, часть 1: создаем функцию предложений поиска.
28 Дописываем и тестируем Добавляем код на Javascript к проекту, часть 2: создаем функцию выбора из предложенного и тестируем.
29 Перерабатываем код для других функций Как можно немного отредактировав код изменить функционал страницы.
30 Обзор проекта с картой страницы Обзор проекта с картой страницы, создание специальных областей на странице.
31 Пишем HTML для проекта Редактируем файл HTML проекта с картой страницы.
32 Описываем стиль для проекта с картами Редактируем файл CSS проекта с картой страницы.
33 Создаем блоки с помощью Adobe Dreamweaver Создаем карту страницы с помощью Adobe Dreamweaver.
34 Смотрим XML файл проекта Анализируем XML файл проекта с картой страницы.
35 Добавляем Аякс к проекту Добавляем код на Аяксе к проекту с картой страницы.
36 Добавляем Javascript к проекту Добавляем Javascript к проекту с картой страницы.
37 Немного о фреймворках Фреймворки: что такое, зачем и почему мы их используем?
38 Знакомство с библиотекой Yahoo Знакомство с библиотекой фреймворков Yahoo User Interface(YUI).
39 Примеры использования фреймворков Примеры использования фреймворков библиотеки YUI.
40 Документация библиотеки Yahoo Документация библиотеки YUI, как в ней разбираться.
41 О проекте со слайдшоу Обзор проекта слайдшоу с использованием фреймворков библиотеки YUI.
42 Как извлечь XML файл с сайта Как скачать XML файл с сайта и как пользоваться полученной информацией.
43 Пишем html код для проекта Редактируем файл HTML проекта слайдшоу.
44 Правила стиля для проекта Редактируем файл CSS проекта слайдшоу.
45 Пишем сценарий для проекта Добавляем код на Javascript к проекту слайдшоу. Использование фреймворков YUI в коде.
46 Тестируем наш проект Тестируем проект слайдшоу.
Тестируем наш проект тест для курса Основы программирования на AJAX 30 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз.
Экзамен
^