We had two assignments focused on basic web development. The assignments were to create a quiz and a drag-n-drop assessment. These are great skills to learn and will help me develop engaging assessments for future classes I create.

For the quiz, I developed a 10-question Cyber Security quiz using Windows Notepad as my source code editor. As a beginner in web programming, I worked with templates provided by Dr. Lazarevic, deconstructing and modifying existing code to complete the project. Since this was my first time editing code, I did not attempt to make changes outside the scope of the assignment. Following his directions, I added code to change the background color for the quiz. I added a few additional codes to add some break lines above the text “start over.” I included code to create a horizontal line between the text lines with “start over” and “This free quiz script provided by.” To make changes to the JavaScript file I opened popsolution.js in Notepad. I changed the var total from 5 to 10 so I could add five additional quiz questions. Next, I changed the text inside the array compliments to my own phrases for correct answers. In the next step I edited the five questions with my own cyber security questions. I then cut and pasted the code to create five additional questions. It was a great tip to save and then refresh to ensure the code was correct.

I also developed a drag-and-drop assessment, choosing to use KompoZer instead of Notepad for this task. The drag-and-drop assignment introduced me to using CSS (Cascading Style Sheets) to transform the design of HTML pages. CSS makes it faster and easier to change the look of an entire website. Editing and adapting existing code gave me a solid introduction to web programming. Given the fast pace of the course, modifying code instead of building it from scratch helped me stay on track and avoid feeling overwhelmed.

Cyber Security Quiz

View Quiz

Drag-n-Drop Assessment

View Drag-n-Drop