BitTorrent Трекер RusTrek.ru http://5.45.70.241/ |
|
JavaScript. Уровень 1 и 2. Базовый курс + Расширенные возможности. Обучающий видеокурс [2010, RUS] http://5.45.70.241/viewtopic.php?f=229&t=20428 |
Страница 1 из 1 |
Автор: | oartemka178 [ 2011-10-31 19:57 ] |
Заголовок сообщения: | JavaScript. Уровень 1 и 2. Базовый курс + Расширенные возможности. Обучающий видеокурс [2010, RUS] |
JavaScript. Уровень 1 и 2. Базовый курс + Расширенные возможности. #777 Цель курса: Научить слушателей основам программирования на языке JavaScript, дать представление о его возможностях и особенностях. Дать слушателям навыки программирования функциональных сайтов, сформировать понимание взаимодействия JavaScript и HTML, показать основные приемы получения кроссбраузерного кода. По окончании курса Вы будете уметь:
2. Понимание принципа работы браузера с HTML-страницами 3. Твердые знания базового языка JavaScript и DOM 4. Понимание возможностей JavaScript для манипуляции с HTML-страницами 5. Умение управлять HTML-страницами с помощью JavaScript Продолжительность курса - 16 ак. ч. + 24 ак. ч. Производитель: Специалист Год выпуска: 2009 Тип раздаваемого материала: Видеоурок Язык: Русский Описание: Будь то проверка форм или использование карт, перетаскивание товара в корзину или просмотр увеличенных фотографий – все это, и многое другое, реализуется с помощью клиентского JavaScript. А он, в свою очередь, основывается на базовом языке, изучение которого будет первым шагом в мир построения функциональных сайтов и мощных интерфейсов. На занятиях Вы изучите особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основные встроенные функции. На простых примерах освоите стандартные методы работы с DHTML и сценариями, а также нестандартные технологии (например, мультимедийные фильтры IE). Вы сможете создавать кроссплатформенные решения и сценарии, совместимые со всеми современными браузерами. Модуль 1. Введение в JavaScript, основные сведения, синтаксис * Краткая история JavaScript, текущая версия (1.5) * Внедрение сценариев в HTML * Синтаксис, зарезервированные слова * Понятие операторов * Лабораторная работа: Первый сценарий * Понятие переменной, литерала * Классификация типов данных, оператор typeof * Краткое описание всех типов данных * Глобальный объект * Тривиальные типы данных null, undefined * Базовые типы String, Number, Boolen * Работа с числами - объект Math, функции (методы глобального объекта) parseInt(), parseFloat() * Лабораторная работа: Изучение методов экземпляров String * Лабораторная работа: Изучение методов экземпляров Number, методов глобального объекта и объекта Math Модуль 2. Инструкции и функции * Понятие инструкции * Объединение инструкций, оператор "," * Блок инструкций {} * Условные инструкции (if, if/else, if/else if/else) * Инструкции цикла (while, do/while, for, for/in) * Инструкция переключения (switch/case/default) * Инструкции continue, break * Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Error) * Лабораторная работа: Построение таблицы в цикле (использование элемента и правил CSS для модификации внешнего вида таблицы) * Лабораторная работа: Определение правильного окончания слова с разными числительными * Функции * Имена функций, их создание и вызов * Область видимости переменных * Аргументы функций, объект arguments, рекурсивный вызов * Инструкция return * Лабораторная работа: Использование функции для модернизации предыдущего примера с окончанием слова * Лабораторная работа: Создание функции для работы с любым количеством переданных аргументов * Лабораторная работа: Создание функции, возвращающей значение Модуль 3. Массивы и объекты * Массивы, тип данных Array * Свойства и методы экземпляров Array * Лабораторная работа: Изучение методов массивов * Объекты в JS, тип данных Object * Свойства и методы экземпляров Object * Углубление понятия свойств и методов любого объекта в JavaScript * Контекст исполнения функции в качестве метода объекта * Лабораторная работа: Вызов глобальной функции как метода объекта, ключевое слово this * Пользовательские объекты * Понятие класса-конструктора, оператор instanceof, свойство constructor * Механизм наследования, prototype * Лабораторная работа: * Создание пользовательского класса-конструктора, передача аргументов Лабораторная работа: Модификация пользовательского класса-конструктора с помощью prototype Модуль 4. Регулярные выражения и даты * Шаблоны для поиска в строках, тип данных RegExp * Синтаксис регулярных выражений * Спецсимволы, неалфавитные символы (управляющие последовательности) * Классы символов * Повторение * Альтернатива, группировка и ссылки (внутри вне шаблона) * Флаги * Свойства экземпляров RegExp * Методы экземпляров RegExp и String для поиска с использованием шаблонов * Лабораторная работа: Использование рассмотренных методов для поиска * Лабораторная работа: Составление шаблона для проверки корректности e-mail * Создание дат, тип данных Date * Свойства и методы экземпляров Date * Лабораторная работа: Получение текущей и заданной дат * Лабораторная работа: Получение даты с заданным смещением (неделя - 7 суток, месяц - 30 суток) * Лабораторная работа: Использование экземпляров Date в качестве "секундомера" * Заключительная часть – закрепление знаний про объекты, их свойства и методы, синтаксис доступа к ним Год выпуска: 2010 Производитель: Специалист Автор: Специалист Продолжительность: 09:19:14 Тип раздаваемого материала: Видеоурок Язык: Русский Описание: Интерактивное взаимодействие с посетителями – основа успешности любого сайта. Клиентский JavaScript позволяет просматривать увеличенные фотографии, направлять товар в корзину и выполнять другие функции, обеспечивающие взаимодействие сайта с клиентом. Уверенное знание этого языка позволит создавать функциональные сайты, мощные и удобные интерфейсы. По окончании курса Вы получите навыки программирования функциональных сайтов, сформируете понимание взаимодействия JavaScript и HTML, освоите основные приемы получения кроссбраузерного кода. Курс также будет полезен тем, кто обладает знаниями в объёме программы, но хочет их систематизировать, а также повысить свою эффективность за счёт новых приёмов и методов работы. Модуль 1. Глобальный объект Window * DOM как связь базового JavaScript и HTML страницы * Краткая история развития DOM, текущая версия (2) * Глобальный объект Window, его свойства и методы * Объекты, доступные как свойства Window, их свойства и методы: * location * history * navigator * screen * document * Лабораторная работа: Использование методов prompt(), confirm(), alert() для задания условия выполнения действий и информирования пользователя * Лабораторная работа: Отложенный вызов кода (setTimeout(), setInterval()), использование методов для счетчиков времени * Лабораторная работа: Открытие окна, работа с его положением, получение и потеря фокуса, скроллирование, закрытие окна * Лабораторная работа: Отслеживание свойства closed открытого окна, взаимодействие окон с помощью переменной и свойства opener * window.frames[] и понятие HTML коллекции * Взаимодействие окон (глобальных объектов) во фреймовой структуре * Лабораторная работа: Работа с переменными в разных окнах (top, parent, self), закрепление понимания, что глобальные переменные - свойства объекта window, глобальные функции - методы этого объекта Модуль 2. Объект Document, базовая модель событий * Свойства и методы объекта Document * Доступ к отдельным элементам страницы с помощью свойств объекта Document: * body * title * forms * images * links * anchors * applets * embeds * Доступ к атрибутам элементов страницы * Способ сохранения информации для посещенной страницы – cookie * Лабораторная работа: Модификация работы по открытию окна: добавление формирования содержимого * Лабораторная работа: Чтение и запись cookie * Базовая или исходная модель событий * Список событий и элементы страницы, где они могут возникнуть * Применение кода в качестве обработчика события * Вызов функций в значении атрибута * Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this * Передача ссылок на событие и элемент, в котором оно возникло * Лабораторная работа: Регистрация обработчиков событий в HTML коде, недостатки этого способа * Лабораторная работа: Регистрация обработчиков событий в коде скрипта, передача ссылки на событие Модуль 3. Отдельные HTML элементы и работа с ними * Таблицы и ее элементы * Свойства и методы таблицы, ее элементов * Лабораторная работа: Динамическое создание таблицы (модификация примера из 2 модуля курса «Базовый JavaScript») * Формы и элементы управления * Свойства и методы формы, ее элементов * События, связанные с формой и ее элементами * Лабораторная работа: Правильная организация формы, ее проверка перед отправкой, фильтрация ввода с клавиатуры * Изображения * Свойства изображений * События, связанные с изображениями * Лабораторная работа: Динамическое создание изображения, организация просмотра увеличенных изображений Модуль 4. Объектная модель документа (DOM) * Реализация W3C DOM различными браузерами * Архитектура DOM, дерево элементов * Типы узлов, работа с атрибутами * Свойства и методы различных типов узлов * Доступ к значению атрибутов через свойства * Работа со встроенными стилями (атрибут style (inline)) * Работа с таблицами стилей (элементы для внешних таблиц (linking) и для встроенных таблиц (ebbedding)) * Методы экземпляров RegExp и String для поиска с использованием шаблонов * Лабораторная работа: Динамическое создание таблицы (модификация примера из 2-го модуля курса «Базовый JavaScript») * Лабораторная работа: Поиск элементов страницы и манипуляции с ними * Лабораторная работа: Построение списка со ссылками из массива * Лабораторная работа: Изменение внешнего вида посредством работы с таблицами стилей Модуль 5. Модель событий в объектной модели документа * Отличия целевых элементов для некоторых событий по сравнению с базовой моделью * Модель возникновения, распространения и обработки событий в W3C DOM и IE * Использование всплытия событий для регистрации единственного обработчика, исключения * Свойства события * Кроссбраузерное назначение функций-обработчиков событий * Лабораторная работа: Принципы построения кроссбраузерного служебного кода * Лабораторная работа: Реализация drag'n'drop * Лабораторная работа: Построение раскрывающегося по клику списка Модуль 6. Введение в AJAX, нетривиальные примеры работы с HTML страницей * Краткий обзор XML документов и формата JSON * Основные аспекты работы асинхронного запроса * Кроссбраузерный способ организации запроса * Принципы работы с полученным ответом в зависимости от его заголовка (responseText, responseXML) * Лабораторная работа: Работа с ответом в виде JavaScript-кода * Организация сценариев в реальных проектах * Лабораторная работа: Перетаскивание товара в корзину (клонирование элементов и работа с координатами события) * Лабораторная работа: Использование cookie для запоминания состояния элементов (раскрывающегося списка) * Лабораторная работа: Построение выпадающего списка * Лабораторная работа: Применение setTimeout(), setInterval() для визуальных динамических эффектов Формат видео: WMV Format: Windows Media Overall bit rate mode: Variable Overall bit rate : 164 Kbps Maximum Overall bit rate: 295 Kbps ID : 3 Format: GoToMeeting3 Codec ID: G2M3 Codec ID/Info: Citrix Systems, Inc. Bit rate mode: Variable Bit rate: 114 Kbps Width: 1 024 pixels Height : 768 pixels Display aspect ratio: 4:3 Frame rate mode: Variable Nominal frame rate : 29.970 fps Bit depth: 8 bits Language: Russian (RU) ID: 1 Format: WMA Format version: Version 2 Codec ID: 161 Codec ID/Info: Windows Media Audio Description of the codec: Windows Media Audio 9.2 - 48 kbps, 44 kHz, mono 1-pass CBR Duration: 3h 24mn Bit rate mode: Constant Bit rate: 48.0 Kbps Channel(s): 1 channel Sampling rate: 44.1 KHz Bit depth: 16 bits Stream size: 70.1 MiB (29%) Language: Russian Не забывайте говорить "СПАСИБО"!
|
Страница 1 из 1 | Часовой пояс: UTC + 3 часа |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |