Project description : In this unit we learned how to use Sublime Text to create a resume that included our hobbies, skills, extracurriculars, and more! For this project, we used HTML, CSS, and JavaScript. The requirements for the resume are listed in this Google Document:
https://docs.google.com/document/d/15GS57ziqWoJeyBq_GcKjW4HAhGD0Z4o0Rq7rm6Wlgk/edit?tab=t.0
Step by Step :
1. The CS8 class first used an HTML code to create a page for our resumes. We added information about our achievements and education, and a There was also a table listing our skills and expertise. We then decided to add three hyperlinks: going to our portfolio, Pinewood's website, and separate page in HTML. The second page described our hobbies with three hyperlinks at the bottom. For example, my page talked about netball, piano, and wake surfing.
2. After creating the HTML code, we used CSS to style the two pages. We were able to customize the page by adding a background color that added a color scheme for our page, aligning our text by adding underlines and shadows to some of the headings, and centering the images and styled our hyperlinks to look like buttons that switch colors when you hover over them.
This is a part of my resume page styled with the CSS code displayed on the right.
This is a part of my hobbies page linked to my resume.
3. After styling both hobbies and resume pages, we coded a contact form on the resume using JavaScript. We used CSS to style that form, and then used JavaScript to make the form interactive. I made it so that after you sent a message, an alert would pop up, saying that the message has been successfully sent. I also added a "ok" button that let you clear the form.
This is the pop up message that will be displayed when someone submits the contact form.
This is what the contact form itself will look like on my resume
SOUL Reflections:
S - A strength I had in this project was learning how to style the website using CSS. I was able to make it look aesthetically pleasing using background colors and text styling. This makes my website more engaging to the audience that is interested in viewing it.
O - During this project, I got the opportunity to learn a lot about JavaScript. I used this feature to add a contact form to my resume. This was an accomplishment to me because I had no idea how to use JavaScript to begin with.
U - While working on my resume, I understood how important it was to keep in mind of the little things. Because even one mistake could mess up the whole code. For example : while working on this project I accidentally misplaced my files in two different folders. Resulting in poor quality of my resume site. Ms Tran taught me that even the little things like folders could have a big impact to your project overall.
L - One of my limitations while I was working on this project was that I had errors in my code. Therefore since there were bugs, I had to stay behind or visit Ms Tran during lunchtimes so that I would not fall behind. Thankfully, Ms Tran was able to navigate the mistakes and taught me how to improve on my learning.
WISCR:
Well rounded - Throughout this project we utilised three different coding languages: HTML, CSS, and JavaScript. Knowing only one would not have been enough to finish the project with: I needed to be well-rounded by applying knowledge in all the aspects in order to create this resume.
Self motivated -, I needed to be self-motivated in order to properly complete the project to its full potential. Because of lost classtime from attemping to fix bugs, I had to commit to lunchtime, officehours, and after school work time to complete this project as well as this portfolio.