Автор: Александр Худышкин | Национальный исследовательский университет "Высшая Школа Экономики"
Форма обучения:
дистанционная
Стоимость самостоятельного обучения:
бесплатно
Доступ:
свободный
Документ об окончании:
 
Уровень:
Специалист
Длительность:
5:45:00
Студентов:
2519
Выпускников:
210
Из курса вы узнаете как лучше всего создавать динамичные страницы. Вы научитесь изменять содержимое страницы, не обновляя ее в зависимости от действий пользователя. А также узнаете как работать с XML-файлами и фреймворками.
Данный учебный курс поможет вам узнать как создавать динамичные страницы. В курсе рассмотрены инструменты для работы (редактор, браузер, сервер). Уделено внимание языкам HTML, CSS, Javascript. Рассказывают о сути HTTP запросов и ответов, создании динамичных форм, карт страниц, также вы познакомитесь с библиотекой фреймворков YAHOO! UI.
Теги: ajax, http, javascript, ssi, xml
 

План занятий

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

Добрый день!

Хотел бы спросить где можно скачать учебные материалы (исходники) к курсу.

Заранее спасибо!

Ruslan Zubashenko
Ruslan Zubashenko
Павел Плахотник
Павел Плахотник
Украина, Днепропетровск
Алексей Янов
Алексей Янов
Россия, Москва, МГТУ им Н.Э.Баумана, 2002