Drew's Blog

Link to my site:   http://drew-williams.infinityfree.me/Module5.html For this module, I worked on both web programming and web design. Web Programming: I created my own HTML contact form with fields for name, email, and age. To make it more interactive, I wrote a JavaScript validation script. The script checks that the name field is not empty, the email contains an “@” symbol, and the age entered is 18 or older. If the inputs don’t meet these conditions, the form displays error messages in red. If everything is valid, it shows a green success message. The easy part of this task was creating the basic form structure with HTML. The more challenging part was writing the validation logic so it gave clear and specific feedback for each error. Once I got the conditions right, it was satisfying to see the form respond dynamically when testing different inputs. Web Design: For the design portion, I created a wireframe that simply shows the current structure of my website, you could also ...

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...

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 th...

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.