10 Web Developer Portfolio Tips

In this video I will discuss 10 tips to create a productive and effective developer portfolio website based on my own experience and reviews.
Sponsor: DevMountain Bootcamp
goo.gl/6q0dEa
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Courses
www.traversymedia.com
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia

[@TraversyMedia]

GO PATS!! Come on, what kind of New Englander would I be if I didn't represent??

[@nicholasmaniccia1005]

Be proud man I'm a Yankee fan we know how it can be to be a fan of the most hated team in a league for being the best! Good luck against those Saints, Brees ain't no joke!

[@kooma7190]

@@nicholasmaniccia1005 Saints ain't playing in the SB. Like the Yankees weren't in the World Series 😅

[@drewbird87]

What’s your take on using a template for a portfolio? At least as a starter for those of us that have lackluster design skills.

[@johnnygood7997]

Hey Brad, I'm out in Cali, you want to put 10 push ups on the game?

[@TraversyMedia]

@Johnny Good Let's up the ante, 50 push ups

[@DesignCourse]

Good tips. I'll add one: 11. If you're a frontend dev or backend dev but not a UI designer, don't feel like you need to design your portfolio yourself from scratch. It will end up looking amateur, naturally. I see it all the time during my live design reviews. You can be great at coding frontend and translating mockups, but you can be horrible at designing UI's. If this is the case, ideally, pay a UI designer to create one from scratch or just use a well designed template -- until you can improve your UI design skills.

[@TraversyMedia]

DesignCourse yes, definitely. One thing I wish I mentioned is the use of existing templates/themes.

[@timott3680]

I for one know I suck at design right now. I can recognize good design, but coming up with it myself is not something I can do yet. Would you say that using a template while progressing through something like FreeCodeCamp is ok? At least for the portfolio site? Or would you just do those yourself, but use a template for the portfolio you plan to put onto the web?

[@abhishek_k7]

Wow! Good to see you here @DesignCourse

[@HostDotPromo]

Good insights, thanks for sharing 🔥

[@jet3075]

thanks for the tips.

[@prerakhere]

1. Have a presentable website 2. Good hosting and domain 3. Keep it simple 4. Don't exaggerate your skill set 5. Have live examples/demos 6. Be selective of projects 7. Customize course projects 8. Easy contact 9. Try to have web presence and brand 10. Be yourself. Be real.

[@Max-ge3xb]

*2) Imho, it could be better to make a portfolio, using github, instead of buying a hosting and a domain

[@NoOne-om9bb]

Maxím Belkin is it okay to use netlify aswell?

[@h3w45]

Thanks

[@abdisamadkhalif4283]

"It's better to specialize in a few things than to just know a little bit about everything" - just made my day! Thanks Brad, that's what I tell my friends! 10 Web Developer Portfolio Tips 0:53 - 1 - Presentable Design/UI 1:27 - 2 - Good Hosting & Domain 2:12 - 3 - Keep it simple 3:24 - 4 - Don't Exaggerate Skills 4:17 - 5 - Live Examples/Demos 5:34 - 6 - Be Selective of Projects 6:12 - 7 - Customize Course Projects 7:05 - 8 - Easy Contact 7:34 - 9 - Web Presence & Brand 8:39 - 10 - Be Yourself :)

[@kamalhm-dev]

Saved my time. Thanks!

[@abdisamadkhalif4283]

@@kamalhm-dev welcome :)

[@thesohelshaikh7]

1. Presentable Design/UI 2. Good hosting & domain 3. Keep it simple - Not too much content 4. Don’t exaggerate skills - be honest 5. Live examples/Demos - Instead of images 6. Be selective of projects - quality vs. quantity 7. Customise course projects 8. Easy contact - email, phone, contact form 9. We presence & brand - blog, articles, Twitter. 10. Be yourself

[@jjrojascortes]

Thanks Brad! With the knowledge I got from your courses I've been able to apply to a front end position with react. I have successfully passed every interview and now I am just waiting for the call to sign the contract next week! Thanks bro, you're the best!

[@picirigo90]

congratulation 😊

[@lardosian]

Hi Jose, can you tell us what the interview was like, was there a technical exam?

[@jjrojascortes]

@@picirigo90 thank you! :)

[@jjrojascortes]

@@lardosian Sure, I had to take a technical call where I had to talk to a senior developer who asked me questions about JS6, React, React Lifecycle and some code questions, e.g Why const x =1 is inmutable while const x ={ val: 1 } is mutable in x.val. After that I had another technical interview with some more new questions about JS6. To be sincere, I studied how to create a full todo app from scratch using react and redux, but they only asked about JS6 fundamentals and some React concepts, so it went very smooth. However I would have failed completely without Brad's teachings through his courses and youtube videos.

[@lardosian]

@@jjrojascortes Thanks Jose, sounds like it could be a good place place to work, hope it goes well.

[@maverick177]

1. Presentable Design/UI (for your portfolio website). 2. Good Hosting and (Custom) Domain (no heroku-hosted, no free-hosting). 3. Keep It Simple (by showing only the most important stuff: e.g. showcase, projects, contact, about pages). 4. Don't Exaggerate Skills (by stating skills that you don't know, or know only the basics about them). 5. Live Examples/Demos. 6. Be Selective with Projects (that you show on your portfolio). 7. Customize Course Projects (instead of just listing them as your own while in fact they are made by your tutors). 8. Easy Contact. 9. Web Presence and Brand (yourself on line). 10. Be Yourself.

[@simbarashemotsi]

Thank you

[@gitgudgamingmobilegaming]

i started learning web development by watching your tutorial and its been a month. i learned a lot more, im a freshgrad IT and wanted to be a developer, thank you for your tutorials god bless.

[@aayushjain2438]

Dude i was literally thinking of searching your channel for something like this. Thanks man, keep up with these non tutorial videos love them

[@geovannytabango4052]

I don’t have enough word to appreciate you for all your content. Thank you a lot!!!

[@realchrishawkes]

Good video, the industry loves to add stuff it doesn't need. I've done it myself. I think it's sort of a trait of being a passionate programmer. Or maybe just a bad one? In any case, I know I've added complications to my projects in the past by dragging in some new hot thing that didn't work out half as well as planned.

[@lukor-tech]

I recently started the branding / web presence thing and I confirm, it helps.

[@plugnation7503]

Taking your node with react course now and amazing. Creating my own social site for personal trainers and clients and your tut is perfect for it!

[@stephenjacobs9326]

Thanks so much for the advice Brad. it made me realize that I am well on my way, but still have a lot of work to do.

[@abhishek_k7]

Thank you! I'm gonna start building my Portfolio soon. Saved this video for reference.

[@parthkumarchaudhary]

Waiting for something like this, thankyou Brad. God bless you

[@craigkeiger3979]

Thanks for all your tutorials Brad. This helps people like me alot

[@theshowman8478]

Simple, good, practical sound advice. Can't beat it.

[@tsigiekumssa4018]

I love your honesty very much Brad. You are awesome as usual!

[@lucasthiago162]

Nice Video man, i reallly like your videos, tips and everything you share. Thank you for sharing your knowledge.

[@mattgilstrap7295]

Hey Brad, I just want to give you a quick shout out and a sincere thank you for the videos that you produce. A while back I started to teach myself web development and came across some of your JavaScript videos. I purchased your React and JavaScript courses on Udemy. I just landed my first web development job and I don't know if I would have passed the Code questions had I not went though those Udemy courses. You are the real deal bro, thanks again.

[@richiexp2]

Great stuff! Can you make a video on how to plan software projects or apps before coding?

[@phichau90]

This was super useful for me. I just recently completed a 13 week course on software development. I'm currently doing my portfolio. I'm still a beginner.

[@ArcticBanshee]

Thank you for this video. As someone who is just starting out with the self-learn, it can be overwhelming trying to sift through all the info out there.

[@sanaahajji4665]

thank you so much for the good tips, it's very helpful.

[@gustavom8282]

Thanks Brad! I'm graduating and without you I would not be the same! I did your Udemy's JavaScript course and watched lots of your channel's videos. Thank you very much! You are awesome!!!

[@kodeDev]

Thanks for the video Brad. I too am self taught and find myself making these mistakes on my portfolio site. It's definitely got me excited about going back to the drawing board with it. I wanted to see if you could review mine at any point in time, it would greatly be appreciated. I have an extreme passion for web development, and I find myself leaning towards front-end developing. I am trying to build the best me that I can, so that I can one day join a team and continuing to grow my skills... Your videos are truly inspiring. Thanks.

[@adekolaolawale3543]

Hey Brad, thanks for this. Been going in circles on how to go about it.

[@smsibasish]

Thanks for such type of videos. Please make them every week.

[@yaltharullist9181]

Man,, I love your channel,i am learning Vue now, and your playlist is so much help me, thank you so much man

[@yormanqwertyuiop]

Thanks for your passion in helping other people!

[@davescorneroftheworld1147]

]Another GREAT informative video that most of us can use. THANK YOU BRAD FOR ALL OF YOUR HARD WORK.

[@Italya3343]

Thank you for sharing your video with us Brad.. Im wondering if you can show us how to make that Demo/preview option for your projects on your websites. Thanks in advance!! :)

[@crocodilecrox3758]

Thanks brad you inspired my next update for my portfolio site!! Itll be a small change but it will make a big difference!

[@thelittlezombie-8150]

thank you man you dont know how much you helped me with this video

[@mikeb.2939]

Hi Brad, thanks for the Video. Some food for thought. Keep up the good work!!!!!!!!

[@rayahmed2202]

That part about making the tutorial your own is true. I'm using one of your tutorials in my portfolio but 1) I added a link to your channel and gave credit where credit is due and 2) I changed it up significantly and made it my own and listed the changes for the employer to see so he knows what I can do. Thanks for the tips.

[@MdShahid-pj5uo]

Love you brad from 🇮🇳 India.. 😊😊😊

[@socialnfarming4530]

Really I become big fan of you ,it's bundled knowledge in one channel I'm getting learning a lot from u ,i have suggested ur channel for few my friends to learn react n JavaScript..

[@drewaugust]

Number 7 is a great tip. I am going to add a course project, but I will definitely be customizing it now.

[@zainul-abdeen3889]

Thanks Brad, I just got my portfolio out there in the world and started applying for jobs yesterday so this is really helpful. :)

[@danielsimionescu298]

Thank you for the tips! 👍

[@kandekore]

Another great video, your videos are very helpful thank you

[@ruuji.]

On point 2 I would argue that some free alternatives are pretty fast and solid, like netlify or surge, at least if you have a static one pager for example. And you can use custom domains on those too!

[@Raghudesign]

Really helpful video 😍👍 thanks man , I really appreciate it.

[@aysamuel9166]

Nice one Brad. Love from Nigeria... 🇳🇬🇳🇬

[@sahadathossien5356]

All tips are very helpful. Thanks for share.

[@FelixTheDev]

Excellent video. I enrolled in your Modern JavaScript From The Beginning and your React Front To Back courses on Udemy. Let's see what I can do with the knowledge from these courses. Thank you Brad!

[@learn3165]

Thank you very much for these valuable tips because I have just learned html and css good enough because I did lots of projects on them on my own thanks to your great free courses and I am moving on to learn javascript and now I know that at list I have to know javascript and than create a Portfolio

[@WebDevSHORTS]

Thanks for the tips!

[@attemptedcoding]

Great tips. Thank you so much.

[@dr.shirakawashu4879]

Thank you for these advice. 👍👍👍

[@lillymarie3790]

Thanks for this video. It's great.

[@davebudah]

Quite profound, thank you so much

[@bigchunk1]

Very useful. I'm currently working on a portfolio website. Thanks.

[@charlydev1713]

Great tips, really appreciate it. The only one thing I think is missing would be some advice on how to make a portfolio visible to potential employers.

[@extradipofhoney6189]

Nice tips Brad! Could we have a video on how to add an SEO to a website.

[@petecapecod]

Great advice for a portfolio page, going to double check mine for all those points. Alright Pats another Superbowl victory for Brady and the boys 🔥🏈🍾

[@kooma7190]

As a fellow developer and a Pats fan for over 25 years, I appreciate the head gear. WE'RE STILL HERE.

[@justineontita]

Thanks for the video 🍻

[@sviatoslav3347]

Thank you a lot. You are my favorite

[@jyvaskyla9897]

I'll apply these tips. Thank you

[@phudorjilama5790]

Thank you so much sir it's very helpful

[@mariamsargsian5194]

You are amazing, thank you for information♥

[@madrinsx8770]

Thanks so much brad👏👏

[@admanvoids8612]

Hey man, I've taken a few of your courses on Eduonix and Udemy. I had a technical coding test today for a remote job and totally flunked it. It was all about algorithms. How often are they used in front end development? Will I have more interview that focus on them? Or do you think that was a rare case?

[@11211211T]

thanks for the tips! I'm creating my website these days and your tips are definitely helpful :) btw, the thumbnail looks like you're wearing a pirate hat haha!

[@theegreatestever2420]

Perfecto! Thank you very much Brad

[@travelerummah7386]

Great instructor and motivator . Carry on this journey

[@TraversyMedia]

Thank you :)

[@Cereal.Fidgeter]

Appreciate the tips!

[@odimGaunt]

Hi brad, thanks for all the videos and tutorials, can you please do a video where you explain how to go about deploying a real web app that people will use, like what database service, and cloud servers to host images and stuff, I want to know how the professional process looks like.

[@Rocktechnoify]

Brad, what are your thoughts on using bootstrap for your portfolio site? A nono or a useful tool to utilize? Thanks for the awesome content!

[@prasadgujar2007]

Nice TIPS! Brad, i want to show demo website like themeforest. How to create responsive top nav where they switch betweens different media size?? If you create small tutorial on that, it would be helpful. Thanks for your support.

[@jggabayno]

you're my good mentor brad!

[@fayaznasrati8562]

happy to see you for very first time ;)

[@jeffreyhicks6380]

I don't know why I haven't subbed sooner. Your videos are the realest! None of that biased ukelele smiley bs.

[@boqnbalev2848]

You the GOAT,man!SALUTE

[@javascriptmastery]

Go Pats!! ❤️

[@chrismachabee3128]

Good advice, Thanks.

[@aliulanowar7802]

Sir Thanks a lot for providing us the best points which will help us to build our own portfolio with world class cretria.

[@hometeam2526]

Great video! Thanks

[@Super_Cool_Guy]

*There are some professional free hosting out there ....freedom. .is a really good one*

[@gogogogogogogogogogog9]

4:11 is the best advice

[@prakad97]

Portfolio video as requested..!! Don't know if you saw mine..though thanks for the great video..!!🔥🔥✌️✌️

[@d-princecoder4031]

This is awesome thanks so much

[@eligorniak9699]

Thanks Brad again!

[@VeeWebCode]

Nice, Love you brad.

[@THEJEDI7747]

I just graduated with an associate degree in computer science, and I'm in the middle of creating my website now (and looking for work). However, I really haven't started a project of my own to add to my website/GitHub. I was wondering if I could use assignments from school, or could I just host my site without projects? Thanks a bunch!

[@pranansubba9587]

Very helpful... Thanx..

[@ntnvlgsvlgs7787]

Hey there, not sure if you have any video on how to deal with any questions in the interview related to not having a degree in software dev. Or computer science. What would be your advice on that scenario?

[@Loppy2345]

Awesome tips!

[@treezc8136]

Very useful information!!! Thanks alot!! :DD!!!!!!!!!!!

[@mhasancoder]

ধন্যবাদ ব্রাড, সুন্দর টিপস দেওয়ার জন্য :)

[@samsulrohman3547]

Nice video,thanks

[@kartiksubramaniam9437]

Yeah! Nice tutorial. I wear the same cap. Big time Patriots fan! Hope just like we won MLB.. We bring the Lombardi home. Go pats!!

[@RobsonLuizRL]

Very good!! I would like make a suggestion to you to make a course of programming logic! it would be a very good!

[@farhanawan9956]

Thank you so much

[@orcunsarmis2959]

Hi, thanks for the video. I try to build my own portfolio but what are your suggestion about hosting and a custom domain name for my website? I am not sure how to host after I build the web page, especially for a React project. Thanks

[@mitjed]

Hi Brad, I just noticed that you always use custom forms in react, is there a reason why you don't use Formik?

[@eugenemusebe4963]

You are amazing Brad