Resume Project

Project Description: In this project we made a resume. It involved components like our education, achievements, a contact form, and a table. As we progressed through this project, we learnt HTML, CSS, and JavaScript coding to make our resume better.

Step 1, HTML: The first step to creating a resume was to add content to our resume. This was our first step because we had prior HTML knowledge from 7th grade. All the visual content on my webpage is from my HTML code.

Bit of HTML Resume Code

Bit of HTML Resume Page

Step 2, CSS: With lessons from Ms. Tran and sololearn practice, we learnt CSS code. We used code like text color, padding, margins, borders, background color, and text alignment to style our resume, making it look prettier.

Resume Table styled using CSS

Bit of CSS Resume Code

Step 3, JavaScript: To give it a finishing touch, we added JavaScript code to our resume. This made it interactive. We specifically used it for the contact form in our resume. When the user clicks submit on the contact form, they'll get an alert.

What the user sees when they click submit

Resume JS code handling the contact form

Reflections:

SOUL:

S (strenghth of your work) - I believe the strenghth of my work was writing content with genuineness and trying hard to problem solve, especially when it came to JavaScript.

O (opportunities to improve your work) - A way I could have improved my work was by putting time outside of class to try and find out how to make an alert saying, "Please enter a name/email/message" when the user did not fill out one of the fields in the contact form.

U (understanding) - Given we learnt the necessary information as we worked on the resume, I learnt so much while working on this project. For example, I learnt CSS and JavaScript.

L (Limitations you encountered in this project) - Coding for me is a lot like writing in another language, I have to think in the coding language itself, and not translate from English. So, often times if I wanted my page to look a certain way, for example the image to be next to the title but not in a fixed size, I had to think in a different way than usual, which I found difficult.

WISCR:

The two aspects of WISCR I exemplified while working on this project were S, self-motivation, and W, well-roundedness. I showed self-motivation by working on it whenever I had spare time during class, not just when Ms. Tran specifically assigned us resume work time. I exemplified well-roundedness by taking advantage of multiple sources. When I was stuck, I experimented, referred to class activities, googled, searched sololearn, asked peers, and asked Ms. Tran. With my use of galore resources and enthusiasm to work when not needed, I exemplified well-roundedness and self-motivation.

Page updated

Report abuse