Building a Professional Web Résumé

In this lesson, I learned how an about-me page can function as both a résumé and an important part of a professional portfolio. A web résumé provides more design freedom than a traditional document because it can use color, typography, responsive layouts, links, graphics, and interactive effects to present information.

One concept that was new to me was using social media metadata. Open Graph metadata can control how a webpage title, description, URL, and image appear when the page is shared on social platforms. I could use this metadata on future portfolio projects, business websites, and client websites to make shared links look more professional.

I also gained more experience using CSS Grid and Flexbox together. Grid is useful for creating the larger page structure, while Flexbox works well for navigation, skill groups, contact links, and smaller components. Combining these layout methods helps create pages that remain organized across desktop, tablet, and mobile screen sizes.

Another important concept was using transitions and transformations to improve the user experience. Subtle movement on buttons, cards, and navigation links can help users recognize interactive elements. I learned that these effects should support usability without distracting from the page content.

The career path that appeals to me most is front-end development. I enjoy combining technical problem-solving with visual design to build interfaces that are responsive, accessible, and easy to use. I am especially interested in continuing to develop my skills in JavaScript, React, TypeScript, user-interface design, and modern web-development workflows.

I would like to explore responsive component design and advanced JavaScript in greater depth. I understand the foundations of HTML and CSS, but modern front-end applications often require reusable components, application state, data handling, and more complex user interactions.

I am particularly interested in learning more about React and TypeScript. React can help organize interfaces into reusable components, while TypeScript can make JavaScript projects easier to maintain by identifying certain errors during development. These skills would help me progress from creating individual webpages to building larger front-end applications.

To continue improving, I plan to build several focused portfolio projects, including a responsive business website, an interactive dashboard, and a web application that retrieves information from an API. I will also continue practicing Git and GitHub so that I can document my work and demonstrate a consistent development process.

I also want to improve my understanding of accessibility testing, browser compatibility, performance optimization, and responsive images. Reviewing professional websites, recreating interface components, and testing projects on multiple devices will help me strengthen both my design decisions and technical abilities.