Analysis and Application of Front-End Code Playground Tools for Web Programming Education
1
조회
0
다운로드
0
인용
0
참고문헌
키워드
초록
Web programming courses are often included in university Computer Science programs as introductory and foundational com puter programming courses. However, amateur programmers often have difficulty learning how to integrate HTML, CSS, JavaS cript, and various preprocessors or libraries to create websites. Additionally, many web programming mistakes do not produce vis ible output in the browser. Therefore, in recent years, Front-End Code Playground (FECP) tools that incorporate HTML, CSS, andJavaScript into a single, online web-based application have become popular. These tools allow web coding to happen directly in thebrowser and provide immediate visual feedback to users. Such immediate visual feedback can be particularly beneficial for amateurcoders to learn and practice with. Therefore, this study gathers data on various FECP tools, compares their differences, and providesan analysis of how such tools benefit students. This study concludes with an outline of the application of FECP to web programmingcourses to enhance the learning experience.
Abstract
Web programming courses are often included in university Computer Science programs as introductory and foundational com puter programming courses. However, amateur programmers often have difficulty learning how to integrate HTML, CSS, JavaS cript, and various preprocessors or libraries to create websites. Additionally, many web programming mistakes do not produce vis ible output in the browser. Therefore, in recent years, Front-End Code Playground (FECP) tools that incorporate HTML, CSS, andJavaScript into a single, online web-based application have become popular. These tools allow web coding to happen directly in thebrowser and provide immediate visual feedback to users. Such immediate visual feedback can be particularly beneficial for amateurcoders to learn and practice with. Therefore, this study gathers data on various FECP tools, compares their differences, and providesan analysis of how such tools benefit students. This study concludes with an outline of the application of FECP to web programmingcourses to enhance the learning experience.
참고문헌 (14)
- S. Xinogalos, "The challenges of teaching web programming: literature review and proposed guidelines", 8th International Conference on Web Information Systems and Technologies (WEBIST 2012), pp.207~212
- X. Wang, "The opportunities and challenges to teach web programming in computer science Curriculum CS2013", Journal of Computing Sciences in Colleges, 29(2), pp.67~78 (2013)[DOI]
- X. Wang, "Design, develop and teach the second web programming course in computer science curriculum", Journal of Computing Sciences in Colleges, 29(4), pp.52~59 (2014)
- M. Magier, "Comparative analysis of front-end code playground tools", Journal of Computer Sciences Institute, 9, pp.328~333 (2018)[DOI]
- "Similarweb – Traffic Rank & Website Analysis, (Google Chrome Extension)"[URL]
- "Comparison of online source code playgrounds"[URL]
- "CodePen – Online Code Editor and Front-End Web Developer"[URL]
- "JS Fiddle – Code Playground"[URL]
- "JS Bin – Collaborative JavaScript Debugging"[URL]
- "Coder – Your Self-Hosted Remote Development Platform"[URL]
- "Plunker – Helping you build the web"[URL]
- "CSSDeck – Online HTML, CSS, and JS Code Editor (Sandbox)"[URL]
- "Liveweave – HTML, CSS, and JavaScript demo"[URL]
- "JSFeed – Online Code Editor"[URL]