My Labs
My Labs
For Lab 1, this website was created. Prior to CIS 3344 Client-Side Scripting for the Web at Temple University, I had no experience with HTML, CSS, Javascript, or any other client-side frameworks. For this assignment, I employed techniques such as creating classes and class selectors, floating, and using descendants when styling specific content blocks. I enjoyed exploring and discovering different techniques to format this website to my liking, and I enjoyed finding different properties that can be customized. However, I did not enjoy how time consuming some formatting processes took. For example, I could not figure out how to apply borders to the navigation bar, so it took a long time to format it in a way that I was satisfied with. Then again, that process was somewhat enjoyable, too! Back to Home
For Lab 2, a website with Responsive Web Design (RWD) was created, and this website was updated to employ RWD. I learned how to use media queries to design the website for screens of varying sizes, and how to insert a submittable form that is also responsive to the screen size. I also learned that it is easier to design the website for mobile screens first, then design for larger screens using min-width instead of max-width in the media query. I enjoyed this lab, though it was very time consuming and at times frustrating. However, completing the lab one part at a time made it doable, and I felt that I was given enough material online and in lecture to complete it with little additional help.
For Lab 3, a mock dating site was created with Javascript. I learned how to create input elements with event handlers, create objects in Javascript, and dynamically create elements in a page by using the DOM. Creating input elements with event handlers appeared difficult at first, but I found it easier than wiring event handlers in Windows Forms applications in practice. At least, it seems more intuitive. Creating objects was a bit different in Javascript, because I didn't need to create a new class. I just made a constructor and that by itself creates objects. Dynamically creating elements in the page using the DOM was the most intimidating for me, but with the help of most, if not all, of the available resources on Canvas, I was able to figure it out for this webpage. I enjoyed figuring out how to use the DOM, but I certainly did not like having to create 20 objects for the main categories. Figuring out how to use the DOM was satisfying and felt worthwhile, but creating 20 objects for the main categories seemed excessive.