Видеокурс «Javascript+jQuery для начинающих в видеоформате» Евгений Попов 2 DVD

Все современные сайты, которые работают без перезагрузки страниц, все эти удивительные эффекты, которые Вы видите, – это заслуга именно связки 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, который позволяет при наведении на миниатюру изображения показать увеличенный вариант.

Скачать бесплатно:

Скачать часть 1 Скачать часть 2