{"id":8178,"date":"2019-07-24T12:20:03","date_gmt":"2019-07-24T19:20:03","guid":{"rendered":"https:\/\/www.springboard.com\/?p=8178"},"modified":"2024-01-03T16:16:51","modified_gmt":"2024-01-04T00:16:51","slug":"programmer-portfolio","status":"publish","type":"post","link":"https:\/\/www.springboard.com\/blog\/software-engineering\/programmer-portfolio\/","title":{"rendered":"Ultimate Guide to Creating a Programmer Portfolio"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Before you land an interview for your dream job as a software engineer or junior developer at a top tech firm or emerging startup, you\u2019ll need to get noticed. If you\u2019re going to stand out from the pack, an impressive programmer portfolio website isn\u2019t an option\u2014it\u2019s essential.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Read on to discover the benefits of a programmer portfolio, and get the insight you need to create a software developer portfolio that employers can\u2019t ignore.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>What Is a Programmer Portfolio and Do You Need One?<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">A programmer portfolio is more than a <a href=\"https:\/\/www.springboard.com\/blog\/career-advice\/9-tips-for-creating-a-stand-out-tech-resume\/\" target=\"_blank\" rel=\"noreferrer noopener\">simple resume<\/a>. In essence, it is a showcase that proves that you can do what you talk about in your resume.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Rather than telling prospective employers about your skills, you can create a software developer portfolio to <\/span><i><span style=\"font-weight: 400;\">show <\/span><\/i><span style=\"font-weight: 400;\">them.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">So, why should you create a programmer portfolio website? Is it worth the effort?<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">In a word: absolutely.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">A well-rounded programmer portfolio is a vital asset that can make all the difference when you\u2019re competing with other hopefuls for a coveted role.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Not only does a programmer portfolio website act as a showcase for your previous work samples, but the site itself is an example of what you can do!&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Furthermore, you can use a tech portfolio website to craft your personal brand. You can go beyond the work samples to express your personality and highlight critical soft skills too. This gives potential employers a better understanding of how you may fit in with their existing company culture or whether you\u2019d succeed in the role they\u2019re looking to fill.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image3-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"343\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image3-4.png\" alt=\"job outlook for web developers\" class=\"wp-image-8180\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image3-4.png 464w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image3-4-400x296.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image3-4-380x281.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image3-4-380x281.png 420w\" sizes=\"(max-width: 464px) 100vw, 464px\" \/><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/blog.udacity.com\/2014\/11\/front-end-web-developers-what-youll_12.html\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Source<\/span><\/i><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>3 Key Components of a Strong Portfolio<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">You\u2019ll find hundreds of different software developer portfolio examples online, which can make it a little tricky to settle on a basic template for your own.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">At the very least, a junior developer portfolio should include the following components:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>About Me<\/b><span style=\"font-weight: 400;\"> &#8211; People want to know who you are, so make sure your portfolio includes some detail about that. Include your name, a photo, and a short blurb about what you&#8217;ve done and where you hope to go in your career. It&#8217;s a good idea to refine this narrative over time as your career progresses. Developing your brand story takes time, but it&#8217;s a unique asset that you can nurture to help your career grow.<\/span><\/li>\n\n\n\n<li><b>Projects<\/b><span style=\"font-weight: 400;\"> &#8211; The critical component of any programming portfolio will be home to the very best samples of your work. This section should be as captivating as possible, so get creative with videos, GIFs, and eye-catching web design and copy.<\/span><\/li>\n\n\n\n<li><b>Contact Me<\/b><span style=\"font-weight: 400;\"> &#8211; Without this, you could be hurting your chances of getting job offers. Ideally, you should include a contact form and your social media channels. If you don\u2019t do that, at the bare minimum, add your email address plus links to your LinkedIn and GitHub profiles.<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">If you include the three aspects above, you\u2019ll have the fundamentals of a basic programmer portfolio website, which is more than a lot of people. However, to put yourself ahead of the competition, you may want to consider stepping your game up.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Let\u2019s see how to do that.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>7 Best Practices for Creating a Programming Portfolio Website<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Remember that a software developer portfolio is more than showing a few coding examples. It&#8217;s a chance to demonstrate your personality, your technical proficiency, <\/span><i><span style=\"font-weight: 400;\">and <\/span><\/i><span style=\"font-weight: 400;\">your creativity.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Here are seven best practices to think about when you want to create a programming portfolio that is more than another cookie-cutter effort.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">1. Tailor Samples for the Role You Want<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Ideally, your programming portfolio website will contain evergreen samples of your work. However, you can update it to align with the job you\u2019re targeting. For example, if you\u2019re applying for a coding job, it may be a good idea to add some more samples of coding work to your portfolio.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">2. Include Extracurricular Work<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Sometimes, you may want to highlight particular skills in a portfolio, but you may struggle to find <a href=\"https:\/\/www.springboard.com\/blog\/software-engineering\/become-freelance-programmer\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.springboard.com\/blog\/software-engineering\/become-freelance-programmer\/\" rel=\"noreferrer noopener\">freelance jobs<\/a> that will cater to these needs. However, you shouldn\u2019t let that stop you from taking on side projects to create the specific samples you need to grab the attention of prospective employers.\u00a0<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">For example, you could develop a new version of a landing page or website for the company you\u2019re trying to impress. Not only will this showcase your skills, but it will also prove you have a self-starter attitude.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">3. Ensure You Have a Responsive Design<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">This is the mobile age. When somebody lands on a website that isn\u2019t mobile-responsive, it can be a frustrating experience, which often sends them running for the exit. Don\u2019t let that be the first impression any employer gets from your software engineer portfolio website.<\/span><\/p>\n\n\n\n<p><em>For further reading, <a href=\"https:\/\/www.springboard.com\/blog\/software-engineering\/software-engineer-job-description\/\" data-type=\"post\" data-id=\"14696\">check out here what software engineers do<\/a>.<\/em><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Take the time to find a mobile-responsive theme that will offer a fantastic user experience on all devices. Better yet, develop your own!<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">4. Appealing Visual Design and Layout<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">If you use a free theme template, it will save you a lot of time otherwise spent on design or development. That being said, it&#8217;s still important to make sure you customize it to make it your own. Moreover, you must create a visually appealing layout that visitors will remember.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">5. Custom Web URL<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Remember that your programming portfolio site is a big part of your unique personal brand. With that in mind, choose a suitable URL. Ideally, it should include your name or at least reflect the work you do. Furthermore, it\u2019s best to buy your own domain instead of using a free one, as it looks more professional than a long-winded free domain name.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">6. Minimize the Touchpoints<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">You are trying to impress people, not confuse them. Therefore, a junior developer portfolio doesn&#8217;t need to be a complex labyrinth with lots of pages and options. You should make the user interface smooth and straightforward so that visitors can navigate throughout the site with just a few clicks.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">7. Include Social Proof<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Getting testimonials from happy clients is always a boon to your programming portfolio. If you can, encourage past clients to write a few sentences that explicitly state how your work had a positive impact on the project or business. Also, if you can get their contact information, it will add more weight to their claims, allowing interviewers to get in touch for any follow-up questions.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"633\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4.png\" alt=\"A day in the life of a web developer\" class=\"wp-image-8181\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4.png 950w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4-400x267.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4-768x512.png 768w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4-380x253.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4-700x466.png 700w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image2-4-380x253.png 420w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.thebalancecareers.com\/web-developer-job-description-salary-and-skills-2061841\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Source<\/span><\/i><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>What Do Employers Seek When Looking at a Programmer Portfolio?&nbsp;<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">It\u2019s a smart idea to keep your target audience in mind while creating your portfolio. What earns you kudos from your fellow coders may not have the same impact on a company looking to hire a promising junior developer.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Here are a few things employers will put under the magnifying glass when considering potential new employees:<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">1. How Current Is Your Work?<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Some of the best portfolios are left untended for months\u2014or even years! It doesn&#8217;t look good when the last sample you added was from your sophomore year of college. Get into the habit of maintaining your junior developer portfolio site to check that the website runs at top speed and the work samples are consistently updated to show you are actively progressing in your career.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">2. What Is Your Educational Background?<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Are you a <a href=\"https:\/\/www.springboard.com\/blog\/business-and-marketing\/why-marketers-should-learn-to-code\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/business-and-marketing\/why-marketers-should-learn-to-code\/\" rel=\"noreferrer noopener\">self-taught coder<\/a> who has cracked the industry through a sterling online reputation and good networking? Or perhaps you have a master&#8217;s in computer science and a series of short course certificates? Include everything that is relevant, as employers will want to confirm you have the qualifications to fill the role.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">3. How Are You at Problem-Solving?<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Coding may be a significant aspect of any software developer portfolio, but it\u2019s not the be-all and end-all. Professional coding jobs involve a lot of other tasks, including debugging and problem-solving.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">By including explanations of projects to illustrate how you handle problems, you can display your proficiency at identifying and improving code issues.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>3 Common Mistakes to Avoid<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">So, by now, you should have a clear sense of how to create a programmer portfolio that gets noticed. Before you get to it, here are a few pitfalls to watch out for to ensure that your portfolio doesn&#8217;t get noticed for the wrong reasons.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">1. Code Done by Other People&nbsp;<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">It may seem obvious, but to be clear, the work displayed in your portfolio should be yours. It should not belong to your work colleague, your old college friend who was always better than you at coding, or the prodigious kid in the library.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">If you\u2019re caught out trying to pass off somebody else\u2019s work as your own, your chances of being hired will vanish.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Should you happen to have reason to include work by other people, get their permission first, and credit them in your portfolio. Make it clear why you have included it.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">2. A Patchy Timeline<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">As mentioned already, a consistent approach to updating your programming portfolio is vital. If there are a lot of activity gaps, employers may suspect any number of things\u2014none of which are good news for your hopes.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">They may think your career has stagnated, that you don&#8217;t produce good work consistently, or that you aren&#8217;t genuinely invested in pursuing a career in software development.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">You must continue to develop your skills and your portfolio. This is a fast-moving field, and you must show you have the skills to keep pace with the very best.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">3. Poor Project Descriptions<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">When you work for a software company, not everyone will speak code like you. A beneficial soft skill is the ability to clearly articulate your code to fellow programmers, and also to non-programmers. People like the design team, your boss, and your clients will want a crystal-clear, concise explanation they can quickly wrap their heads around.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">If your portfolio can\u2019t do this, employers may assume that\u2019s a weak point that you would take into the office.<\/span><\/p>\n\n\n<div class=\"bg-leaf-50 p-4 my-3\"><h4 class=\"fw-bold text-center\">Get To Know Other\tSoftware Engineering Students<\/h4><div class=\"row row-cols-1 row-cols-lg-3\"><div class=\"col\"><div class=\"card success-story-card h-100 d-flex justify-content-between mb-0\"><div class=\"flex-grow-1 text-center\"><a class=\"d-inline-block rounded-circle\" href=\"\/success\/tetyana-ilyichova\" style=\"width:125px;height:125px;overflow:hidden\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/res.cloudinary.com\/springboard-images\/image\/upload\/v1659987993\/Student%20Success\/Tetyana_Ilyichova.jpg\" alt=\"Tetyana Ilyichova\" style=\"object-fit:contain;max-width:170px;height:125px\" \/><\/a><p class=\"fw-bold mb-0\">Tetyana Ilyichova<\/p><p class=\"text-muted lh-1\">Software Engineering Apprentice at Affirm<\/p><\/div><div class=\"w-100 d-block d-md-none mt-3\"><\/div><p class=\"mb-0 mx-auto text-center\"><a class=\"btn btn-primary mx-auto\" href=\"\/success\/tetyana-ilyichova\">Read Story<\/a><\/p><\/div><\/div><div class=\"col d-none d-md-block\"><div class=\"card success-story-card h-100 d-flex justify-content-between mb-0\"><div class=\"flex-grow-1 text-center\"><a class=\"d-inline-block rounded-circle\" href=\"\/success\/jason-mcginty\" style=\"width:125px;height:125px;overflow:hidden\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/res.cloudinary.com\/springboard-images\/image\/upload\/v1689833464\/Jason_McGinty_1.jpg\" alt=\"Jason McGinty\" style=\"object-fit:contain;max-width:170px;height:125px\" \/><\/a><p class=\"fw-bold mb-0\">Jason McGinty<\/p><p class=\"text-muted lh-1\">Full-stack Systems Engineer at Technicity<\/p><\/div><p class=\"mb-0 mx-auto text-center\"><a class=\"btn btn-primary mx-auto\" href=\"\/success\/jason-mcginty\">Read Story<\/a><\/p><\/div><\/div><div class=\"col d-none d-md-block\"><div class=\"card success-story-card h-100 d-flex justify-content-between mb-0\"><div class=\"flex-grow-1 text-center\"><a class=\"d-inline-block rounded-circle\" href=\"\/success\/alexander-aboutanos\" style=\"width:125px;height:125px;overflow:hidden\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/res.cloudinary.com\/springboard-images\/image\/upload\/v1696268083\/Student%20Success\/Alexander_Aboutanos.jpg\" alt=\"Alexander Aboutanos\" style=\"object-fit:contain;max-width:170px;height:125px\" \/><\/a><p class=\"fw-bold mb-0\">Alexander Aboutanos<\/p><p class=\"text-muted lh-1\">Software Development Consultant at Sogeti<\/p><\/div><p class=\"mb-0 mx-auto text-center\"><a class=\"btn btn-primary mx-auto\" href=\"\/success\/alexander-aboutanos\">Read Story<\/a><\/p><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Useful Tools for Creating a Programmer Portfolio&nbsp;<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">The prospect of creating a winning programming portfolio website may seem a little intimidating. Luckily, the internet is rich with excellent portfolio resources that you can use to bolster your new site.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Here are some suggestions worth considering:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>GitHub Pages<\/b><span style=\"font-weight: 400;\"> \u2013 Any aspiring software engineer will already have a profile here. You can use <\/span><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">GitHub<\/span><\/a><span style=\"font-weight: 400;\"> to host your programmer portfolio and make connections with fellow coders and developers.<\/span><\/li>\n\n\n\n<li><b>Namecheap<\/b><span style=\"font-weight: 400;\"> \u2013 Here you\u2019ll find bargain prices for your custom <\/span><a href=\"https:\/\/www.namecheap.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">domain name registration<\/span><\/a><span style=\"font-weight: 400;\">, from as little as $8 a year.<\/span><\/li>\n\n\n\n<li><b>Start Bootstrap<\/b><span style=\"font-weight: 400;\"> \u2013 If you want to use a CSS framework, <\/span><a href=\"https:\/\/startbootstrap.com\/template-categories\/portfolios\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Bootstrap<\/span><\/a><span style=\"font-weight: 400;\"> has a vast range of style elements and templates. While this may not be the right choice for a front-end developer portfolio, it&#8217;s a good option if you want to create a quick portfolio site.<\/span><\/li>\n\n\n\n<li><b>Dribbble <\/b><span style=\"font-weight: 400;\">\u2013 Perhaps you need a little inspiration to get your creative juices flowing. Check out <\/span><a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Dribbble<\/span><\/a><span style=\"font-weight: 400;\"> to get some programmer portfolio ideas for your design and color palettes.<\/span><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><b>5 Programmer Portfolio Examples<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">By now, you&#8217;ve got everything you need to create an incredible portfolio. Take a look at these stunning examples to get an idea of what\u2019s possible.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">Matt Farley<\/span><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/mattfarley.ca\/\" data-type=\"URL\" data-id=\"https:\/\/mattfarley.ca\/\" target=\"_blank\" rel=\"noopener\">Matt Farley<\/a> is a <a href=\"https:\/\/www.springboard.com\/blog\/design\/what-does-a-ux-designer-do\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/design\/what-does-a-ux-designer-do\/\" rel=\"noreferrer noopener\">UX\/UI designer<\/a> and front-end developer. As you might expect, his sleek portfolio offers a smooth user experience.&nbsp;<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"522\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5.png\" alt=\"Matt Farley programmer portfolio example\" class=\"wp-image-8182\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5.png 800w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5-400x261.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5-768x501.png 768w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5-380x248.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5-700x457.png 700w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image5-5-380x248.png 420w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">Emily Ridge<\/span><\/h3>\n\n\n\n<p><a href=\"http:\/\/www.emilyridge.ie\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Emily Ridge<\/span><\/a><span style=\"font-weight: 400;\"> is a WordPress developer and designer whose portfolio emphasizes her focus on customized, responsive website designs.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"503\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5.png\" alt=\"Emily Ridge programmer portfolio example\" class=\"wp-image-8183\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5.png 800w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5-400x252.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5-768x483.png 768w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5-380x239.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5-700x440.png 700w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image4-5-380x239.png 420w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">Denise Chandler<\/span><\/h3>\n\n\n\n<p><a href=\"http:\/\/www.denisechandler.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Denise Chandler<\/span><\/a><span style=\"font-weight: 400;\"> has created a junior developer portfolio website that illustrates how you can catch the eye with unique imagery.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"503\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4.png\" alt=\"Denise Chandler programmer portfolio example\" class=\"wp-image-8184\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4.png 800w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4-400x252.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4-768x483.png 768w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4-380x239.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4-700x440.png 700w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image7-4-380x239.png 420w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">Jonny MacEachern<\/span><\/h3>\n\n\n\n<p><a href=\"http:\/\/www.jonny.me\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Jonny MacEachern<\/span><\/a><span style=\"font-weight: 400;\"> offers one of the better front-end developer portfolio examples you\u2019ll see, homing in on the needs of potential clients with a captivating landing page.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"503\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2.png\" alt=\"Jonny MacEachern programmer portfolio example\" class=\"wp-image-8185\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2.png 800w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2-400x252.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2-768x483.png 768w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2-380x239.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2-700x440.png 700w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image6-2-380x239.png 420w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-weight: 400;\">Devin Walker<\/span><\/h3>\n\n\n\n<p><a href=\"http:\/\/imdev.in\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Devin Walker<\/span><\/a><span style=\"font-weight: 400;\"> leverages a bit of personality on his homepage, so his developer portfolio has a more relatable feel.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"498\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1.png\" alt=\"Devin Walker programmer portfolio example\" class=\"wp-image-8186\" srcset=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1.png 800w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1-400x249.png 400w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1-768x478.png 768w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1-380x237.png 380w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1-700x436.png 700w, https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2019\/07\/image8-1-380x237.png 420w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Wrapping Up<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Creating a programmer portfolio takes some time and effort, and there is a lot to consider beyond publishing a few work samples. Done right, you can use a junior developer portfolio website as a stage to propel your career to new heights.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">It can become an integral aspect of your brand, and the perfect playground to experiment with new development techniques and tools. Soon enough, you&#8217;ll have a portfolio that turns heads, helping you attract the attention your work deserves.&nbsp;<\/span><\/p>\n\n\n\n<p><strong>Interested in more career-focused resources? Check out these posts:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.springboard.com\/blog\/career-advice\/9-tips-for-creating-a-stand-out-tech-resume\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/career-advice\/9-tips-for-creating-a-stand-out-tech-resume\/\" rel=\"noreferrer noopener\">How to Create a Stand-Out Tech Resume<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.springboard.com\/blog\/data-science\/data-science-resume\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/data-science\/data-science-resume\/\" rel=\"noreferrer noopener\">7-Step Guide to Making Your Data Science Resume Stand Out<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.springboard.com\/blog\/career-advice\/how-to-work-with-tech-recruiters\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/career-advice\/how-to-work-with-tech-recruiters\/\" rel=\"noreferrer noopener\">How to Best Work With Tech Recruiters<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.springboard.com\/blog\/data-science\/nail-the-phone-screen-job-interview\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/data-science\/nail-the-phone-screen-job-interview\/\" rel=\"noreferrer noopener\">How to Ace the Phone Screen: Tips From a Recruiter<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"has-background\" style=\"background-color:#efeff6\"><strong>Since you&#8217;re here&#8230;<br><\/strong>Were you one of the tens of thousands of workers impacted by this year&#8217;s tech layoffs? Springboard wants to help. Our new Career Reboot Scholarship is intended to assist job seekers from tech looking to upskill, reskill and stand out in a competitive hiring environment. Get $1,000 off any Springboard bootcamp in software engineering, data analytics, UX design, cybersecurity, tech sales, and more.\u00a0<a href=\"https:\/\/www.springboard.com\/landing\/career-reboot-scholarship\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit this page<\/a>\u00a0for eligibility requirements and to apply.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before you land an interview for your dream job as a software engineer or junior developer at a top tech firm or emerging startup, you\u2019ll need to get noticed. If you\u2019re going to stand out from the pack, an impressive programmer portfolio website isn\u2019t an option\u2014it\u2019s essential. Read on to discover the benefits of a [&hellip;]<\/p>\n","protected":false},"author":65,"featured_media":8187,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_eb_data_table":"","footnotes":""},"categories":[137],"tags":[],"marketing_tags":[],"class_list":{"0":"post-8178","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-software-engineering"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts\/8178"}],"collection":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/comments?post=8178"}],"version-history":[{"count":4,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts\/8178\/revisions"}],"predecessor-version":[{"id":52575,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts\/8178\/revisions\/52575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/media\/8187"}],"wp:attachment":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/media?parent=8178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/categories?post=8178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/tags?post=8178"},{"taxonomy":"marketing_tags","embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/marketing_tags?post=8178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}