Вы узнаете о революционных технологиях в мире сайтостроения,
которые стали доступными для любого, кто хоть немного знаком с HTML и CSS. Речь
идет о связке JavaScript и jQuery.
Все современные сайты, которые работают без перезагрузки страниц, все эти удивительные эффекты, которые Вы видите, – это заслуга именно связки Javascript + jQuery.
I. Уроки JavaScript
1. Основы
1. Вводный урок
2. Что нам понадобится для работы
3. Наш лучший друг – волшебник Javascript
4. История про могущественного мэра
5. Метод write() объекта document
6. Отлов ошибок и комментарии
7. Суть и создание переменных
8. Использование переменных
9. Какие имена можно давать переменным
10. Операции над переменными
11. Изменение значений переменных
2. Массивы
12. Введение в массивы
13. Свойство length + добавление/удаление элементов
14. Метод splice()
15. Другие методы для работы с массивами
16. Многомерные массивы
3. Конструкция IF-ELSE
17. Основы
18. Множественные условия
19. Несколько условий одновременно
20. Это важно знать
4. Циклы
21. Цикл while
22. Проработка массива в цикле while
23. Цикл for
5. Методы объекта WINDOW
24. Методы alert(), prompt() и confirm()
6. Функции
25. Введение в функции
26. Область видимости переменных функции
27. Возвращение результата функцией
7. Свойства и методы строковых объектов
28. Свойство length
29. Методы toLowerCase() и toUpperCase()
30. Метод indexOf() и lastIndexOf()
31. Метод slice()
32. Методы charAt() и charCodeAt()
33. Метод search() – введение в регулярные выражения
34. Метод search() продолжение
35. Метод match()
36. Ищем сайты в строке
37. Метод replace()
38. Готовые регулярные выражения и сервисы
8. Функции и методы числовых объектов
39. Функция isNaN()
40. Функции parseInt(), parseFloat() и Number()
41. Метод toFixed()
42. Объект Math и его методы round(), ceil(), floor()
43. Объект Math и его метод random()
9. Работа с датами в JavaScript
44. Введение в объект Date
45. Практический пример по объекту Date
10. Это может пригодиться
46. Функции setTimeout(), setInterval(), clearInterval()
47. Функция typeof()
48. Условный оператор case
49. Тернарный оператор
50. Создание собственного объекта
51. Создание методов для собственного объекта
52. Вывод на экран всех свойств объекта и их значений
53. Объекты navigator, screen, location и их свойства
11. Модификация веб-страниц
54. Введение
55. DOM – объектная модель документа
56. Подготовка к дальнейшей работе
57. Выбор элементов методом getElementsByTagName()
58. Выбор элемента методом getElementById()
59. Выбор родственных элементов
60. Свойства innerText и innerHTML
II. Уроки jQuery
12. Создание выборки из элементов страницы
61. Введение в jQuery
62. Основы выборки элементов с помощью jQuery
63. Вложенные и дочерние селекторы, следующий тэг
64. Выборка по наличию и значению атрибутов
65. Фильтрация выборок
66. Ожидание формирования DOM дерева
13. Действия над отобранными элементами
67. Функции text(), hide(), show()
68. Понятие цепных функций
69. Понятие автоматических циклов
70. Изменение высоты и ширины элементов
71. Изменение кода внутри элемента: функция html()
72. Функции fadeIn() и fadeOut()
73. Функция fadeTo()
74. Функции slideDown() и slideUp()
75. Функции attr() и removeAttr()
76. Функции addClass() и removeClass
77. Функция css()
78. Функция animate()
79. Функции append(), prepend(), after() и before()
80. Функция each() и понятие $(this)
81. Функция size() и доступ к элементу выборки
82. Функции clone() и remove()
83. Два полезных совета
84. Заключение
14. Реакция элементов web-страниц на события
85. Введение
86. Список событий, которые отслеживает браузер
87. Традиционная модель событий и ее недостатки
88. jQuery модель событий
89. jQuery события hover() и toggle()
90. Понятие объекта события
91. Отмена обычного поведения элемента
92. Создаем слайдшоу для закрепления материала
15. Методы и фильтры для работы с формами
93. Выбор и фильтрация элементов формы
94. Фильтры состояний элементов формы
95. Узнаем значения элементов формы в выборке
96. События submit() и focus()
97. События blur() и change()
98. Включение и отключение, скрытие и показ полей
99. Заключение
III. Уроки jQuery user interface
1. Виджеты
1. Введение в библиотеку jQuery UI
2. Подключаем календарь. Часть 1. Дизайн
3. Подключаем календарь. Часть 2. Подключение
4. Подключаем календарь. Часть 3. Русификация
5. Подключаем слайдер-диапазон. Часть 1
6. Подключаем слайдер-диапазон. Часть 2
7. Всплывающее окно с эффектами
8. Кнопки
9. Умные вкладки
10. Аккордеон
11. Подключаем прогресс-бар. Часть 1
12. Подключаем прогресс-бар. Часть 2
13. Автозаполнение
2. Интерактивные элементы
14. Draggable() – перетаскивание элементов
15. Droppable() – элемент «корзина». Часть 1
16. Droppable() – создаем контейнеры. Часть 2
17. Droppable() – работаем над полкой. Часть 3
18. Droppable() – анимация в корзине. Часть 4
19. Droppable() – количество и цена. Часть 5
20. Sortable() – сортируемые элементы
21. Selectable() – выделение элементов мышью
22. Resizable() – изменение размеров элементов
3. Эффекты
23. Эффекты для функций show() и hide()
24. Функция effect()
25. Новые возможности функции toggle()
26. Новые возможности функции animate()
27. Новое в функциях addClass() и removeClass()
28. Новые возможности функции toggleClass()
29. Функция switchClass()
Бонусы
1. Мега меню
Из этой серии видеоуроков Вы узнаете, как создать меню, в котором может быть много вложенных элементов, в том числе и изображений.
При этом мы рассмотрим не только программную часть, но и процесс изменения внешнего вида меню с помощью графического редактора.
2. 3D-карусель
Эта серия видеоуроков посвящена скрипту Cloud Carousel, который позволяет создавать качественные 3D-карусели из картинок без использования флэша.
Серия состоит из 3-х уроков. В первом мы проведем все подготовительные работы, во втором установим сам скрипт и разберем настройки, а в третьем добавим возможность увеличения картинок по щелчку мыши, а также графические стрелки для прокрутки карусели.
3. Zoom-эффект
Этот бонус научит Вас добавлять zoom-эффект к изображениям вашего сайта.
Бывают ситуации, когда для больших картинок на сайте нет места, но возможность детально рассмотреть изображение нужно обязательно предоставить. В этом случае Вам пригодится скрипт Cloud Zoom, который позволяет при наведении на миниатюру изображения показать увеличенный вариант.
Жанр: Обучающий видеокурс (компьютерный)
Автор: Евгений Попов
Год выпуска: 2010
Видео: avi, 990×758
Продолжительность: 17 часов
Размер: 4,15 Гб + 1,13 Гб (в распакованном виде)