Resume Project

Project Description: For this resume project, we had to create a HTML webpage that looks like a resume. We had to use programs like HTML, CSS, and JavaScript to create our own digital resume with our name, contact information, highlights, education, achievements, skills, and extracurriculars.

Step 1: HTML

I added content. I added my contact information, highlights, education, achievements, skills, and extracurriculars. This is my resume without CSS, just HTML.

Step 2: CSS

This is my resume after adding CSS. I added color, fonts, tables, etc. This made my portfolio look nicer and more appealing. I also added features to my buttons.

Not hovering

Hovering

Step 3: JavaScript

We used HTML and CSS to make a contact form. It had a section for name, email, and message. On the right is a photo of my contact form. I had to write JavaScript code so that when a user enters their name and email and sends a message, an alert shows with their name and email. The alert is shown below.

To the left is a photo of my JavaScript code used to create this alert. I also added return false; which makes it so my page refreshes.

SOUL Reflection:

S- Strength: I think that my work is strong. I met all expectations and completed all the steps for this assignment well. I checked off everything on the checklist.

O- Opportunities: I think I had opportunity for improvement with my content and CSS. I could've done more with CSS and demonstrated my skills more. It looks bland and repetitive. I also could've added better content to make it represent a resume more.

U- Understanding: I learned and understood a lot throughout this project about HTML, CSS, and JavaScript. My HTML and CSS skills improved a lot, and I learned how to do JavaScript.

L- Limitations: Limitations I faced was the JavaScript part of this. Even though I am good at HTML and CSS, I really struggled with JavaScript in general. But, I motivated myself and in the end, I made a good code!

WISCR: I think I showed the C and S in WISCR. Whenever I needed to finish something, I was self-motivated to do well and understand the code. When I struggled, I was a clear communicator and asked for help.

Page updated

Report abuse