Make a Digital Resume For Yourself
Description: For this project we were tasked to use CSS, HTML, and Javascript coding to create a resume for ourselves that reflects our skills, achievements, highlights, education, our extracurricular activities, hobbies, and much more. Also we have to add hyperlinks and images to liven up the resume. As we made our resume project we learned about different coding for CSS, HTML, and Javascript. The resume project has 30 requirements for us tp check and submit.
Step 1: HTML
Step 1 HTML: For HTML We first added content to our page using headings and subheading like h1- h6 to organize our page in a formal order. We used the h1 and h2 heading to display our name and our email at the top of the page. We created a Highlights, Education, Skills, Contact Form, Achievements, and an Extracurricular activities subheadings for our Resume using paragraphs and lists in our body. We then made the hobbies page, and added a list to list our likes and what we enjoy. We used hyper links to link the hobbies page to the resume and images to brighten up the pages.
Step 2: CSS
Step 2 CSS: Next, we added CSS styling to the page to make it more visually appealing. We used external CSS in a different file and linked it to our original HTML file. We learned how to target specific elements using class and ID elements. I changed the text color, font, background color, text-align, margins, padding, font size, font weight (how thick and bold it is), border, and I learned how to make the hyperlink buttons change color and size as the mouse hovered over it. We also explored how to make the
Step 3 Javascript
Step 2 Javascript: Lastly, we linked our third file to our HTML document - for Javascript. The Javascript code isused to make my resume porject more interactive. I used JavaScript mostly in the last part of my resume - the contact form. 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 and properly. my alert says, "Hi Darsh Dwarak and thank you for reaching out to me, this is your email: (the email they typed). I will email you for more details on my application."
Reflection: I am proud of everything that i have expolored in this uit like HTML, CSS, and Javascript code. It has been extremely fun using what I learned in class and interpreting all the new topics into my resume project.
S - Strenghts: Some strengths of my project is the visual appeal of the green and the contrasting colors and my content throught the pages. I also thought i went above an beyond in my pictures adding more than necessary and styling it well using CSS.
O - Opportunities: Some opportunities where I could improve my project is maybe adding even more JavaScript to my page to the rest of my page. I only had the chance to add Javascript to my contact for and ever got the oppertunity to add javasript interactions on in other places as well.
U - Understanding: I learned so much about HTML, CSS, Javascript code and now I feel very accomplished and truly understand the code I written.
L - Limitations: Some limitations I encountered during this project were just some bugs in my code along the way for example my Javascript code wasn';t working becase I forgot to add the closing bracket! However, I learned how to check my code and ended up fixing all of my problems with my code.
WISCR: The two qualities that I believe I demonstrated this project were Clear Communicator and Insightful and Critical Thinkers. i was a clear communitcator because every time I needed help I wasn't scared to tell the teacher and reched out to those around me to acomplish what I needed to work on. I was an insightful and critical thinker because I was always looking for ways to improve my project from choosign the best possible color to make it look the most visually appeasing, or adding good content to liven up my resume the most I can.