Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Страница автора - Дмитрий Науменко
Страница автора

Автор: Дмитрий Науменко

Видеокурс "JavaScript и jQuery с Нуля" предназначен для тех, кто хочет повысить интерактивность и удобство своего сайта для посетителей. Курс будет полезен тем, кто уже умеет создавать сайты, используя HTML, CSS и PHP. Изучив его, Вы сможете создавать более красивые и функциональные сайты. При этом, благодаря применению библиотеки jQuery, Вы сможете реализовать на сайте многие полезные функции, повышающие его удобство и привлекательность без глубоких знаний JavaScript. Такой подход позволяет делать больше и лучше с меньшими затратами времени.

Смотреть видео:

JavaScript и jQuery с нуля. Обзор меню. (Дмитрий Науменко)

Содержание:

Часть 1. Понятие и история JavaScript

  • Введение в JavaScript

Часть 2. Основы JavaScript

  • Вставка JavaScript на страницу
  • Первая программа на JavaScript
  • Комментирование кода и поиск ошибок
  • Понятие метода и типы данных в JavaScript

Часть 3. Переменные

  • Понятие переменной, создание переменных
  • Арифметические операции, объединение чисел и строк

Часть 4. Операторы сравнения и конструкция if-else

  • Операторы сравнения и логические операторы
  • Конструкция if-else, методы prompt() и confirm()
  • Конструкция switch-case

Часть 5. Функции

  • Введение в функции
  • Возвращение значения функцией
  • Область видимости переменных
  • Понятие объекта. Свойства и методы

Часть 6. Массивы

  • Понятие массива и способы его объявления
  • Доступ к элементам массива
  • Добавление элементов в массив
  • Удаление элементов массива
  • Работа с методом splice()
  • Сложение массивов. Преобразование массива в строку
  • Дополнение по типу Boolean

Часть 7. Циклы

  • Цикл while
  • Цикл for. Операторы break и continue

Часть 8. Работа со строками

  • Определение длины строки и изменение регистра
  • Методы indexOf() и lastIndexOf() для поиска в строке
  • Методы slice() и charAt()
  • Основы регулярных выражений. Метод search()
  • Основы регулярных выражений. Метод match(). Часть 1
  • Основы регулярных выражений. Метод match(). Часть 2
  • Основы регулярных выражений. Метод replace()

Часть 9. Объект Date

  • Получение года, месяца, дня недели и числа
  • Получение текущего времени
  • Работа с датами. Часть 1
  • Работа с датами. Часть 2

Часть 10. Работа с числами и объект Math

  • Преобразование строки в число. Методы Number(), parseInt() и parseFloat()
  • Работа с дробными числами. Метод toFixed()
  • Округление чисел. Методы round(), ceil() и floor()
  • Генерирование случайных чисел. Выбор случайного элемента массива
  • Перебор свойств объекта, объекты браузера

Часть 11. Создание собственного объекта

  • Создание объекта и доступ к его свойствам
  • Создание методов в объекте
  • Методы setTitmeout() и clearTimeout()

Часть 12. Работа с окнами

  • Изменение размера окна. Метод resizeTo()
  • Открытие нового окна. Метод open()

Часть 13. Объектная модель документа (DOM)

  • Понятие объектной модели документа
  • Выбор и модификация элемента по ID
  • Выбор и модификация элемента по тэгу
  • Дочерние узлы элемента. Работа с инспектором DOM
  • Родительские и сестринские элементы
  • Заключение по DOM
  • Понятие библиотеки в JavaScript. Скачиваем и подключаем jQuery

Часть 14. Доступ к элементам страницы

  • Выбор элементов по ID, тэгу и классу
  • Функция ready для контроля загрузки документа
  • Селекторы вложенности, дочерние и братские элементы
  • Селекторы атрибутов
  • Выбор разнородных элементов. Подсчет количества элементов в выборке

Часть 15. Фильтры в jQuery

  • Выбор четных и нечетных элементов
  • Фильтры :not, :has и :contains
  • Нахождение скрытых и видимых элементов

Часть 16. Выборки в jQuery и цепные функции

  • Понимание выборок в jQuery и автоматические циклы
  • Цепные функции. Функции fadeOut() и fadeIn()

Часть 17. Работа с элементами выборки

  • Функции html() и text()
  • Позиционирование html-кода. Функции append(), prepend(), after() и before()
  • Удаление, замена и клонирование выборок. Функции remove(), replaceWith() и clone()
  • Работа с классами. Функции addClass(), removeClass и toggleClass()
  • Работа с CSS-свойствами: функция css()
  • Работа с атрибутами HTML. Функции attr() и removeAttr()
  • Работа с шириной и высотой элемента
  • Понятие анонимной функции и функция each()
  • Конструкция $(this) для работы с текущим элементом выборки

Часть 18. События

  • Понятие события
  • События мыши, документа (окна), формы и клавиатуры: общий обзор
  • Регистрация встроенных событий
  • Традиционная модель
  • jQuery-модель работы с событиями
  • События hover и toggle
  • Удаление события: функция unbind()
  • Понятие объекта события и работа с его свойствами
  • Отмена обычного поведения при событии

Часть 19. Эффекты jQuery

  • Функция fadeTo() и понятие функции обратного вызова
  • Скользящие элементы. Функции slideUp(), slideDown(), slideToggle()
  • Анимация элементов. Функция animate()

Часть 20. Работа с формами

  • Выбор элементов формы и фильтры состояния
  • Получение и установка значений для элементов формы. Событие submit
  • Проверка отмеченности радиокнопки или чекбокса
  • Событие focus
  • Событие blur
  • Событие change
  • Событие click
  • Включение и выключение полей формы
  • Предотвращение повторной отправки формы

Часть 21. Практические примеры

  • Подсветка строк таблицы при наведении мыши
  • FAQ на одной странице
  • Создание сменяющих друг друга изображений
  • Создание фотогалереи
  • Продвинутая галерея на jQuery Lightbox. Часть 1
  • Продвинутая галерея на jQuery Lightbox. Часть 2
  • Верификация формы
  • Создание сортируемых таблиц

Бонус(ы):

  • Анимированное слайдшоу с Cycle. Часть 1
  • Анимированное слайдшоу с Cycle. Часть 2
  • Открытие страниц в окне на текущей странице (Greybox)
  • Создание складывающихся панелей с помощью виджета Accordion
  • Создание вкладок. Часть 1
  • Создание вкладок. Часть 2