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

 

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

 

Сделать переход от «подхода пользователя» к «подходу программиста» более мягким, более естественным, более логичным – очень перспективное дело; должен сказать, что я знаком с немалым числом своих коллег, которые умеют это делать, наработали всякие подходы и приемы. В этом году мы сами решили опробовать еще один: через JavaScript

 

Дело в том, что мы работаем в классах с уклоном в усиленное преподавание наук естественного цикла и поэтому «публика» эта к урокам компьютерных наук относится с интересом и старанием. В 7-х классах мы первые полгода работаем с ними над составлением и оформлением документов в Word’е, вторые – над использованием Excel’я. В 8-х классах в пером полугодии мы учим их основам работы в Access, а затем – основам программирования Интернет-страниц на основе HTML. И вот тут мы и решили попробовать дать им немного, на самых простых примерах, почувствовать, как можно перейти на чуть более высокий уровень программирования – и это, естественно, с помощью JavaScript.

 

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

 

Вот несколько примеров заданий, которые мы сними уже сделали (прошло примерно 3-4 недели).

 

Построй Интернет-страницу, которая содержит две картинки («первая» и «вторая»). Когда мышка «приходит» на «первую», эта картинка меняется на «вторую»; когда мышка уходит – восстанавливается «первая».

 

Exer 1

function F1()

{

first.src="2.jpg";

}

 

function F2()

{

first.src="1.jpg";

}

Построй Интернет-страницу, которая содержит две картинки («первая» и «вторая»). Когда щелкают мышкой по «первой», она меняется на «вторую».

 

Exer 2

function F1()

{

first.src="2.jpg";

}

 

 

Построй Интернет-страницу, которая содержит две картинки («первая» и «вторая»). Когда щелкают мышкой по «первой», она меняется на «вторую» и одновременно «вторая» меняется на «первую». Когда щелкают мышкой по «второй», она меняется на «первую» и одновременно «первая» меняется на «вторую».

 

Exer 3

function F1()

{

first.src="2.jpg";

second.src="1.jpg";

}

 

function F2()

{

first.src="1.jpg";

second.src="2.jpg";

}

 

Используя «ограждение» части текста с помощью тэга … и возможность JavaScript document.bgColor=, построй следующую Интернет-страницу: она содержит несколько названий цветов и щелчок мышкой по каждому названию соответствующим образом меняет цвет фона.

 

Exer 4

function F1()

{

document.bgColor="red";

}

 

function F2()

{

document.bgColor="green";

}

 

function F3()

{

document.bgColor="yellow";

}

Red Color

Green Color

Yellow Color