Конспект

Конспект Методический анализ темы JavaScript

Работа добавлена на сайт bukvasha.net: 2015-10-29

Поможем написать учебную работу

Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.

Предоплата всего

от 25%

Подписываем

договор

Выберите тип работы:

Скидка 25% при заказе до 24.11.2024





Федеральное агентство по образованию Российской Федерации

Государственное образовательное учреждение

высшего профессионального образования

Российский государственный профессионально – педагогический университет

Кафедра профессионального образования
КУРСОВАЯ РАБОТА
На тему: «Методический анализ темы «JavaScript».
Выполнил                                                 студент гр. БЗ – 313 СоКТ

                             Ческидов Н.Ф.
Проверил преподаватель:                                           Колесникова Ю.А.
Екатеринбург, 2009


Содержание

Введение. 3

I. Методическая часть. 5

1. Сущность методического анализа. 5

2. Структура методического анализа учебного материала. 7

3. Рефлексия методической деятельности. 13

4. Методическая редукция. 14

5. Роль и значение методической работы.. 16

II Практическая часть. 17

1. Конспект учебного материала по теме JavaScript 17

Урок №1. 20

Урок №2. 22

Урок №3. 26

Урок №4. 31

Урок №5. 34

2. Спецификация учебной информации. 40

2.1 Спецификация учебных элементов. 40

2.2 Граф учебной информации. 42

Заключение. 43

Список использованной литературы.. 44



Введение


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

Всё это проводится для того, чтоб довести до сведения учащихся новый материал на понятном и доступном для них языке.

Продуктом данного методического анализа, является методически обработанный учебный материал, который может быть представлен в форме опорного конспекта, рабочей тетради, теста, плаката и так далее.

Для определения процедур учебной деятельности учащихся, по усвоению понятий, выявляют содержание и строение тех конкретных действий ученика, посредством которых он может быть введен в область знаний данной темы.

Актуальность данной темы заключается в том, что в настоящее время большинство преподавателей подготавливаясь к своим лекциям, составляют опорные конспекты, перерабатывают материал и выстраивают его, таким образом, чтоб учащиеся его лучше усвоили. Проанализировав материал, преподаватель сам начинает лучше ориентироваться в нём.

Целью данной работы является раскрытие сущности методического анализа.

В соответствии с целью поставлены следующие задачи:

·      выявить сущность метод, анализа;

·      изучить структуру методического анализа учебного материала;

·      рассмотреть рефлексию методической деятельности и методическую редукцию;

·      выявить роль и значение методической работы.

В практической части курсовой работы разработаны уроки по предмету Web-дизайн по темам:

1.  Литералы

2.         Переменные

3.         Массивы

4.         Объекты

5.         Операторы языка

По темам уроков разработана спецификация учебных элементов и построен граф учебной информации.

I. Методическая часть

1. Сущность методического анализа


Наибольших затрат времени в деятельности преподавателя требуют анализ, выбор и отбор содержания учебного материала по предмету, а так же переработка (дидактическая и методическая) учебного материала при подготовке к уроку.

Учебным материалом называют ту часть конкретного социального опыта, подлежащая усвоению за единицу учебного времени (урок, занятие, тема), которая воплощена в тексте учебника, речи учителя и других средствах обучения (задачник, диафильм, кинофильм и прочее).

Функциями методического анализа учебного материала, являются выявление и преодоление трудностей понимания и усвоения учащимися новых знаний, умений; конструирование деятельности учащихся по овладению новой системой понятий и способов деятельности.

Цель методического анализа учебного материала, состоит в том, чтобы определить приемы, способы и формы репрезентации отобранного содержания учебного материала, направленные на преодоление трудностей его понимания и усвоения учащимися.

Объектом методического анализа учебного материала, являются содержание учебной информации, методы, методики и технологии обучения.

Предметом методического анализа, являются приемы, методы редуцирования и представления содержания учебного материала с учетом психологических способностей учащихся к пониманию, запоминанию и усвоению учебной информации.

Под методическим анализом учебного материала технических дисциплин следует понимать мыследеятельность преподавателя по выявлению понятийного состава, структуры и логики учебного материала и выполнению    его    методической    переработки    с    учетом    специфики


формируемых технических понятий и психологических закономерностей познавательной деятельности учащихся.

Продуктом методического анализа учебного материала, является дидактически редуцированный и методически обработанный учебный материал, представленный, например, в форме опорного конспекта, рабочего листа, рабочей тетради, метаплана, алгоритма, инструкционной карты, тестов, схемы, плаката и т. д.

2. Структура методического анализа учебного материала


Процедура и последовательность проведения методического анализа учебного материала технических дисциплин следующие:

1.    подбор учебного материала;

2.    структурно-логический анализ учебного материала;

3.    методическая редукция учебного материала;

4.    определение состава предметно-познавательных действий учащихся;

5.    выбор средств, методов и форм обучения;

6.    конкретизация обучающей и когнитивной целей;

7.    рефлексия методической деятельности.

Учебная информация (учебники по предметам, учебные пособия, технические описания, инструкции, научные статьи, справочная литература и т. п.), является важнейшим фактором, влияющим на проведение методического анализа.

Сложности осуществления анализа содержания учебного материала состоят в следующем:

1)       отсутствие учебников по многим учебным дисциплинам, вводимым в новых типах учебных заведений (технических лицеях и колледжах).

Это приводит к тому, что преподавателю приходится отбирать и структурировать учебный материал из рекомендуемых учебников для техникумов и вузов. Известно, что уровень теоретического обобщения и степень абстракции предъявляемого учебного материала в них не соответствуют уровню обученности учащихся, психологическим и возрастным закономерностям усвоения учебной информации. В подобных ситуациях преподаватель должен переработать, трансформировать содержание вводимых понятий и адаптировать его к познавательным возможностям учащихся;

2)      недостаточной   полноте   учебной   информации   по   отдельным темам в рекомендуемых учебниках. В такой ситуации деятельность педагога по анализу связана с поиском этой информации в различных технических документах, журналах, специальной литературе и других источниках; отбором содержания формируемых понятий, ее переработкой и представлением в форму, доступную для усвоения учащимися;

3) отсутствии единого учебника для учебных заведений начального профессионального образования, по целому ряду специальных дисциплин, что ставит преподавателей в ситуацию конструирования содержания урока из трех-пяти рекомендуемых по программе учебников.

Нельзя не отметить еще одну причину, которая связана с особенностями содержания современных технических дисциплин (например, системотехникой, эргономикой, дизайном систем и др.): в них нет ориентации на какую-либо одну базовую научную дисциплину. Поэтому содержание этих дисциплин объединяет и интегрирует факты теории, методы технических и естественнонаучных областей знаний. Указанные специфические черты современного научно-технического знания проецируются на конкретные учебные предметы, которые порождают определенные трудности в дидактической и методической переработке содержания учебного материала в соответствующих учебниках.

Резюмируя вышеизложенное, можно сказать, что результатом отбора содержания учебного материала по предмету является выбор педагогом конкретного учебника (или учебников, или иной информации) для представления учебного материала к уроку.

Под структурно-логическим анализом понимаются выделение элементов знаний (учебных элементов) их классификация, а также установление связей и отношений между ними.

Учебный элемент (УЭ) - понятие, обозначающее техническое устройство, явление, физический процесс, закон и т. д. При этом способы выражения информации (формула закона или график зависимости) не считаются учебными элементами.

Классификация учебных элементов проводится по нескольким основаниям. Например, выделяются опорные и новые понятия. К опорным относятся понятия, на основе которых формируются новые знания, приемы умственной и практической деятельности учащихся. На уроках по техническим дисциплинам в качестве опорных выступают понятия, изучаемые и в физике и математике. К новым относятся понятия, впервые формируемые на уроке.

Следующее основание для классификации - это уровни сформированности понятий. Возможна четырехуровневая система (по В.П. Беспалько): знакомство - воспроизведение - умение - трансформация (сокращенно: 3 - В - У - Т).

Для изучения гостиничного хозяйства, можно рекомендовать следующие определения:

1.    знакомство - уровень понятий второстепенного характера, которые
учащийся должен узнавать, классифицировать, а также знать их определения
назначение;


2.    воспроизведение  -  уровень  понятий,   которые  используются  для
объяснения характеристик и объектов (понятий, описывающих содержание
гостиничной индустрии.);

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

4.    трансформация   -   уровень   понятий,   изучаемых   как   навык   и
применяемых для решения задач творческого характера.

Методическая редукция - это отдельный прием или совокупность приемов, применяемых для трансформации содержания учебного материала или отдельного понятия в форму, учебную для его усвоения учащимися.

Для определения процедур учебной деятельности учащихся, по усвоению понятий, выявляют содержание и строение тех конкретных действий ученика, посредством которых он может быть введен в область знаний данной темы. Для этого необходимо изучить историю возникновения и развития в науке основных понятий темы, проанализировать имеющиеся в учебно-методической литературе трактовки этих понятий, делить идеи, овладение которыми составляет главную цель изучения. На и основе строится предварительное описание системы действий (модели учебной деятельности) учащихся, приводящих их к полному усвоению содержания данной темы.

Для осуществления выбора необходимо знать дидактические условия, которые объективно влияют на этот процесс.

К ним относятся:

1.  Структура и логика содержания учебного материала по конкретной
теме урока.

2.         Учебно-познавательные возможности учащихся (знания опорных
понятий, уровень развития мышления).

3.         Возможности преподавателя (предшествующий опыт работы, знание
закономерностей   процесса   обучения,   умение   управлять   познавательной
деятельностью учащихся).


4.         Материально-техническое    обеспечение    кабинета или аудитории
(возможности ведения демонстрационного эксперимента, индивидуального
исследовании).

Рассмотрим влияние структурно-логической схемы содержания учебного материала на выбор методов.

Данная структура предполагает такую модель взаимосвязи деятельности преподавателя и учащихся, для которой характерны требование преподавателя и выполнение учащимися этого требования. Такая деятельность характерна для метода диалогического изложения.

В деятельности преподавателя и учащихся в данном случае, можно реализовать сочетание диалогического и показательного методов обучения. Чем больше исходных элементов имеют связь с новым понятием, тем сложнее сделать правильный вывод и у учащихся больше вероятность допустить ошибки, поэтому уровень проблемности снижается за счет того ,что преподаватель сам показывает решение проблемы, формирует новое знание.

В данном случае новое знание имеет опосредованные связи с ранее изученными понятиями, и новое понятие может быть сформировано путем логических рассуждений, ведущих к требуемому выводу. Это указывает на возможность применения методов более высокого уровня проблемности: эвристического и исследовательского.

В структуре методического анализа учебного материала процедуры выявления, конкретизации и формулирования целей учения и обучения не случайно представлены на заключительном этапе.

Прежде чем педагог начнет занятие, он должен ясно понимать результаты деятельности учащихся на уроке. Таким образом, в рамках подготовки к уроку перед ним стоит задача - определить учебные цели занятия.

В отечественной педагогике распространена точка зрения на то, что цель урока должна определить отбор содержания, т. е. должна быть поставлена перед проведением методического анализа. Поэтому очень часто цели урока в учебных заведениях профессионально-технического образования носят характер общих установок, требований квалификационных характеристик, задач образовательной системы. Общая цель может служить только отбору содержания учебного материала урока. Отобранное и сконструированное в ходе методического анализа содержание позволяет выявить и сформулировать конкретные, достижимые для учащихся и преподавателя цели урока.

Учебные (когнитивные) цели описывают достигаемый результат, которым учащийся должен располагать в конце изучения темы, выражаемый в психологических новообразованиях личности учащегося, новых знаниях и умениях, приемах познавательной деятельности.

В 1956 г. В. Блум и его сотрудники описали таксономию учебных н целей. Для преподавателя представляет интерес классификация учебных целей для когнитивной области. В. Блум выделил шесть когнитивных уровней: знание, понимание, применение, анализ, синтез, оценку.

На каждом когнитивном уровне учащийся может выполнять соответствующие этому уровню виды деятельности. Например, на первом уровне дать определение гостиничным понятиям,. вычертить схемы этого понятия, применить уже известное понятие по известной методике. На четвертом уровне анализировать полученное, построить диаграммы, графики исследуемых процессов, и т. д. Можно заметить, что чем выше когнитивный уровень, тем более сложную мыслительную работу требуется совершать учащемуся в процессе познавательно деятельности.

В исследовании под когнитивной целью следует понимать цель, которая формулируется преподавателем для учащихся и описывает планируемый на заданном когнитивном уровне результат их учебно -познавательной деятельности на уроке.

Под обучающей целью понимается цель, которая формулируется для преподавателя и описывает планируемый результат его педагогической деятельности на уроке.

3. Рефлексия методической деятельности


Заключительной процедурой в структуре методического анализа учебного материала является рефлексия. Это особая деятельность педагога с собственным сознанием и со структурами обучающей и методической деятельности и мыследеятельностью.

Рефлексия - центральный и основной механизм развития деятельности. Психологический смысл рефлексии состоит в том, что, решая мыслительные задачи, «человек приходит» к пониманию того, почему и как они решаются. Рефлексия, по существу, есть контроль и оценка человеком собственных действий».

Приемы рефлексии - уточнение, сомнение, вопрос, утверждение, предположение, выражение уверенности, установление причинно следственных связей, анализ результатов.

Исследованиями в области рефлексивной психологии доказано, что появление рефлексии означает возникновение нового самосознания, развитие рефлексии связывается с развитием, расширением сознания, формированием обобщающего способа действия. Каждый педагог должен уметь подвергать рефлексии свои смысловые структуры сознания, отражающие реальность прошедшей действительности. Обращенность педагога на свой способ действия создает предпосылки, обеспечивающие, в свою очередь, развитие предметно - профессиональной мыследеятельности.

4. Методическая редукция


В советских и современных российских методиках обучения методическая редукция как самостоятельный методический прием не была обоснована. В то же время принцип доступности в обучении актуален для любой современной учебной дисциплины и любой формы подготовки специалистов. Как указывалось выше, в различных видах анализа акцентируется внимание в основном на операциях с понятиями, определении трудностей усвоения новых знаний на уроке и т. д.

Методическая редукция - это трансформация абстрактных теоретических положений научной области соответственно уровню понимания учащихся. Следовательно, методическая редукция имеет целью преобразовать содержание вновь изучаемого учебного материала в форму более простую и доступную для понимания его учащимися.

В методике профессионального обучения выделяют следующие приемы методической редукции:

1.    лингвистическую трансформацию учебного материала;

2.    вербальность и метафоричность формулировок;

3.    элиминацию менее важных аспектов из содержания учебного материала;

4.    мнемотехнику;

5.    операционные определения технических понятий;

6.    остенсивные определения технических понятий;

Лингвистическая трансформация учебного материала – это преобразование данных конструкций слов, словосочетаний или предложений в ряд других, близких для понимания учащимися. Вербальность заключается в том, что знаково - символические, невербальные формы репрезентации замещаются на устную, словесную форму.

Метафоричность (метафора). Этот прием в трансформации учебного материал может выступать в роли средства передачи и усвоения новых знаний и «нового видения мира и вещей». Метафора близка к таким механизмам понимания, как узнавание, ассоциирование. Метафоры должны сознательно отбираться преподавателем, чтобы учащиеся не воспринимали их в буквальном значении.

Мнемотехника хорошо известна и широко применялась педагогами в начале XX в. Цель применения мнемотехники - облегчить понимание и запоминание содержания путем образования искусственных ассоциаций.

Операциональные определения, позволяют установить однозначное соответствие между термином и понятием, через указание операционного состава действий с объектами учебного познания.

Остенсивные определения были обоснованы физиком экспериментатором И. У. Бриджменом: «Остенсивные определения представляют собой способ установления соответствия между знаками (словом и словосочетаниям) и объектами, в результате чего знак приобретает для обучаемого значение». Остенсивные определения применяются при изучении технической дисциплины для обобщения признаков объектов технических систем и т. д. При изучении техники используются полуостенсивные определения, которые образуются демонстрацией не самого предмета, а его схем, чертежей, рисунков, сопровождаемых словесными пояснениями. Это один из самых распространенных и эффективных способов - сделать для учащихся понятным значение неизвестного ему слова. Следует подчеркнуть, что это особенно важно в обучении учащихся профессионально-технических училищ, будущая профессиональная деятельность которых связана с предметными практическими действиями, с объектами технической практики.

Таким образом, методическая редукция учебного материала не должна нарушать правильности, объективности и научности изучаемого. Способы редуцирования и представления учебного материала должны отбираться с учетом способностей учащихся к пониманию и запоминанию.

5. Роль и значение методической работы


Бесспорно, личный опыт, собственная инициатива, углубление (по мере увеличения стажа работы) в педагогические и психологические знания, многократная апробация методических приемов — все это способствует становлению профессионала. Но обогащает не только свой, пусть и богатый, опыт. Специалист становится настоящим мастером, если он наблюдает, изучает и творчески осваивает передовой опыт коллег. Так было и раньше, но сегодня это — обязательное требование к методической работе каждого педагога, занимающегося профессиональной подготовкой учащихся.

В системе профессионально-технического образования и раньше уделялось достаточно много внимания методической работе.

К сожалению, сложный для страны период последних десятилетий не мог не отразиться на целостности этого важного участка педагогической деятельности. К счастью, несмотря на прежние связи между образовательными учреждениями, в стране нашлись сотни ученых и практиков, воссоздающих методическую службу нового типа, отвечающую запросам сегодняшнего дня. Это непростое дело, поднимающее требования к методической деятельности работников учебных заведений, направленное на развитие педагогических и методических инструментов, используемых практиками системы НПО, — еще в становлении. Существует обоснованная надежда, что этот процесс затянется, а инновационные технологии с помощью методистов глубоко «прорастут» в учебных заведениях ПТО.

Итак, главная задача методической работы в учебном заведении профессионального образования - повышение методического и педагогического уровня работников, приведение его в соответствие с требованиями задач, выдвинутых Концепцией модернизации российского образования на период до 01.2010 года. Методическая работа проводится в тесной связи с учебно - воспитательным процессом и является средством его совершенствования.

II Практическая часть

1. Конспект учебного материала по теме JavaScript




Гипертекстовая информационная система состоит из множества информационных узлов, множества гипертекстовых связей, определенных на этих узлах и инструментах манипулирования узлами и связями. Технология World Wide Web — это технология ведения гипертекстовых распределенных систем в Internet, и, следовательно, она должна соответствовать общему определению таких систем. Это означает, что все перечисленные выше компоненты гипертекстовой системы должны быть и в Web.

Web как гипертекстовую систему можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых страниц, связанных гипертекстовыми переходами (ссылками — контейнер <A>). Во-вторых, как множество элементарных информационных объектов, составляющих отображаемые страницы (текст, графика, мобильный код и т.п.). В последнем случае множество гипертекстовых переходов страницы — это такой же информационный фрагмент, как и встроенная в текст картинка.

При втором подходе гипертекстовая сеть определяется на множестве элементарных информационных объектов самими HTML-страницами, которые и играют роль гипертекстовых связей. Этот подход более продуктивен с точки зрения построения отображаемых страниц "на лету" из готовых компонентов.

При генерации страниц в Web возникает дилемма, связанная с архитектурой "клиент-сервер". Страницы можно генерировать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, разработав язык программирования JavaScript.

Таким образом, JavaScript — это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript — это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит. На практике это выражается в том, что можно, например, изменить цвет фона страницы или интегрированную в документ картинку, открыть новое окно или выдать предупреждение.

Название "JavaScript" является зарегистрированным товарным знаком компании Sun Microsystems. Реализация языка, осуществленная разработчиками Microsoft, официально называется JScript. Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JScript. В данный момент JavaScript полностью занимает нишу браузерных языков. На синтаксис JavaScript оказал влияние язык Java, откуда и произошло название JavaScript; как и Java, язык JavaScript является объектным. Однако на этом их связь заканчивается: Java и JavaScript — это разные языки, ни один не является подмножеством другого.

Стандартизация языка была инициирована компанией Netscape и осуществляется ассоциацией ECMA (European Computer Manufacturers Association — Ассоциация европейских производителей компьютеров). Стандартизированная версия имеет название ECMAScript и описывается стандартом ECMA-262

Первая версия стандарта (принята в 1997 г.) примерно соответствовала JavaScript 1.1. На данный момент вышла уже третья редакция стандарта (принята в декабре 1999 г), включающая мощные регулярные выражения, улучшенную поддержку строк, новые управляющие конструкции, обработку исключений try/catch, конкретизированное определение ошибок, форматирование при численном выводе и другие изменения. Ведется работа над расширениями (источник) и четвертой редакцией стандарта. Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA.

Урок №1


Тема: Литералы
Литералом называют данные, которые используются в программе непосредственно. При этом под данными понимаются числа или строки текста. Все они рассматриваются в JavaScript как элементарные типы данных. Приведем примеры литералов:
числовой литерал: 10

числовой литерал: 2.310

числовой литерал: 2.3e+2

строковый литерал: 'Это строковый литерал'

строковый литерал: "Это строковый литерал"
Литералы используются в операциях присваивания значений переменным или в операциях сравнения:
var a=10;

var str = 'Строка';

if(x=='test') alert(x);
Оператор присваивания (переменная = выражение) возвращает результат вычисления выражения, поэтому ничто не мешает полученное значение присвоить еще и другой переменной. Таким образом, последовательность операторов присваивания выполняется справа налево:
result = x = 5+7;
Два варианта строковых литералов необходимы для того, чтобы использовать вложенные строковые литералы. Если в строковом литерале требуется использовать одинарную кавычку, то сам литерал можно заключить в двойные кавычки: "It's cool!". Верно и обратное. Но если есть необходимость использовать в строковом литерале оба вида кавычек, то проще всего всех их "экранировать" символом обратной косой черты \, при этом саму строку можно заключить в любую пару кавычек. Например:
команда:

document.write("It\'s good to say \"Hello\" to someone!");

выдаст:

It's good to say "Hello" to someone!
Помимо строковых литералов (последовательностей символов, заключенных в кавычки) есть еще строковые объекты; они создаются конструктором: var s = new String(). У этого объекта существует много методов (об объектах и методах пойдет речь в следующей лекции). Следует понимать, что строковый литерал и строковый объект — далеко не одно и то же. Но зачастую мы этого не замечаем, т.к. при применении к строчным литералам методов строчных объектов происходит преобразование первых в последние.

Например, можно сначала присвоить var s='abra-kadabra', а затем применить метод: var m=s.split('b'), который неявно преобразует строковый литерал s в строковый объект и затем разбивает строку в тех местах, где встречается подстрока 'b', возвращая массив строк-кусков: массив m будет состоять из строк 'a', 'ra-kada' и 'ra' .



Урок №2


Тема: Переменные
Переменная — это область памяти, имеющая свое имя и хранящая некоторые данные. Переменные в JavaScript объявляются с помощью оператора var, при этом можно давать или не давать им начальные значения:
var k;

var h='Привет!';
Можно объявлять сразу несколько переменных в одном операторе var (тем самым уменьшая размер кода), но тогда их надо писать через запятую. При этом тоже можно давать или не давать начальные значения:
var k, h='Привет!';

var t=37, e=2.71828;
Тип переменной определяется по присвоенному ей значению. Язык JavaScript — слабо типизирован: в разных частях программы можно присваивать одной и той же переменной значения различных типов, и интерпретатор будет "на лету" менять тип переменной. Узнать тип переменной можно с помощью оператора typeof():
var i=5;          alert(typeof(i));

i= new Array();   alert(typeof(i));

i= 3.14;          alert(typeof(i));

i= 'Привет!';     alert(typeof(i));

i= window.open(); alert(typeof(i));
Переменная, объявленная оператором var вне функций, является глобальной — она "видна" всюду в скрипте. Переменная, объявленная оператором var внутри какой-либо функции, является локальной — она "видна" только в пределах этой функции. Подробнее о функциях будет рассказано в следующем разделе этой лекции.

Например, в следующем фрагменте ничего не будет выведено на экран, несмотря на то, что мы обращаемся к переменной k после описания функции, и даже после ее вызова:
function f()

{ var k=5; }
f(); alert(k);
Причина в том, что переменная k является локальной, и она существует только в процессе работы функции f(), а по окончании ее работы уничтожается.

Если имеется глобальная переменная k, а внутри функции объявляется локальная переменная с тем же именем (оператором var k), то это будет другая переменная, и изменение ее значения внутри функции никак не повлияет на значение глобальной переменной с тем же именем. Например, этот скрипт выдаст 7, поскольку вызов функции f() не затронет значения глобальной переменной k:
var k=7;
function f()

{ var k=5; }
f(); alert(k);
То же касается и аргументов при описании функций (с той лишь разницей, что перед ними не нужно ставить var): если имеется глобальная переменная k, и мы опишем функцию function f(k) {...}, то переменная k внутри {...} никак не связана с одноименной глобальной переменной. В этом плане JavaScript не отличается от других языков программирования.

Примечание. Объявлять переменные можно и без оператора var, просто присваивая переменной начальное значение. Так зачастую делают с переменными циклов. В следующем примере, даже если переменная i не была объявлена ранее, все будет работать корректно:
for(i=0; i<8; i++) { ... }
Однако опускать var не рекомендуется. Во-первых, это нарушает ясность кода: если написано i=5, то непонятно, вводится ли здесь новая переменная или меняется значение старой. Во-вторых, и это главное, нужно помнить следующий момент, часто приводящий к неправильной работе программы.

Вне функций объявление переменной без оператора var равносильно объявлению с оператором var — в обоих случаях переменная будет глобальной. Внутри же функции объявление переменной без оператора var делает переменную глобальной (а не локальной, как можно было бы предположить), и значит, ее значение могут "видеть" и менять другие функции или операторы вне этой функции. При этом такая переменная становится глобальной не после описания, а после вызова этой функции. Пример:
function f()

{ var i=5; k=7; }
f(); alert(k);

В приведённом примере после i=5 стоит точка с запятой (а не запятая). Значит, k=7 — это отдельное объявление переменной, уже без оператора var. Поэтому переменная k "видна" снаружи и ее значение (7) будет выведено оператором alert(k). Чтобы скрыть переменную k, нужно было после i=5 поставить запятую.

Рассмотрим другой пример, показывающий, к каким неожиданным последствиям может привести отсутствие var при описании переменной:
function f(i)

{ k=7;

  if(i==3) k=5;

  else { f(3); alert(k); }

}

f(0);
Мы вызываем f(0), переменной присваивается значение k=7, далее выполнение функции идет по ветке else — и оператор alert(k) выдает 5 вместо ожидавшегося 7. Причина в том, что вызов f(3) в качестве "побочного эффекта" изменил значение k. Чтобы такого не произошло, нужно перед k=7 поставить var. Тогда переменная k будет локальной и вызов f(3) не сможет ее изменить, так как при вызове функции создаются новые копии всех ее локальных переменных.

При написании больших программ подобные ошибки трудно отследить, поэтому настоятельно рекомендуется все переменные объявлять с оператором var, особенно внутри функций.

Урок №3


Тема: Массивы
Массивы делятся на встроенные (document.links[], document.images[] и т.п. — их еще называют коллекциями) и определяемые пользователем (автором документа). Коллекции будут обсуждаться в следующей лекции. Здесь же мы подробно остановимся на массивах, определяемых пользователем. Для массивов определено несколько методов: join(), reverse(), sort() и другие, а также свойство length, которое позволяет получить число элементов массива.

Для определения массива пользователя существует специальный конструктор Array. Если ему передается единственный аргумент, причем целое неотрицательное число, то создается незаполненный массив соответствующей длины. Если же передается один аргумент, не являющийся числом, либо более одного аргумента, то создается массив, заполненный этими элементами:
a = new Array();

// пустой массив (длины 0)
b = new Array(10);

// массив длины 10
c = new Array(10,'Привет');

// массив из двух элементов: числа и строки
d = [5, 'Тест', 2.71828, 'Число e'];

// краткий способ создать массив из 4 элементов
Элементы массива номеруются с нуля. Поэтому в последнем примере значение d[0] равно 5, а значение d[1] равно 'Тест'. Как видим, массив может состоять из разнородных элементов. Массивы не могут быть многомерными, однако ничто не мешает завести массив, элементами которого будут тоже массивы.

Метод join()

Метод join() позволяет объединить элементы массива в одну строку. Он является обратным к рассмотренному выше методу split(), который разрезает объект типа String на куски и составляет из них массив. Кстати, метод split() демонстрирует тот факт, что массив можно получить и без конструктора массива.

Рассмотрим пример преобразования локального URL в глобальный URL, где в качестве адреса сервера будет выступать www.intuit.ru. Пусть в переменной localURL хранится локальный URL некоторого файла:
localURL = "file:///C:/department/internet/js/2/2.html"

Разрежем строку в местах вхождения комбинации символов ":/", выполнив команду: b = localURL.split(':/'). Получим массив:
b[0] = "file";

b[1] = "//C";

b[2] = "department/internet/js/2/2.html";

Заменяем 0-й и 1-й элементы на требуемые:
b[0] = "http:";

b[1] = "/www.intuit.ru";
Наконец, склеиваем полученный массив, вставляя косую черту в местах склейки: globalURL = b.join("/"). В итоге мы получаем требуемый глобальный URL — значение globalURL будет равно: http://www.intuit.ru/department/internet/js/2/2.html.

Метод reverse()

Метод reverse() применяется для изменения порядка элементов массива на противоположный. Предположим, массив натуральных чисел упорядочен по возрастанию:
a = new Array('мать','видит','дочь');
Упорядочим его обратном порядке, вызвав метод a.reverse(). Тогда новый массив a будет содержать:
a[0]='дочь';

a[1]='видит';

a[2]='мать';

Метод sort()
Метод sort() интерпретирует элементы массива как строковые литералы и сортирует массив в алфавитном (т.н. лексикографическом) порядке. Обратите внимание: метод sort() меняет массив. В предыдущем примере, применив a.sort(), мы получим на выходе:
a[0]='видит';

a[1]='дочь';

a[2]='мать';
Однако, это неудобно, если требуется отсортировать числа, поскольку согласно алфавитному порядку 40 идет раньше чем 5. Для этих целей у метода sort() имеется необязательный аргумент, являющийся именем функции, согласно которой требуется отсортировать массив, т.е. в этом случае вызов метода имеет вид: a.sort(myfunction). Эта функция должна удовлетворять определенным требованиям:

1.    у нее должно быть ровно два аргумента;

2.    функция должна возвращать число;

3.    если первый аргумент функции должен считаться меньшим (большим, равным) чем второй аргумент, то функция должна возвратить отрицательное (положительное, нуль) значение.

Например, если нам требуется сортировать числа, то мы можем описать следующую функцию:
function compar(a,b)

{

 if(a < b)  return -1;

 if(a > b)  return  1;

 if(a == b) return  0;

}
Теперь, если у нас есть массив b = new Array(10,6,300,25,18);, то можно сравнить результаты сортировки без аргумента и с функцией compar в качестве аргумента:
document.write("Алфавитный порядок:<BR>");

document.write(b.sort());

document.write("<BR>Числовой порядок:<BR>");

document.write(b.sort(compar));

В результате выполнения этого кода получим следующее:
Алфавитный порядок:

10,18,25,300,6

Числовой порядок:

6,10,18,25,300
Обратите внимание: метод sort() интерпретирует элементы массива как строки (и производит лексикографическую сортировку), но не преобразует их строки. Если в массиве были числа, то они числами и останутся. В этом легко убедиться, если в конце последнего примера выполнить команду document.write(b[3]+1): результат будет 26 (т.е. 25+1), а не 251 (т.е. "25"+1).

Урок №4


Тема: Объекты
Объект — это главный тип данных JavaScript. Любой другой тип данных имеет объектовую "обертку" (wrapper). Это означает, что прежде чем можно будет получить доступ к значению переменной того или иного типа, происходит конвертирование переменной в объект, и только после этого выполняются действия над значением. Тип данных Object сам определяет объекты.

В сценарии JavaScript могут использоваться объекты нескольких видов:

клиентские объекты, входящие в модель DOM, т.е. отвечающие тому, что содержится или происходит на Web-странице в окне браузера. Они создаются браузером при разборе (парсинге) HTML-страницы. Примеры: window, document, location, navigator и т.п.

1.    серверные объекты, отвечающие за взаимодействие клиент-сервер. Примеры: Server, Project, Client, File и т.п. Серверные объекты в этом курсе рассматриваться не будут.

2.    встроенные объекты. Они представляют собой различные типы данных, свойства, методы, присущие самому языку JavaScript, независимо от содержимого HTML-страницы. Примеры: встроенные классы объектов Array, String, Date, Number, Function, Boolean, а также встроенный объект Math.

3.    пользовательские объекты. Они создаются программистом в процессе написания сценария с использованием конструкторов типа объектов (класса). Например, можно создать свои классы Cat и Dog. Создание и использование таких объектов будет рассмотрено далее в этой лекции.

Операторы работы с объектами

for ... in ...

Оператор for(переменная in объект) позволяет "пробежаться" по свойствам объекта. Рассмотрим пример (об объекте document см. ниже):
for(v in document)

 document.write("document."+v+" = <B>"+ document[v]+"</B><BR>");
Результатом работы этого скрипта будет длинный список свойств объекта document, мы приведем лишь его начало (полностью получите его самостоятельно):
alinkColor = #0000ff

bgColor = #ffffff

mimeType = HTML Document

defaultCharset = windows-1251

lastModified = 07/16/2002 21:22:53

onclick = null

links = [object]

...

Примечание Попробуйте запустить этот скрипт в разных браузерах — и Вы увидите, что набор свойств у объекта document различный в различных браузерах. Аналогичная ситуация со многими объектами модели DOM, о которой пойдет речь ниже. Именно поэтому приходится постоянно заботиться о так называемой кроссбраузерной совместимости при программировании динамических HTML-документов.

with

Оператор with задает объект по умолчанию для блока операторов, определенных в его теле. Синтаксис его таков:
with (объект) оператор;
Все встречающиеся в теле этого оператора свойства и методы должны быть либо записанными полностью, либо они будут считаться свойствами и методами объекта, указанного в операторе with. Например, если в документе есть форма с именем anketa, а в ней есть поля ввода с именами age и speciality, то мы можем воспользоваться оператором with для сокращения записи:
with (document.anketa)

{

 age.value=35;

 speciality.value='программист';

 window.alert(length);

 submit();

}
Здесь age.value есть сокращенное обращение к document.anketa.age.value, length есть краткая запись свойства document.anketa.length (означающего число полей в форме), submit() есть краткая запись метода document.anketa.submit() (отсылающего введенные в форму данные на сервер), тогда как метод window.alert() записан полностью и не относится к объекту document.anketa.

Оператором with полезно пользоваться при работе с объектом Math, используемым для доступа к математическим функциям и константам. Например, внутри тела оператора with(Math) можно смело писать: sin(f)*cos(h+PI/2); без оператора with пришлось бы указывать Math три раза: Math.sin(f)*Math.cos(h+Math.PI/2)

Урок №5


Тема: Операторы языка
Рассмотрим операторы JavaScript. Основное внимание при этом мы уделим операторам декларирования и управления потоком вычислений. Без них не может быть написана ни одна JavaScript-программа.

Общий перечень этих операторов выглядит следующим образом (сразу оговоримся, что этот список неполный):

{...}

if ... else ...

()?

while

for

break

continue

return

{...}

Фигурные скобки определяют составной оператор JavaScript — блок. Основное назначение блока — определение тела цикла, тела условного оператора или функции.

if ... else ...

Условный оператор применяется для ветвления программы по некоторому логическому условию. Есть два варианта синтаксиса:
if (логическое_выражение) оператор_1;

if (логическое_выражение) оператор_1; else оператор_2;
Логическое выражение — это выражение, которое принимает значение true или false. В первом варианте синтаксиса: если логическое_выражение равно true, то выполняется указанный оператор. Во втором варианте синтаксиса: если логическое_выражение равно true, то выполняется оператор_1, если же оно равно false оператор_2.
if (navigator.javaEnabled())

 alert('Ваш браузер поддерживает Java');

else

 alert('Ваш браузер НЕ поддерживает Java');

()?
Этот оператор, называемый условным выражением, выдает одно из двух значений в зависимости от выполнения некоторого условия. Синтаксис его таков:
 (логическое_выражение)? значение_1 : значение_2
Если логическое_выражение равно true, то возвращается значение_1, в противном случае значение_2. Условное выражение легко имитируется оператором if...else, однако оно позволяет сделать более компактным и легко воспринимаемым код программы. Например, следующие два фрагмента равносильны:
 TheFinalMessage = (k>5)? 'Готово!' : 'Подождите...';
 if(k>5) TheFinalMessage = 'Готово!';

 else    TheFinalMessage = 'Подождите...';

while

Оператор while задает цикл. Определяется он в общем случае следующим образом:
while (условие_продолжения_цикла) тело_цикла;

Тело цикла может быть как простым, так и составным оператором. Составной оператор, как всегда, заключается в фигурные скобки. Рекомендуется и простой оператор заключать в них, чтобы программу можно было легко модифицировать. Условие_продолжения_цикла является логическим выражением. Тело исполняется до тех пор, пока верно логическое условие. Формально, цикл while работает следующим образом:

1.    проверяется условие_продолжения_цикла:

2.    если оно ложно (false), цикл закончен,

3.    если же истинно (true), то продолжаем далее;

4.    выполняется тело_цикла;

5.    переходим к пункту 1.

Такой цикл используется, когда заранее неизвестно количество итераций, например, в ожидании некоторого события. Пример:
var s='';

while (s.length<6)

{

 s=prompt('Введите строку длины не менее 6:','');

}

alert('Ваша строка: ' + s + '. Спасибо!');

for

Оператор for — это еще один оператор цикла. В общем случае он имеет вид:
for (инициализация_переменных_цикла;

     условие_продолжения_цикла;

     модификация_переменных_цикла)  тело_цикла;
Тело цикла может быть как простым, так и составным оператором (составной необходимо заключать в фигурные скобки). Операторы инициализация_переменных_цикла и модификация_переменных_цикла могут состоять из нескольких простых операторов, в этом случае простые операторы должны быть разделены запятой. Условие_продолжения_цикла является логическим выражением. Цикл for работает следующим образом:

1.    выполняется инициализация_переменных_цикла;

2.    проверяется условие_продолжения_цикла:

3.    если оно ложно (false), цикл закончен,

4.    если же истинно (true), то продолжаем далее;

5.    выполняется тело_цикла;

6.    выполняется модификация_переменных_цикла;

7.    переходим к пункту 2.

Рассмотрим типичный пример использования этого оператора:
document.write('Кубы чисел от 1 до 100:');

for (n=1; n<=100; n++)

 document.write('<BR>'+n+'<sup>3</sup> = '+ Math.pow(n,3));
Здесь Math — встроенный объект, предоставляющий многочисленные математические константы и функции, а Math.pow(n,m) вычисляет степенную функцию nm. Результат работы скрипта получите самостоятельно.

break

Оператор break позволяет досрочно покинуть тело цикла. Возвращаясь к нашему примеру с кубами чисел, распечатаем только кубы, не превышающие 5000.
document.write('Кубы чисел, меньшие 5000:');

for (n=1; n<=100; n++)

{ 

 s=Math.pow(n,3);

 if(s>5000) break;

 document.write('<BR>'+n+'<sup>3</sup> = '+s);

}

Несмотря на то, что переменную n мы заставили пробегать от 1 до 100, т.е. заведомо с запасом, реально же цикл выполнится для значений n от 1 до ... получите сами!

continue

Оператор continue позволяет перейти к следующей итерации цикла, пропустив выполнение всех нижестоящих операторов в теле цикла. Если нам нужно вывести кубы чисел от 1 до 100, превышающие 10 000, то мы можем составить такой цикл:
document.write('Кубы чисел от 1 до 100, большие 10 000:');
for (n=1; n<=100; n++)

{ 

 s=Math.pow(n,3);

 if(s <= 10000) continue;
 document.write('<BR>'+n+'<sup>3</sup> = '+s);

}

Проверьте самостоятельно, кубы каких чисел будут выведены скриптом. Разумеется, для большей гибкости можно использовать в циклах оба оператора break и continue.

return

Оператор return используют для возврата значения из функции или обработчика события. Рассмотрим пример с функцией:
function sign(n)

{

 if (n>0) return 1;

 if (n<0) return -1;

 return 0;

}
alert( sign(-3) );

Обратите внимание: оператор return не только указывает, какое значение должна вернуть функция, но и прекращает выполнение дальнейших операторов в теле функции.

При использовании в обработчиках событий оператор return позволяет отменить или не отменять действие по умолчанию, которое совершает браузер при возникновении данного события. Отменить его, однако, можно не для всех событий. Рассмотрим пример:
<FORM ACTION="newpage.html" METHOD=post>

<INPUT TYPE=submit VALUE="Отправить?"

onClick="alert('Не отправим!');return false;">

</FORM>
В этом примере без оператора return false пользователь увидел бы окно предупреждения "Не отправим!" и далее был бы перенаправлен на страницу newpage.html. Оператор же return false позволяет отменить отправку формы, и пользователь лишь увидит окно предупреждения.

Аналогично, чтобы отменить действие по умолчанию для событий onClick, onKeyDown, onKeyPress, onMouseDown, onMouseUp, onSubmit, onReset, нужно использовать return false. Для события onMouseOver с этой же целью нужно использовать оператор return true. Для некоторых же событий, например onMouseOut, onLoad, onUnload, отменить действие по умолчанию невозможно.

2. Спецификация учебной информации

2.1 Спецификация учебных элементов






Учебный элемент

Опорное понятие

Новое понятие

Символ

Уровень усвоения

1

JavaScript



+



2

2

Тэг



+



2

3

Web



+

www

2

4

HTML



+



2

5

NetScape



+



2

6

Стандарт

+





1

7

Язык программирования

+





1

8

Контейнер



+



2

9

Гипертекст



+



2

10

Литерал



+



2

11

Операция

+





1

12

Оператор

+





1

13

Кавычки

+



“ “

1

14

Косая черта

+



\

1

15

Метод

+





1

16

Переменная

+





1

17

Функция объявления



+



2

18

Скрипт



+



2

19

Программа



+



2

20

Массив



+



2

21

Ошибка

+





1

22

Конструктор Array



+



2

23

Аргумент

+





1

24

Строка

+





1

25

URL

+





1

26

Сортировка

+





1

27

Объектовая обёртка



+



2

28

Модель DOM



+



2

29

Клиент

+





1

30

Браузер

+





1

31

Сервер

+





1

32

Предупреждение

+





1

33

Значение

+





1

34

Условие

+





1

35

Цикл

+





1

36

Обработчик событий



+



2

37

Действие

+





1

38

Событие

+





1

39

Форма



+



2

40

Возврат значения



+



2



2.2 Граф учебной информации




Заключение


В первой части проделанной работы, была рассмотрена сущность методического анализа, где рассматриваются понятия: учебный материал, объект методического анализа, предмет методического анализа, методический анализ, продукт методического анализа, также были рассмотрены функциями методического анализа и его цель.

Наибольших затрат времени в деятельности преподавателя требуют анализ, выбор и отбор содержания учебного материала по предмету, а так же переработка (дидактическая и методическая) учебного материала при подготовке к уроку.

Учебным материалом называют ту часть конкретного социального опыта, подлежащая усвоению за единицу учебного времени (урок, занятие, тема), которая воплощена в тексте учебника, речи учителя и других средствах обучения.

Продуктом методического анализа учебного материала, является дидактически редуцированный и методически обработанный учебный материал.

Во второй части курсовой работы были разработаны уроки по предмету Web-дизайн по темам:

1.  Литералы

2.            Переменные

3.            Массивы

4.            Объекты

5.            Операторы языка

По темам уроков была разработана спецификация учебных элементов и построен граф учебной информации.

Работа выполнена, цель раскрыть сущность методического анализа, достигнута.

Список использованной литературы


1.                Вэб сайт http://www.i2n.ru

2.                Дэвис С. Языки JavaScript и VBScript. – К.: Диалектика, 1996.

3.                Зубкова С.В. Интерактивные Web-документы. – М.: ДМК Пресс, 2000.

4.                Кенин А.М., Печенкина Н.С. Новый уровень создания HTML-документов. – Екатеринбург: Деловая книга, 1996.

5.                Матросов А.В., Сергеев А.О, Чаунин М.П. HTML 4.0. – СПб.: БХВ-Петербург, 2000.

6.                Микляев А. Основы HTML. – М.: Солон, 1998.

7.                                  Ратбон Э. JavaScript для чайников. – К.: Диалектика, 1995.

8.                                  Эрганова Н. Е Методика профессионального обучения: Учеб. пособие. 3 -изд., испр. и доп. - Екатеринбург: Изд - во Рос. гос. Проф. - пед. ун - та,2003.-150 с.

1. Курсовая Управління трудовим колективом підприємства на прикладі Відділу охорони здоров`я
2. Контрольная_работа на тему Рынок ценных бумаг 2 9
3. Реферат Рокоссовский Константин Константинович
4. Реферат Зачем ты, война, у мальчишек их детство украла
5. Контрольная работа Методы полевых исследований в маркетинге
6. Реферат Современная экологическая ситуация в РФ
7. Курсовая Финансовая политика России в современных условиях 2 Понятие сущность
8. Реферат на тему Аддиктивное поведение у наркозависимых подростков
9. Курсовая Голодомор в Украине 1932-1933г
10. Реферат Місяць супутник Землі