Web-учебник "JavaScript для начинающих"

1. Web-учебник "JavaScript для начинающих" Докладчик - аспирант 3 года обучения механико-математического факультета РГУ Хадзиев Руслан Ахметович

2. Введение • Целью данной работы было создание интерактивного учебника по JavaScriptс циклом лабораторных работ. • Особенностью учебника является интерактивный практикум по программированию с заданиями, выполнение которых и является средством обученияпрограммированию.

3. Темы для обсуждения • Почему выбран язык JavaScript • Один из подходов к обучению программированию • Структура учебника • Общий принцип работы анализатора

4. Почему выбран язык программирования JavaScript • JavaScriptпедагогичен, т.е. происходит обучение программированию вообще; • JavaScript практичен, т.е. происходит обучению Web-программированию, которое очень популярно в последнее время в связи с бурным развитием Интернета.

5. Один из подходов к обучению программированию В разработанном учебнике применяется следующий подход к обучению программированию: • Выполнение контрольных заданий после каждого занятия является продолжением процесса обучения, а не контролем полученных знаний. • Если обучаемый ввел неправильный (не предусмотренный логикой задания) код, то ему выдается сообщение в следующем виде: «В строке такой-то в позиции такой-то ожидается то-то». • Исправляя введенный код и действуя по этому принципу далее, обучаемый в конце концов получает один из вариантов правильного кода. В этом случае процесс обучения продолжается и при решении практического задания.

6. Учебник состоит из 18 глав (уроков) и лабораторного практикума (16 заданий).После каждого урока предлагается практическое задание. Структура учебника

7. Структура учебника выбрана таким образом, что обучаемый получает возможность, изучив определенный урок, проверить свои знания путем написания собственного скрипта, используя материалы пройденных уроков. • Основными элементами интерфейса при выполнении заданий являются: • окно ввода – 1, • кнопка запуска скрипта – 2, • окно вывода результата работы скрипта – 3. • кнопка перехода к содержанию (красная)

8. Механизм работы при выполнении заданий можно представить следующим образом. Сначала обучаемый вводит код в окно (1) (или редактирует уже введенный код). Затем нажатием кнопки (2) он передается на выполнение. При этом происходит обработка введенного текста (анализ) посредством лексического и логического анализаторов. Если обнаружена ошибка, то выдается сообщение и происходит возврат к началу. Если все выполнено верно, происходит вывод результата в окно (3) или выполнение какого-либо действия, предусмотренного скриптом.

9. С точки зрения реализации средствами HTML, анализатор состоит из трех файлов. Первый - главный файл, описывает фреймы и называется kontrolX.htm, где Х – номер задания (т.е. для третьего задания имя файла будет kontrol3.htm). Для каждого задания существует свой файл kzX.htm, где Х – номер соответствующего задания. Файл output.html – просто пустой файл, он является общим для всех заданий. Основной код анализатора располагается в файле kzX.htm.

10. Общий принцип работы анализатора Форма Несоответствия Массив строк Предварительнаяпроверка Ожидается «ключевое слово» Лишние данные Построчный анализ логики

11. Результаты • Разработан дистанционный электронный учебник «JavaScript для начинающих» с практикумом по программированию. • В заданиях практикума реализована методика постоянного контроля правильности выполнения и исправления в случае ошибки. • Немедленное выполнение программы и представление результата.

12. Заключение • Разработанный лабораторный практикум обладает интерактивностью в отличие от тестового подхода. Кроме того, для выполнения заданий не нужно использовать дополнительное программное обеспечение (текстовый редактор и т.д.). • Также надо отметить, что обучаемый постепенно овладевает тремя взаимосвязанными технологиями – JavaScript, HTML и CSS. • Несмотря на то, что учебник дистанционный, его можно использовать и в локальной сети образовательного учреждения.

13. И последнее Найти и ознакомиться с Web-учебником можно на сервере ЮГИНФО РГУ по адресу:http://public.uic.rsu.ru/~rhadziev/js/