JavaScript. Основы веб-программирования (семинар)
Консультації:
Про компанію
Знижки та акції
Відгуки
Онлайн консультації
Статті
Контакти
Зателефонуйте мені
Помилка доступу до сервера.
Спробуйте пізніше.
Невірно введені дані.
Виправте і спробуйте ще раз
Ваш запит успішно відправлений.
Введіть Ваше ім'я
Введіть курс навчання
Введіть номер телефону
Введіть число
з картинки*:
Введіть число
* обов'язкові для заповнення поля
Онлайн консультації по Skype
Головна /   WEB /   JavaScript. Основы веб-программирования (семинар)

Семинар

JavaScript. Основы веб-программирования

 

О семинаре:

Информация о семинаре:

Количество ак. часов: 20

Время обучения в группе (на выбор):

  • утренние группы с 9-00 до 12-00
  • дневные группы с 12-00 до 15-00, с 15-00 до 18-00;
  • вечерние группы с 18-00 до 21-00;
  • группы выходного дня: суббота и воскресенье.

Срок обучения:

  • Семинар «JavaScript. Основы веб-программирования» - 20 ак часа ( 1 занятие - 4 ак часа)

 

Стоимость обучения и варианты оплаты: 

Общая стоимость обучения: 0 грн.

  • оплата за весь курс сразу (предоплата)

Для владельцев дисконтных карточек:

Владельцы дисконтных карточек получают скидки.

Начало семинара:



Ближайшие даты начала занятий



Программа семинара:

 

JavaScript. Основы веб-программирования: 

Введение в JavaScript, основные сведения, синтаксис

  • Краткая история JavaScript, текущая версия (1.5)
  • Внедрение сценариев в HTML
  • Синтаксис, зарезервированные слова
  • Понятие операторов
  • Лабораторная работа: Первый сценарий
  • Понятие переменной, литерала
  • Классификация типов данных, оператор typef
  • Краткое описание всех типов данных
  • Глобальный объект
  • Тривиальные типы данных null, undefined
  • Базовые типы String, Number, Blean
  • Работа с числами - объект Math, функции (методы глобального объекта) parseInt(), parseFlat()
  • Лабораторная работа: Изучение методов экземпляров String
  • Лабораторная работа: Изучение методов экземпляров Number, методов глобального объекта и объекта Math 

Инструкции и функции

  • Понятие инструкции
  • Объединение инструкций, оператор «,»
  • Блок инструкций {}
  • Условные инструкции (if, if/else, if/else if/else)
  • Инструкции цикла (while, d/while, fr, fr/in)
  • Инструкция переключения (switch/case/default)
  • Инструкции cntinue, break
  • Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Errr)
  • Лабораторная работа: Построение таблицы в цикле (использование элемента <style> и правил CSS для модификации внешнего вида таблицы)
  • Лабораторная работа: Определение правильного окончания слова с разными числительными
  • Функции
  • Имена функций, их создание и вызов
  • Область видимости переменных
  • Аргументы функций, объект arguments, рекурсивный вызов
  • Инструкция return
  • Лабораторная работа: Использование функции для модернизации предыдущего примера с окончанием слова
  • Лабораторная работа: Создание функции для работы с любым количеством переданных аргументов
  • Лабораторная работа: Создание функции, возвращающей значение 

Массивы и объекты

  • Массивы, тип данных Array
  • Свойства и методы экземпляров Array
  • Лабораторная работа: Изучение методов массивов
  • Объекты в JS, тип данных bject
  • Свойства и методы экземпляров bject
  • Углубление понятия свойств и методов любого объекта в JavaScript
  • Контекст исполнения функции в качестве метода объекта
  • Лабораторная работа: Вызов глобальной функции как метода объекта, ключевое слово this
  • Пользовательские объекты
  • Понятие класса-конструктора, оператор instancef, свойство cnstructr
  • Механизм наследования, prttype
  • Лабораторная работа:
  • Создание пользовательского класса-конструктора, передача аргументов
  • Лабораторная работа: Модификация пользовательского класса-конструктора с помощью prttype 

Регулярные выражения и даты

  • Шаблоны для поиска в строках, тип данных RegExp
  • Синтаксис регулярных выражений
  • Спецсимволы, неалфавитные символы (управляющие последовательности)
  • Классы символов
  • Повторение
  • Альтернатива, группировка и ссылки (внутри вне шаблона)
  • Флаги
  • Свойства экземпляров RegExp
  • Методы экземпляров RegExp и String для поиска с использованием шаблонов
  • Лабораторная работа: Использование рассмотренных методов для поиска
  • Лабораторная работа: Составление шаблона для проверки корректности e-mail
  • Создание дат, тип данных Date
  • Свойства и методы экземпляров Date
  • Лабораторная работа: Получение текущей и заданной дат
  • Лабораторная работа: Получение даты с заданным смещением (неделя - 7 суток, месяц - 30 суток)
  • Лабораторная работа: Использование экземпляров Date в качестве «секундомера»
  • Заключительная часть – закрепление знаний про объекты, их свойства и методы, синтаксис доступа к ним 

Глобальный объект Windw

  • DM как связь базового JavaScript и HTML страницы
  • Краткая история развития DM, текущая версия (2)
  • Глобальный объект Windw, его свойства и методы 

Объекты, доступные как свойства Windw, их свойства и методы:

  • lcatin
  • histry
  • navigatr
  • screen
  • dcument
  • Лабораторная работа: Использование методов prmpt(), cnfirm(), alert() для задания условия выполнения действий и информирования пользователя
  • Лабораторная работа: Отложенный вызов кода (setTimeut(), setInterval()), использование методов для счетчиков времени
  • Лабораторная работа: Открытие окна, работа с его положением, получение и потеря фокуса, скроллирование, закрытие окна
  • Лабораторная работа: Отслеживание свойства clsed открытого окна, взаимодействие окон с помощью переменной и свойства pener
  • windw.frames[] и понятие HTML коллекции
  • Взаимодействие окон (глобальных объектов) во фреймовой структуре
  • Лабораторная работа: Работа с переменными в разных окнах (tp, parent, self), закрепление понимания, что глобальные переменные - свойства объекта windw, глобальные функции - методы этого объекта 

Объект Dcument, базовая модель событий

  • Свойства и методы объекта Dcument
  • Доступ к отдельным элементам страницы с помощью свойств объекта Dcument:
  • bdy
  • title
  • frms
  • images
  • links
  • anchrs
  • applets
  • embeds
  • Доступ к атрибутам элементов страницы
  • Способ сохранения информации для посещенной страницы – ckie
  • Лабораторная работа: Модификация работы по открытию окна: добавление формирования содержимого
  • Лабораторная работа: Чтение и запись ckie
  • Базовая или исходная модель событий
  • Список событий и элементы страницы, где они могут возникнуть
  • Применение кода в качестве обработчика события
  • Вызов функций в значении атрибута
  • Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this
  • Передача ссылок на событие и элемент, в котором оно возникло
  • Лабораторная работа: Регистрация обработчиков событий в HTML коде, недостатки этого способа
  • Лабораторная работа: Регистрация обработчиков событий в коде скрипта, передача ссылки на событие 

Отдельные HTML элементы и работа с ними

  • Таблицы и ее элементы
  • Свойства и методы таблицы, ее элементов
  • Лабораторная работа: Динамическое создание таблицы (модификация примера из 2 модуля курса «Базовый JavaScript»)
  • Формы и элементы управления
  • Свойства и методы формы, ее элементов
  • События, связанные с формой и ее элементами
  • Лабораторная работа: Правильная организация формы, ее проверка перед отправкой, фильтрация ввода с клавиатуры
  • Изображения
  • Свойства изображений
  • События, связанные с изображениями
  • Лабораторная работа: Динамическое создание изображения, организация просмотра увеличенных изображений 

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

  • Реализация W3C DM различными браузерами
  • Архитектура DM, дерево элементов
  • Типы узлов, работа с атрибутами
  • Свойства и методы различных типов узлов
  • Доступ к значению атрибутов через свойства
  • Работа со встроенными стилями (атрибут style (inline))
  • Работа с таблицами стилей (элементы <link> для внешних таблиц (linking) и <style> для встроенных таблиц (ebbedding))
  • Методы экземпляров RegExp и String для поиска с использованием шаблонов
  • Лабораторная работа: Динамическое создание таблицы (модификация примера из 2-го модуля курса «Базовый JavaScript»)
  • Лабораторная работа: Поиск элементов страницы и манипуляции с ними
  • Лабораторная работа:
  • Построение списка со ссылками из массива
  • Лабораторная работа:
  • Изменение внешнего вида посредством работы с таблицами стилей
  • Модель событий в объектной модели документа
  • Отличия целевых элементов для некоторых событий по сравнению с базовой моделью
  • Модель возникновения, распространения и обработки событий в W3C DM и IE
  • Использование всплытия событий для регистрации единственного обработчика, исключения
  • Свойства события
  • Кроссбраузерное назначение функций-обработчиков событий
  • Лабораторная работа: Принципы построения кроссбраузерного служебного кода
  • Лабораторная работа: Реализация drag'n'drp
  • Лабораторная работа: Построение раскрывающегося по клику списка
  • Основы использования библиотеки jQuery
  • Введение в jQuery: назначение и использование
  • Выборка с помощью jQuery
  • Использование свойств элементов
  • Использование событий элементов
  • Основы применения анимации
  • Лабораторные работы: по теме

 

 

Нагору