Содержание Видеокурса «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. Введение в библиотеку jQuery UI.
2. Подключаем календарь. Часть 1. Дизайн.
3. Подключаем календарь. Часть 2. Подключение.
4. Подключаем календарь. Часть 3. Русификация.
5. Подключаем слайдер-диапазон. Часть 1.
6. Подключаем слайдер-диапазон. Часть 2.
7. Всплывающее окно с эффектами.
8. Кнопки.
9. Умные вкладки.
10. Аккордеон.
11. Подключаем прогресс-бар. Часть 1.
12. Подключаем прогресс-бар. Часть 2.
13. Автозаполнение.
Интерактивные элементы.
14. Draggable() – перетаскивание элементов.
15. Droppable() – элемент «корзина». Часть 1.
16. Droppable() – создаем контейнеры. Часть 2.
17. Droppable() – работаем над полкой. Часть 3.
18. Droppable() – анимация в корзине. Часть 4.
19. Droppable() – количество и цена. Часть 5.
20. Sortable() – сортируемые элементы.
21. Selectable() – выделение элементов мышью.
22. Resizable() – изменение размеров элементов.
Эффекты.
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, который позволяет при наведении на миниатюру изображения показать увеличенный вариант..

Контрольные суммы:

JavaScript.iso
CRC32: 50FD8890
MD2: 8445268A36EC9D0A1F8EF9E94379007E
MD4: 6425D22C15F20EAF229E9144A4213013
MD5: CDAFB42FCE317607FA63B236E5B580FA
jQueryUI.iso
CRC32: 10FF9909
MD2: D89F6263C229CB5B3D1EB882B53E8AE3
MD4: C2715BB9F47CC9E9BAF39BF50C703BCF
MD5: 2818E14FACCEA6857EB4496366E0BD7A

Скриншоты

Youtube

►