Description: For this project, we were supposed to create a digital resume of ourselves using HTML, CSS, and JavaScript. We coded two HTML websites, the "resume" and "hobbies" page. In our resume page, we added information about ourselves, including our name, email, photo, school, highlights, achievements, and a contact form. We also added hyperlinks at the bottom of the resume, which would bring the user to 3 websites including this ePortfolio.
Step 1: The first step in this project was to code the foundation of the resume. Using HTML we added all the different pieces of inforation about ourselves. We learned how to add heading tags, paragraphs, image tags, ordered lists, unordered lists, tables, and forms.
Resume project with HTML code.
Step 2: After coding the foundation of our resume we had to make it look more appealing. To do this, we linked an extenal CSS code to our HTML code. We then targeted specific HTML selectors to make them look the way we wanted them to look. We learned how to use text color, font, background color, text-align, margins, padding, font size, font weight, border, hover, and much more.
Step 3: Finally, we had to use JavaScript to make our code and resume interactive. I did this by making the contact form interactive. I programmed it so that the user can type in their name, email, and a message. Once they hit submit, a personalized alert will pop up to inform them that it has been sent successfully.
SOUL REFLECTION
S - Strenghts: Some strengths of my project is the visual appeal and the great code. I made the pages look the best they could look with lots of detail and photos.
O - Opportunities: Some opportunities where I could improve my project is maybe adding even more JavaScript to my page. I only have JavaScript in the contact form, but it would be better if i added it in other places.
U - Understanding: I learned so much this project. Learning HTML, CSS, and JavaScript code was difficult, and i feel achieved ow that i know how to code.
L - Limitations: Some limitations I encountered during this project were just some bugs in my code along the way. However, I learned how to check my code and ended up fixing all the problems
WISCR: The two qualities that I believe I demonstrated this project were W, and I. I was well rounded because I learned three different programming languages and was able to use all three of them to create my resume. I was an insightful and critical thinker because I was always looking for ways to improve my project, whether it was choosing a different color, making the border thicker, or adding more information all to make it the best that it could be.