Web_8 (1)

1. Web

Тема 8.
Объекты в JavaScript

2. Создадим блог

3. Создадим интерфейс пользователя

Панель
инструментов
Здесь будут
отображаться
записи

4. Базовым объектом будет «Запись»

… чтобы при запуске
уже было несколько
записей

5. Методы объекта Date

6. Использование объекта Date для определения местного времени

7. Вывод записей

Дату выделяем
жирным шрифтом
Чередуем цвета
записей: у четных
записей один цвет, а
нечетных - другой
Помещаем записи в
отведенное для них
место

8. Добавление новой записи

Создаем запись с
текущей датой
Используя метод
push() добавляем
новую запись в
массив

9. Объекты в JavaScript – это …

Объекты – это ассоциативные массивы или хеш-таблицы,
которые могут хранить значения, соответствующие ключу.
Обычный массив
Ассоциативный массив
0
25
age
25
1
«Вася»
name
«Вася»
2
function() {
alert(“Hello!”);
}
say
function () {
alert(“Hello!”);
}
3
…
…
…
4
…
…
…

10. Создание объекта

11. Добавление свойств и методов

12. Обращение к свойствам и методам

13. Обращение к несуществующим свойствам

14. Удаление свойств

15. Инициализация объекта

16. Методы с аргументами

17. Ключевое слово this – доступ к объекту изнутри

18. Перебор всех свойств объекта (цикл foreach)

19. Перебор значений

20. foreach и массивы

21. Конструктор объекта

22. Усовершенствование гостевой - 1

23. Усовершенствование гостевой - 2

24. Сортировка

25. Массив методов сравнения

26. HTML - код

27. Обновленная гостевая

28. Практическое задание

• Реализуйте блог
• Добавьте кнопку, позволяющую показать только
«утренние» записи: с 6-00 до 10-00.
• Добавьте сортировку.
• Добавьте возможность отображения только тех записей,
где есть указанный пользователем текст (поиск).