How To Build a Tech Portfolio | Part 1: Structure and Style with HTML and CSS
21,534 ViewsSep 19, 2022Looking to launch a career in tech? If so, you'll need a good technical portfolio.
A technical portfolio supplements your resume during the hiring process and helps showcase your skills to recruiters and hiring managers. It also gives you a chance to tell them a little more about yourself with information that may not have a natural place in your resume. More importantly, your portfolio provides tangible evidence that you've got the skills needed to do the job.
Along with your contact info, your technical portfolio should also include links to projects you've created in the past and details about the programming languages, frameworks, and other technologies you used to build them. And while you can always find a portfolio template online, creating one from scratch further demonstrates your technical (and creative) skills — which is a nice touch for any aspiring developer.
In this video, Codecademy Senior Curriculum Developer Ben Stone will teach you how to code your own technical portfolio. You'll use HTML tags and elements to structure and organize your information, then use CSS to give your portfolio some style.
In part 2 of this series, we'll show you how to use JavaScript to make your portfolio even better! Check it out here: https://youtu.be/PUfiRZKlRgo
And if you need help finding ideas for projects to include in your portfolio, check out our projects here: https://www.codecademy.com/projects
Introductions 0:10
Setting up the Workspace 2:40
What is a Portfolio Website? 4:00
Nuts and Bolts of HTML 7:30
Starting the Portfolio with HTML 13:00
Styling your Potfolio Page with HTML and CSS 18:25
Organizing your Content 26:00
Problem Solving with CSS 38:00
Summary of the Livestream 51:55
Join the millions learning to code with Codecademy.
Learn to code: https://bit.ly/3Sd1THZ
Check out our full course catalog: https://bit.ly/3Dw15tG
Follow us on social media!
Instagram: https://www.instagram.com/codecademy/
LinkedIn: https://www.linkedin.com/company/codecademy
Twitter: https://twitter.com/Codecademy
Facebook: https://www.facebook.com/codecademy
