Skip to content

Latest commit

 

History

History
73 lines (52 loc) · 3.5 KB

README.md

File metadata and controls

73 lines (52 loc) · 3.5 KB
Raw

WebPortfolio-Workshop

A guide to the programmer's web portfolio.

A Portfolio's Purpose

A portfolio is more than just your standard resume. It serves as a method of proving your abilities instead of just stating them.

Making a portfolio will help to:

  • Highlight your work and projects
  • Prove competency in your skill set
  • Give insight to your personality/personal style
  • A great way to stand out from the competition

By making a website portfolio, you will be showing your skill in the projects you create as well as the building of the site.

The Basics

  1. About Me
  2. Projects and Descriptions
  3. Contact Me and Social Media

About Me

This section can be the landing page of your site, and should include your name, photo, and a short blurb about yourself. Here you want to include some brief details about who you are, what kind of work/projects you have done, and where you hope to go in your career. This is also where you can mention your education. This can be roughly 1 to 2 good size paragraphs. Enough to keep the audience/recruiters interested, but not so long that they decide to skip.

This About Me blurb can also be used for any other professional online profiles like LinkedIn, Handshake, etc. It can also be reused in cover letters.

Projects and Descriptions

This content will take up the majority of your portfolio site.

Here you want to showcase your best work, even if unfinished. It is also good to include recent work to show recruiters that you are actively learning. Since we are still students, we can include projects from class, hackathons, and extracuricculars alongside any strictly personal projects.

Each project should have its own title, short description, link to code (if on GitHub), and photos/videos/gif of the project in action. If you do link to GitHub, make sure each project there has a README, a project description and some good commit messages.

Project descriptions can include the purpose of the project, its inspirations, and any challenges/solutions encountered during development. Once again, your can stick to 1-2 paragraphs for the descriptions, just be sure to keep thing consistent between each project.

The more captivating as possible to get your audience excited about your work, so don't be afraid to boast and make your proects look as impressive as possible. Keep in mind that your audience may not be technically inclined, so explain things in simple laymens terms when possible.

Contact Me and Social Media

Impressed employers will want to know how they can get in touch with job offers.

Here you want to link to several of your social media and contach channels

  1. Email
  2. LinkedIn
  3. GitHub
  4. Instagram
  5. Itch.io
  6. ...And many more

If you want to get extra fancy, you can include a contact form built into your site.

Extra Content

  • If you have a lot of projects, pick from those that fit the job roles you want

Design Tips

  • Make your site Web and Mobile friendly
  • Minimize the user interface
  • If front end is not your thing, don't be afraid to use a template

Domain Name

Keep your domain name simple and sweet, there's no need to overthink here. Using your own name is a great choice. Stick to .com, .me, .dev, or .io for your domain

Resources

https://www.bestcomputerscienceschools.net/how-to-create-a-portfolio-for-tech-jobs/ https://levelup.gitconnected.com/build-a-software-developer-portfolio-website-in-5-days-de3f86d1efee https://www.springboard.com/blog/careersmithing/programmer-portfolio/

https://www.thegraceyang.com/a-pure-person/