JavaScript + jQuery для начинающих в видеоформате

В видеокурсе «Javascript+jQuery для начинающих в видеоформате» Вы узнаете о революционных технологиях в мире сайтостроения, которые стали доступными для любого, кто хоть немного знаком с HTML и CSS. Речь идет о связке JavaScript и jQuery.Все современные сайты, которые работают без перезагрузки страниц, все эти удивительные эффекты, которые Вы видите, - это заслуга именно связки Javascript + jQuery.

Содержание видеокурса «Javascript+jQuery для начинающих в видеоформате»:

I. Уроки JavaScript

1. Основы

Вводный урок

Что нам понадобится для работы

Наш лучший друг - волшебник Javascript

История про могущественного мэра

Метод write() объекта document

Отлов ошибок и комментарии

Суть и создание переменных

Использование переменных

Какие имена можно давать переменным

Операции над переменными

Изменение значений переменных

2. Массивы

Введение в массивы

Свойство length + добавление/удаление элементов

Метод splice()

Другие методы для работы с массивами

Многомерные массивы

3. Конструкция IF-ELSE

Основы

Множественные условия

Несколько условий одновременно

Это важно знать

4. Циклы

Цикл while

Проработка массива в цикле while

Цикл for

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

Методы alert(), prompt() и confirm()

6. Функции

Введение в функции

Область видимости переменных функции

Возвращение результата функцией

7. Свойства и методы строковых объектов

Свойство length

Методы toLowerCase() и toUpperCase()

Метод indexOf() и lastIndexOf()

Метод slice()

Методы charAt() и charCodeAt()

Метод search() - введение в регулярные выражения

Метод search() продолжение

Метод match()

Ищем сайты в строке

Метод replace()

Готовые регулярные выражения и сервисы

8. Функции и методы числовых объектов

Функция isNaN()

Функции parseInt(), parseFloat() и Number()

Метод toFixed()

Объект Math и его методы round(), ceil(), floor()

Объект Math и его метод random()

9. Работа с датами в JavaScript

Введение в объект Date

Практический пример по объекту Date

10. Это может пригодиться

Функции setTimeout(), setInterval(), clearInterval()

Функция typeof()

Условный оператор case

Тернарный оператор

Создание собственного объекта

Создание методов для собственного объекта

Вывод на экран всех свойств объекта и их значений

Объекты navigator, screen, location и их свойства

11. Модификация веб-страниц

Введение

DOM - объектная модель документа

Подготовка к дальнейшей работе

Выбор элементов методом getElementsByTagName()

Выбор элемента методом getElementById()

Выбор родственных элементов

Свойства innerText и innerHTML

II. Уроки jQuery

12. Создание выборки из элементов страницы

Введение в jQuery

Основы выборки элементов с помощью jQuery

Вложенные и дочерние селекторы, следующий тэг

Выборка по наличию и значению атрибутов

Фильтрация выборок

Ожидание формирования DOM дерева

13. Действия над отобранными элементами

Функции text(), hide(), show()

Понятие цепных функций

Понятие автоматических циклов

Изменение высоты и ширины элементов

Изменение кода внутри элемента: функция html()

Функции fadeIn() и fadeOut()

Функция fadeTo()

Функции slideDown() и slideUp()

Функции attr() и removeAttr()

Функции addClass() и removeClass

Функция css()

Функция animate()

Функции append(), prepend(), after() и before()

Функция each() и понятие $(this)

Функция size() и доступ к элементу выборки

Функции clone() и remove()

Два полезных совета

Заключение

14. Реакция элементов web-страниц на события

Введение

Список событий, которые отслеживает браузер

Традиционная модель событий и ее недостатки

jQuery модель событий

jQuery события hover() и toggle()

Понятие объекта события

Отмена обычного поведения элемента

Создаем слайдшоу для закрепления материала

15. Методы и фильтры для работы с формами

Выбор и фильтрация элементов формы

Фильтры состояний элементов формы

Узнаем значения элементов формы в выборке

События submit() и focus()

События blur() и change()

Включение и отключение, скрытие и показ полей

Заключение

III. Уроки jQuery user interface

1. Виджеты

Введение в библиотеку jQuery UI

Подключаем календарь. Часть 1. Дизайн

Подключаем календарь. Часть 2. Подключение

Подключаем календарь. Часть 3. Русификация

Подключаем слайдер-диапазон. Часть 1

Подключаем слайдер-диапазон. Часть 2

Всплывающее окно с эффектами

Кнопки

Умные вкладки

Аккордеон

Подключаем прогресс-бар. Часть 1

Подключаем прогресс-бар. Часть 2

Автозаполнение

2. Интерактивные элементы

Draggable() - перетаскивание элементов

Droppable() - элемент «корзина». Часть 1

Droppable() - создаем контейнеры. Часть 2

Droppable() - работаем над полкой. Часть 3

Droppable() - анимация в корзине. Часть 4

Droppable() - количество и цена. Часть 5

Sortable() - сортируемые элементы

Selectable() - выделение элементов мышью

Resizable() - изменение размеров элементов

3. Эффекты

Эффекты для функций show() и hide()

Функция effect()

Новые возможности функции toggle()

Новые возможности функции animate()

Новое в функциях addClass() и removeClass()

Новые возможности функции toggleClass()

Функция switchClass()