CST 336 - Internet Programming (week 2)

 Week 2 - JavaScript, Bootstrap

1. Lab 02 - Guess the Number
• This Lab introduced the using of JavaScript, which allowed us to implement functions to manipulate the HTML and CSS file. In other words, this is the back-end development of the internet programming. However, this is nothing new to me as I have learned previously in CST 325 - Graphic Programming. I had full confident working with it.
• This assignment was straight forward. We created a random hidden number between 1 and 99, let the user guess in 7 tries and display the corresponding message afterward. However, as a programmer, I looked over some perspective such as the user's input is invalid or the number is out of range.
• After that was spicing up the page to make it looks better. Since it is about 'guessing', I chose red & black theme. Then, I challenged myself with two UI elements: displaying the results with red & black sequence, 'guess' button switches color when hovering. The first one was not a huge problem to deal with, but the second one was. I got introduced to many CSS elements and combined them while paying attention to some problems such as the child elements blocking the button itself. After all, the result came out nicely done.
• Link to the website: Guess the Number
2. Homework 02 - US Geography Quiz
• Different from the Lab assignment, this Homework assignment was not pleasant to me. The Bootstrap was introduced, which is used for elements of CSS. To simply put, they are like pre-build styles for webpage and can be customized.
• It's convenience for those who are not familiar with CSS or want to build a quick website. However, it is a nuisance for me. Why? Because I love being creative, using my own style for my websites rather than the pre-builds. Moreover, by using Bootstrap, I have to memorize or search up the key words to manipulate them. For me, using CSS to style is enough.
• With that said, I could not customize much in this assignment (I totally forgot about combining Bootstrap with CSS). Therefore, I focused on back-end development and making the Geography Quiz more interesting. The result came out nicely, but I know I could have done better.
• Link to the website: US Geography Quiz