Компьютерные науки

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

Практическая программа по созданию интерактивных веб-интерфейсов. Рассматриваются технологии асинхронного обмена данными, работа с DOM-деревом и использование JavaScript-фреймворков.
Студентов 2776 Выпускников 256 Для всех
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Интернет-технологии, Программирование
Объем
36 час.
Длительность
30 дней
Нагрузка в неделю
9 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Учебная программа посвящена технологиям разработки динамичных веб-страниц, способных обновлять контент без перезагрузки. В учебной программе разбираются структура HTTP-запросов, манипуляции с объектной моделью документа и форматирование данных с помощью XML. Слушатели последовательно проходят путь от настройки локального сервера и базового взаимодействия с JavaScript до создания интерактивных форм и работы с внешними библиотеками. Обучение включает теорию HTTP-протокола и практическую реализацию проектов от умных ссылок до интерактивных карт с промежуточным тестированием. Практическое освоение асинхронного обмена данными и работы с DOM-деревом формирует навыки создания отзывчивых пользовательских интерфейсов.
Цели "
  • Раскрыть механизмы асинхронного взаимодействия браузера и сервера.
  • Сформировать навыки управления содержимым веб-страниц ""на лету"".
  • Познакомить с инструментами и библиотеками для разработки динамичных интерфейсов.
"
Чему я научусь?
  • Формировать и обрабатывать асинхронные HTTP-запросы (XML HTTP Request).
  • Динамически изменять структуру и стили страницы через DOM API.
  • Интегрировать готовые JavaScript-библиотеки в собственные веб-проекты.

Авторы

Худышкин Александр Александрович
Худышкин Александр Александрович
Студент Высшей Школы Экономики факультета бизнес-информатики.
Чему я научусь?
  • Формировать и обрабатывать асинхронные HTTP-запросы (XML HTTP Request).
  • Динамически изменять структуру и стили страницы через DOM API.
  • Интегрировать готовые JavaScript-библиотеки в собственные веб-проекты.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
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 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз. 90 мин
Экзамен 60 мин

Какой документ я получу?

Сертификат

Выдаётся автоматически после успешного завершения программы.

Удостоверение о повышении квалификации

Выдается при наличии среднего специального или высшего образования (необходимые документы).

Стоимость программы

690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
^