Module 3: Introduction to JavaScript and Web Design

Here’s the link to my updated site: http://drew-williams.infinityfree.me/Module3.html

For this assignment, I started by testing the sample JavaScript code. The code worked as expected, it created three variables (price1, price2, and total), added the first two numbers together, and displayed the result in the webpage. The object in this example is the document, and the variables are price1, price2, and total. Seeing the output appear on the page helped reinforce how JavaScript connects with HTML elements.

I also read Chapters 2–4 of Eloquent JavaScript. These chapters went into more detail on program structure, functions, and how code flows in JavaScript. It was useful to see the fundamentals broken down step by step.

The last part of the assignment involved creating an image in three formats: PNG, JPG, and GIF. I exported my test image (which is just a personal icon I developed for my professional portfolio) in all three and added them to my Module 3 page. After comparing them, here’s what I noticed:

  • PNG had the best overall quality and supported transparency.

  • JPG loaded quickly and had the smallest file size, but the quality wasn’t as sharp.

  • GIF worked fine, but the quality was limited compared to PNG and JPG, it seems to be slightly dimmer/lower contrast than the others.

Overall, PNG worked best for clarity and transparency, while JPG was best for speed. GIF felt more outdated and less useful for this type of image.

This assignment helped refresh me on some JavaScript basics while also helping me understand the trade-offs between different image formats in web design.

Comments

Post a Comment

Popular posts from this blog

Module 8: PHP Forms and GET vs POST

Link to my site:  http://drew-williams.infinityfree.me/Module8.html For this module, I created an HTML form that collects a user’s first name, last name, and email address. When the form is submitted, it sends the data to a PHP file on the server, which then displays the submitted information back on the page. I used the POST method for this form because it’s more secure and better suited for sending user input that shouldn’t be visible in the URL. I also reviewed the difference between $_GET and $_POST in PHP: $_GET sends data through the URL. You’ll see the variables appear in the query string, like  ?fname=Drew&lname=Williams . It’s fine for search queries or simple data you don’t mind being visible. $_POST sends the data in the body of the HTTP request, so it doesn’t appear in the URL. This makes it better for things like login forms or sensitive data. In my project, the PHP handler uses  $_POST  to grab each value, the...
Read more

Module 2: Introduction to HTML, CSS, and FTP

Here’s the link to my website:  https://drew-williams.infinityfree.me/index.html For this assignment, I created my very first homepage for the course using HTML and CSS and uploaded it to InfinityFree using FTP. At first, figuring out the FTP process felt a little tricky, But I had used it in the past for another course so it was really just a matter of seeing how much I could remember. Using VS Code to write my HTML and CSS was straightforward. I enjoyed giving the site a bit more style so it looked more like a real webpage, with a header, navigation links, and a footer. Creating the Module3.html page and adding a simple JavaScript script to display some text, was pretty simple. Overall, the hardest part was just making sure my files transferred correctly with FileZilla, but once I saw the site live, it felt really rewarding. Now I feel more confident about uploading changes and expanding the site in future modules.
Read more

Working with Datetime and Timedelta in Python

This week’s assignment focused on using the datetime and timedelta modules in Python. I practiced working with time-based objects, performing calculations, and combining date/time data with custom functions. Code Procedure: Simulated reading transaction data and displayed the item/cost with the current time using datetime.now() Used timedelta to subtract 60 seconds and add 2 years (730 days) to the current time. Created a timedelta object representing 100 days, 10 hours, and 13 minutes and printed the result. Wrote a function that takes 2 arguments (feet and inches) and prints them along with the current datetime. These exercises helped me better understand how Python handles time-based data and how to apply that to real-world scenarios. Code: from datetime import datetime, timedelta # 1. Display current time with item & cost sample_data = "2025-06-29\t11:23:00\tPublix\tMilk\t3.25\tCredit" data = sample_data.strip().split("\t") if len(data) == 6: ...
Read more