Resume

Description: Our project was to develop an online resume using HTML, CSS, and JavaScript on Sublime Text. There are 30 requirements all listed in a google doc checklist: https://docs.google.com/document/d/1HqzA_akebJSzXbYE8nz-3CA56zevjmuzKLyeo3wnkyQ/edit?tab=t.0

First, we designed the structure of website using HTML, and then we added forms, texts, tables, images, and more. We made HTML files for the home page and the hobby page. Then, we created a CSS file to style the website and make it look good. I decided to make my resume pink and navy because I think the colors look so good together. Finally, we added a JavaScript file to make the contact form interactive, alerting the user when the message has been successfully sent.

The first step was to create HTML code to add the information to our resume. We had sections for achievements, extracurriculars, highlights, and education.

This is the final code for my resume HTML document:

This was the final code for my hobbies HTML document:

After we did this, we had to style the pages using a CSS document. We fixed the spacing, aligned text, centered the images, and more.

This was the final code for my CSS document:

After I did this step, we proceeded to make a contact form that gave you an alert when you click send to make our page interactive.

This was the final code for our JavaScript document:

This is the final product for my resume.

SOUL Reflection:

Strength: One of my strengths was that I followed Ms. Tran's tutorials in class well and stayed caught up. I also used my time very well.

Opportunities An opportunity I had to improve my project was that I could've polished the writing about my hobbies, extracurriculars, and other descriptive elements on my portfolio. I feel like I kept the descriptions very breif and I could've written more.

Understanding: Through this project, I became much more comfortable with using HTML, CSS, and JavaScript code.

Limitations: A limitation I had on this project was that I wasn't very sure what to write, and I also struggled with coding the contact form, but I got it eventually.

WISCR Reflection:

Well-Rounded: I used my knowledge in different forms of coding during this project including HTML, CSS, and JavaScript.

Insightful and Critical Thinkers: It used lots of critical thinking to get the right code for everything in my project and make sure it was working right.

Self Motivated: I needed to motivate myself to get this project done under the deadline as it was a self-paced project.

Clear Communicators: I often asked my teacher and classmates for help with any code when I needed it.

Respectful Individual of Character: I was respectful to my peers and helped them if they had questions and asked questions of my own.