Project Description:
Our project was to create a digital resume using the three softwares we learned this year: HTML, CSS, and JavaScript. Our resume had to be based on the project checklist, which detailed the aspects of the resume we needed.
Steps:
1) We began with making our HTML document, adding each of the aspects as we went. We added things like "Achievements", "Highlights" and "Education". Here's a picture:
A section of my HTML document, but without any CSS and JavaScript.
My HTML code
2) We then used CSS to modify our webpage and make it look the way we wanted it to. I chose a blue theme, using Lightcyan for my background color, steelblue for my text, and royal blue for my headings. I also added other styling things, such as text shadow, text decoration, increased font size, and so on. Here's a picture:
This is my resume with CSS formating. I added things like different colors, bigger text size, and so on.
My CSS code
3) We made a Hobbies page that we linked to our resume page. We applied the same CSS styling both pages. Here's a picture:
The hobbies page.
4) Finally, we used JavaScript to make our page a little more interactive. We added different functions alert the user depending on which text fields they filled out. For example, when the user forgets to fill our the name field, it alerts them about that, and when they do everything, it also alerts them, giving them thanks. Here's a picture:
My alerting function on my resume. This time it is thanking the user because they filled out all required text-fields.
My JavaScript code
Reflection - Soul:
Strength: I think I learned a lot and was able to use that succesfully in my work. I also learned new things while making my resume through things I wanted to add
Opportunity: If I had the opportunity to work on my protfolio for longer, I might have just changed a little bit of styling here and there
Understanding: I think that I understood what we covered pretty well.
Limitations: I don't think there were too many limitations. I was able to work on my resume productively over the course of these few weeks.
Reflection - WISCR:
I think I achieved the "Well Rounded" and "Insightful and Critical Thinkers" parts of WISCR. I think I got the W for the fact that I mixed together different parts of CSS to make my page look good, all the while making it clean and detailed. I think I got the I because I addded a lot of different aspects to my project, especially in the contact form.