FRONTEND-РАЗРАБОТКА программирование на JAVASCRIPT

©  Учебно-тематический план и программа курса:

«Введение в JAVA SCRIPT»

Цель курса: Получение слушателем базовых знаний, необходимых для самостоятельного создания и размещения Web-страницы в Интернет.

Необходимая начальная подготовка: Для обучения по данной программе требуются базовые навыки работы на компьютере.

Продолжительность: 40 ак.час.      Стоимость:  9000р.(от 5чел.) / 11250р.(3-4чел.)

 

Занятие 1. ( 4 ак.ч. - практика)

• HTML и языки подготовки сценариев; История JavaScript
• Добавление сценария на Web-страницу
• Броузеры, поддерживающие JavaScript; Альтернативы JavaScript

• Создание простых сценариев; Выявление и устранение ошибок
• Скрытие сценариев от старых браузеров
• Улучшение пользовательского интерфейса узла

 

Занятие 2. ( 4 ак.ч. - практика)

Использование функций и переменных

• Использование функций (определение функции; вызов функции; возвращаемое значение)
• Использование переменных (глобальные и локальные переменные; присваивание переменным значений; типы даных; преобразование типов данных; сохранение пользовательских данных)

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

• Использование объeкта String (создание объекта String; объединение текстовых значений; определение длины строки; изменение регистра текста; подстроковые переменные)
• Использование массивов (создание массивов; присваивание значений; определение длины массива; управление массивами с помощью циклов; многомерные массивы в JavaScript; сортировка элементов массива)
• Операторы JavaScript (оператор ветвления if; операторы сравнения; логические операторы; доп. оператор else; оператор-переключатель switch)

 

Занятие 3. ( 4 ак.ч. - практика)

• Использование циклов (повторное выполнение операторов  в цикле for;  использование цикла while для задания цикла; использование цикла do … while; управление циклами; использование цикла for … in; управление массивами с помощью циклов)
• Использование встроенных объектов (понятие объекта; создание объектов; свойства объектов; методы объектов; ключевое слово with)
• Объект Date (создание объекта Date; задание значений;  получение значений; временные зоны)
• Объект Math (округление и усечение; генерация случайных чисел)

 

Занятие 4. ( 4 ак.ч. - практика)

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

• История DOM
• Объект window; Объект document; Объект location; Объект history

Создание пользовательских объектов

• Управление сценариев с помощью объектов
• Определение объекта; Добавление в объект методов; Создание экземпляра объекта
• Использование дочерних объектов; Изменение встроенных объектов; Механизм наследования

 

Занятие 5. ( 4 ак.ч. - практика)

Обработка событий в JavaScript

• Объекты и события; Создание обработчика событий
• Использование функций; Использование объекта event
• События, связанные с мышью; События, связанные с клавиатурой; Событие onLoad
• Добавление описаний для ссылок

Использование окон и фреймов

• Управление окнами с помощью объектов; Создание нового окна; Открытие и закрытие окон
• Временные задержки; Обновление страницы с задержкой; Обновление диалоговых окон
• Управление фреймами

 

Занятие 6. ( 4 ак.ч. - практика)

Формы введения данных

• Создание формы; Использование объекта form; Свойства объекта form
• Отправка данных и очистка формы; Определение событий формы; Создание элементов формы
• Текстовое поле; Текстовые панели; Управление текстом в формах
• Кнопки; Флажки; Переключатели; Раскрывающийся список
• Отображение данных на форме; Отправка данных в виде почтового сообщения
• Проверка правильности заполнения формы

Добавление рисунков и анимации

• Использование разделенного рисунка; Динамические рисунки
• Управление массивом images
• Создание изменяющихся рисунков; Создание простой анимации

 

Занятие 7. ( 4 ак.ч. - практика)

Создание сценариев для разных броузеров

• Получение сведений о броузере; Отображение сведений о броузере
• Поддержка JavaScript броузером; Броузеры, не поддерживающие JavaScript

Использование таблиц стилей

• Определение стиля; Создание правил
• Выравнивание текста; Изменение цвета элемента; Управление шрифтами
• Создание простой таблицы стилей; Использование внешних таблиц стилей
• Управление таблицами стилей в JavaScript; Создание динамических стилей

 

Занятие 8. ( 4 ак.ч. - практика)

Создание динамических страниц с помощью DOM

• Структура DOM
• Понятие элемента; Родительские и дочерние объекты; Уровень структуры
• Свободное позиционирование
• Два метода определения слоев
• Свойства слоев; Управление слоями в JavaScript; Создание анимации с помощью слоев

Часть 2. Работа  с элементами DOM

• Основные свойства элемента; Свойства связей элементов
• Методы документа; Методы элементов
• Скрытие и отображение объектов
• Изменение текста на странице; Добавление текста на страницу
• Улучшенное бегущее сообщение

 

Занятие 9. ( 4 ак.ч. - практика)

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

• Поддержка встроенных утилит: Типы MIME; Использование LiveConnect
• Управление объектами утилит (plugins); Проверка установленных утилит
• Управление внедренными объектами
• Воспроизведеие видео с помощью утилиты QuickTime
• Вставка и воспроизведение звуковых файлов

Работа с базами данных

• Определение базы данных (БД); Доступ к БД; Сервер БД; Два подхода к работе БД
• Элементы ActiveX; Доступ к текстовым таблицам
• Элемент Tabular Data Control (TDC); Привязка элементов страниц к данным
• События тега <OBJECT> ;  Фильтрация и сортировка даных

 

Занятие 10. ( 4 ак.ч. - практика)

Фильтры и преобразования

• Создание фильтров и преобразований
• Фильтры как статические эффекты (затенение, освещение и т.п.)
• Преобразования как динамические эффекты
• Использование фильтров и преобразований в JavaScript

Отладка приложений JavaScript

• Как избежать ошибок; Примеры типичных ошибок
• Основные средства отладки; Отладчик JavaScript