Module 4: Web Programming and Web Design

Link to my site: https://drew-williams.infinityfree.me/Module3.html

For the web programming section, I created my own JavaScript if/else condition. My script checks the current day of the week and then displays a different message depending on whether it’s a weekday or the weekend. The easy part was writing the basic structure of the condition. The harder part was remembering that getDay() returns numbers (0–6) instead of text like “Monday” or “Tuesday.” Once I figured that out, the condition worked correctly and displayed the right message on my page.

I also fixed the broken example code from the assignment. The original code had the else statement placed incorrectly. After adding the missing curly brace, the script now runs properly and displays “Good day” before 6 PM and “Good evening” after 6 PM.

For the web design section, I used Canva instead of Photoshop to create a simple test image. I downloaded it in JPG format. The process was pretty easy in Canva since it lets you export directly into different file formats without extra steps.

Overall, this module helped me practice writing my own conditions in JavaScript, fix errors in code, and learn the importance of saving images properly for the web.





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