Logo
ScienceStack
Table of Contents
Fetching ...
Sign In

jscefr: A Framework to Evaluate the Code Proficiency for JavaScript

Chaiyong Ragkhitwetsagul, Komsan Kongwongsupak, Thanakrit Maneesawas, Natpichsinee Puttiwarodom, Ruksit Rojpaisarnkit, Morakot Choetkiertikul, Raula Gaikovina Kula, Thanwadee Sunetnanta

Abstract

In this paper, we present jscefr (pronounced jes-cee-fer), a tool that detects the use of different elements of the JavaScript (JS) language, effectively measuring the level of proficiency required to comprehend and deal with a fragment of JavaScript code in software maintenance tasks. Based on the pycefr tool, the tool incorporates JavaScript elements and the well-known Common European Framework of Reference for Languages (CEFR) and utilizes the official ECMAScript JavaScript documentation from the Mozilla Developer Network. jscefr categorizes JS code into six levels based on proficiency. jscefr can detect and classify 138 different JavaScript code constructs. To evaluate, we apply our tool to three JavaScript projects of the NPM ecosystem, with interesting results. A video demonstrating the tool's availability and usage is available at https://youtu.be/Ehh-Prq59Pc.

jscefr: A Framework to Evaluate the Code Proficiency for JavaScript

Abstract

In this paper, we present jscefr (pronounced jes-cee-fer), a tool that detects the use of different elements of the JavaScript (JS) language, effectively measuring the level of proficiency required to comprehend and deal with a fragment of JavaScript code in software maintenance tasks. Based on the pycefr tool, the tool incorporates JavaScript elements and the well-known Common European Framework of Reference for Languages (CEFR) and utilizes the official ECMAScript JavaScript documentation from the Mozilla Developer Network. jscefr categorizes JS code into six levels based on proficiency. jscefr can detect and classify 138 different JavaScript code constructs. To evaluate, we apply our tool to three JavaScript projects of the NPM ecosystem, with interesting results. A video demonstrating the tool's availability and usage is available at https://youtu.be/Ehh-Prq59Pc.
Paper Structure (14 sections, 4 figures, 4 tables)

This paper contains 14 sections, 4 figures, 4 tables.

Table of Contents

  1. Introduction
  2. MDN Web Docs
  3. Mapping the MDN and the CEFR
  4. Mapping the JS constructs to CEFR levels
  5. Feedback and refinement from Experts
  6. jscefr System Overview
  7. Increasing Detection Accuracy
  8. Our Prototype Walk-through Scenario
  9. Input
  10. Output
  11. Initial Analysis on Real-World Open Source Projects
  12. jscefr for Software Maintainance
  13. Discussion and Future Plans
  14. Acknowledgement

Figures (4)

  • Figure 1: jscefr System Overview
  • Figure 2: Result after executing jscefr
  • Figure 3: The CSV report
  • Figure 4: Distributions of JavaScript proficiency levels in the analyzed projects