Project Description:
What is the project?
This project, we made a digital resume using HTML, CSS, and JavaScript.
What are the requirements and guidelines?
Our resumes will feature our names, contact information, highlights, education, achievements, and extracurriculars. A list of all requirements, including styling and functionality standards, can be found here.
Procedure:
List of steps:
1. I created two HTML documents in the CS8 folder for my resume and hobbies.
2. I filled in all my information on the documents.
3. I enclosed certain information in different tags to differentiate titles, subtitles, and body text.
Resume at step 3
Hobbies at step 3
4. I added images and links to the document.
Resume at step 4
Hobbies at step 4
5. I created a CSS document to style both of the HTML files.
6. I applied styling to make my page look nice and used psuedo-selectors to make it somewhat responsive.
Resume at step 6
Hobbies at step 6
Buttons invert colors when hovered over
Table rows bold when hovered over
Images pop out when hovered over
7. I created a JavaScript document to add functionality to my web page.
8. I added an alert when the contact form was submitted to inform the user, and included checks to make sure all information was correct.
Error message when boxes are left unfilled
Error message when invalid email is used
Responsive when message is successfully sent
SOUL Reflections:
S: Strengths of your work
My resume was strong in that it included relevant and updated information, was nicely styled, and functions smoothly. I thought that there were no major issues with it.
O: Opportunities to improve
I think some opportunities to improve include writing more information, using better images, and in the case of the contact form, specifying which box was left unfilled. I think the webpage could have been a little more polished, especially with some finer details.
U: Understanding - what you learned
Through this project, I familiarized myself with three "new" programming languages - HTML, CSS, and JS. I learned more and better ways of utilizing them as well, like using external over inline CSS for better readability and ease, and using new types of elements in HTML. Now, I have the skillset and tools to make webpages of my own!
L: Limitations you encountered
One limitation was my lack of extensive knowledge about these programming languages, which inhibited my ability to construct the webpage to the extent of detail that I wanted.
WISCR:
In this project, I think I embodied the WISCR ideals of I - Insightful and Critical Thinking, and S - Self Motivated.
Insightful and Critical Thinking
I was able to look at what I learned during class, and extrapolate new information to assist me in my project. I think this demonstrates insightful thinking.
Self Motivated
The project was done largely during free work time, so self-motivation was a big part of making sure things got done. I also practiced the skills that I learned outside of school, which really helped me become more efficient and comfortable with doing the work in class.