JavaScript programming takes critical roles in developing web application systems. Unfortunately, JavaScript programming is not fully educated in most universities, although its study may not be easy for students since the code is usually made by special composing styles. To assist self-study of JavaScript programming, currently, we are developing JavaScript programming learning assistant system (JSPLAS) by extending our JPLAS works for Java programming. In JPLAS, the value trace problem (VTP) is offered for code reading study by novice students. A VTP instance consists of a source code and a set of questions, where each question asks the actual value of an important variable or an output message in the source code. The correctness of any answer is marked through string matching with the correct one. In this paper, we study the VTP for code reading study of JavaScript programming. We generate 57 instances using source codes on basic grammar concepts and confirm the effectiveness through applications to 45 university students in Myanmar and Japan.
In current societies, web application systems take central roles in computer systems. Thus, web client programming using JavaScript has increased values to add dynamic features and functions in web pages by well working with HTML and CSS. In this paper, as a new type of exercise problem for its self-study, we propose a code modification problem (CMP). In CMP, a source code with HTML/CSS elements and JavaScript functions for study, and the screenshots of both the original and the slightly altered web pages are provided to the students, who will need to edit the source code to generate the modified page. The goal of CMP is for students to carefully read the source code and comprehend how to use the components and functions through modifying parameters, values, or messages there. String matching is used to check the correctness of any answer. Through solving CMP instances, the students are expected to master the basic concepts of web client programming. To evaluate the proposal, we generated and assigned 25 CMP instances to 37 students in Okayama University. In addition, we offered project assignments of freely implementing source codes by referring to solved CMP instances to evaluate their learning effects. With the solution results, the validity of the proposal has been confirmed.
scite is a Brooklyn-based organization that helps researchers better discover and understand research articles through Smart Citations–citations that display the context of the citation and describe whether the article provides supporting or contrasting evidence. scite is used by students and researchers from around the world and is funded in part by the National Science Foundation and the National Institute on Drug Abuse of the National Institutes of Health.