Программа курса обучения программирование JavaScript*:
*Помните, что это лишь базовый вариант программы курса обучения программирование JavaScript. Вы же будете обучаться по программе, которая будет откорректирована специально под Вас!
1-й урок: введение в JavaScript, основные сведения, синтаксис
- Краткая история JavaScript, текущая версия
- Внедрение сценариев в HTML
- Синтаксис, зарезервированные слова
- Понятие операторов
- Понятие переменной
- Классификация типов данных, оператор typeof
- Глобальный объект
- Тривиальные типы данных null, undefined
- Базовые типы String, Number, Boolen
- Работа с числами - объект Math, функции (методы глобального объекта) parseInt(), parseFloat()
2-й урок: инструкции
- Понятие инструкции
- Объединение инструкций, оператор ","
- Блок инструкций {}
- Условные инструкции (if, if/else, if/else if/else)
- Инструкции цикла (while, do/while, for, for/in)
- Инструкция переключения (switch/case/default)
- Инструкции (continue, break)
- Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Error)
- Построение таблицы в цикле (использование элемента style и правил CSS для модификации внешнего вида таблицы)
- Определение правильного окончания слова с разными числительными
3-й урок: функции
- Имена функций, их создание и вызов
- Область видимости переменных
- Аргументы функций, объект arguments, рекурсивный вызов
- Инструкция return
4-й урок: массивы и объекты
- Массивы, тип данных Array
- Свойства и методы экземпляров Array
- Объекты в JS, тип данных Objectа
- Свойства и методы экземпляров Object
- Углубление понятия свойств и методов любого объекта в JavaScript
- Контекст исполнения функции в качестве метода объекта
- Пользовательские объекты
- Понятие класса-конструктора, оператор instanceof, свойство constructor
- Механизм наследования, prototype
5-й урок: регулярные выражения и даты
- Шаблоны для поиска в строках, тип данных RegExp
- Синтаксис регулярных выражений
- Спецсимволы, неалфавитные символы (управляющие последовательности)
- Классы символов
- Повторение
- Альтернатива, группировка и ссылки (внутри вне шаблона)
- Флаги
- Свойства экземпляров RegExp
- Методы экземпляров RegExp и String для поиска с использованием шаблонов
- Создание дат, тип данных Date
- Свойства и методы экземпляров Date
6-й урок: глобальный объект Window
- DOM как связь базового JavaScript и HTML страницы
- Глобальный объект Window, его свойства и методы
- Объекты, доступные как свойства Window, их свойства и методы: location, history, navigator, screen, document
- Взаимодействие окон (глобальных объектов) во фреймовой структуре
7-й урок: объект Document, базовая модель событий
- Свойства и методы объекта Document
- Доступ к отдельным элементам страницы с помощью свойств объекта Document: body, title, forms, images, links, anchors, applets, embeds
- Доступ к атрибутам элементов страницы
- Способ сохранения информации для посещенной страницы – cookie
- Базовая или исходная модель событий
- Список событий и элементы страницы, где они могут возникнуть
- Применение кода в качестве обработчика события
- Вызов функций в значении атрибута
- Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this
- Передача ссылок на событие и элемент, в котором оно возникло
8-й урок: отдельные HTML элементы и работа с ними
- Таблицы и ее элементы
- Свойства и методы таблицы, ее элементов
- Формы и элементы управления
- Свойства и методы формы, ее элементов
- События, связанные с формой и ее элементами
- Изображения
- Свойства изображений
- События, связанные с изображениями
9-й урок: объектная модель документа (DOM)
- Реализация W3C DOM различными браузерами
- Архитектура DOM, дерево элементов
- Типы узлов, работа с атрибутами
- Свойства и методы различных типов узлов
- Доступ к значению атрибутов через свойства
- Работа со встроенными стилями (атрибут style (inline))
- Работа с таблицами стилей (элементы link для внешних таблиц (linking) и style для встроенных таблиц (ebbedding))
- Методы экземпляров RegExp и String для поиска с использованием шаблонов
- Построение списка со ссылками из массива
- Изменение внешнего вида посредством работы с таблицами стилей
10-й урок: модель событий в объектной модели документа
- Отличия целевых элементов для некоторых событий по сравнению с базовой моделью
- Модель возникновения, распространения и обработки событий в W3C DOM и IE
- Использование всплытия событий для регистрации единственного обработчика, исключения
- Свойства события
- Кроссбраузерное назначение функций-обработчиков событий
11-й урок: введение в AJAX, нетривиальные примеры работы с HTML страницей
- Что такое AJAX?
- Краткий обзор XML документов и формата JSON
- Основные аспекты работы асинхронного запроса
- Кроссбраузерный способ организации запроса
- Принципы работы с полученным ответом в зависимости от его заголовка (responseText, responseXML)
- Организация сценариев в реальных проектах
- Перетаскивание товара в корзину (клонирование элементов и работа с координатами события)
- Использование cookie для запоминания состояния элементов (раскрывающегося списка)
- Построение выпадающего списка
- Применение setTimeout(), setInterval() для визуальных динамических эффектов
12-й урок: основы JQuery и основы выборки элементов
- Введение в JQuery, возможности
- Правила работы с библиотекой jquery.js
- Правила работы с DOM-деревом
- Основы выборки элементов с web-страницы средствами JQuery
- Выбор вложенных, дочерних элементов, следующих и предыдущих, выборка по значению и наличию атрибутов
- Основы фильтрации выборок. Фильтры even, odd, not, has, contains, first, last, hidden, visible
- Подведение итогов