About
Demos
Goal of This Tool
This demo tool was developed to help Computer Science students understand and visualize how arrays work. Ideally after experimenting with this demo students will better understand these concepts.
Each demo provides the ability to specify a programming language to guide the coding experience, however the language does not impact the behavior of the demo, it just provides insight at the bottom of each section. In addition, users will not be required to write any code; they will use basic UI controls to manipulate the arrays. This provides ease and efficiency when changing properties of the arrays on the go without the baggage of remembering syntax.
Developer Notes
This application was developed by Will Brandon, Melrose High School class of 2021, as a senior internship project. The project uses only client-side functionality so that it can be stored and run in local files without any backend scripts. However, it will not function properly offline because the app relies on numerous dynamic HTTP imports. (See table below for a list of libraries and imports)
I do plan on hosting it on my web server, likely under the domain projects.wbrandon.com/arraydemo. This domain may not always be active if I choose not to renew the domain or shut down my web server.
Specifications
As mentioned above, there are no backends scripts such as PHP used. This is strictly a browser app developed with HTML5, CSS3, and JavaScript.
Libraries & Imports
Name | Medium | Import Method | Usage |
---|---|---|---|
jQuery | JavaScript | Dynamic HTTP | Animations & resource loading |
Prism | JavaScript | Static in lib folder | Multilingual syntax highlighting for code snippets |
Font Awesome | JavaScript | Dynamic HTTP | Vector graphics icon library |
Google Font | JavaScript | Dynamic HTTP | Using 'Montserrat' and 'Roboto' fonts |