Навчання створенню інтерактивних вебсторінок із використанням методів масивів мови JavaScript та студентських мініпроєктів

Abstract

(ua) Після завершення університетської освіти студенти спеціальності «Комп’ютерні науки» повинні добре розуміти сучасні вебтехнології і мати необхідні навички, щоб зайняти міцну позицію в галузі. З урахуванням того, що сьогодні зростає попит на динамічні, інтерактивні та візуально привабливі сайти, студенти повинні вміти використовувати технології, що дають можливість створити такі вебресурси. Упровадження в освітній процес мініпроєктів проблемного навчання (“PBL mini-projects”) може допомогти сформувати ці важливі вміння. Для підвищення мотивації студентів до вивчення структур даних у JavaScript доцільно уникати задач на виконання обчислень, натомість пропонувати завдання щодо написання функцій-обробників подій, виконання яких демонструє явний візуальний ефект. Мета цього дослідження – розробити дизайн мініпроєкту, який проводиться при вивченні студентами масивів у JavaScript. Ми показуємо набір доцільно дібраних завдань, при виконанні яких студенти пишуть програмний код для автоматичної генерації таблиці із заданими даними та блоку новин на вебсторінці. Указані дії відбуваються завдяки використанню методів масивів JavaScript. Ми демонструємо приклади розв’язання цих завдань. Програмний код наводиться та аналізується. Упровадження проводилося у рамках курсу «Програмування вебзастосувань» і показало доцільність використання описаної методики. (en) After completing university education, computer science students should have a good understanding of the current web technology and have the necessary skills to obtain a strong position in the industry. Considering that today there is a growing demand for dynamic, interactive and visually attractive sites, students should be skilled in using technologies that make they possible to develop such web resources. Introducing mini-projects of problem-based learning (“PBL mini-projects”) into the educational process can help educate these essential skills. To increase students' motivation to study data structures in JavaScript, it is advisable to avoid tasks on performing calculations,instead offer tasks on coding event handler functions, the execution of which demonstrates a clear visual effect. The purpose of this study is to design the PBL mini-project, which is carried out when students study JavaScript arrays. We present a set of properly chosen tasks in which students coding functions for automatic generation of a table with predefined data and a news box on a web page using JavaScript array methods. We demonstrate examples of solving these tasks. The program code is provided and analyzed. The implementation was conducted in a course “Web Applications Programming” and showed the expediency of using the described methodology.