Junior Web Developer Portfolio Review || He Became A Web Developer After 5 Months!

hey so this week one of my longtime subscribers simone got his very first job in web development after just learning for five months simone didn't have any experience in web development he had an unrelated degree and he actually managed to get a job paying in the mid 20 thousands with private health at a good company called musician who you may have heard of if you play guitar so what i wanted to do this week is take you through why i think simone's portfolio was so successful for him and it's a really interesting one because he's got react and gatsby in there and some nice complicated stuff but you can see how he's done it step by step and i've actually been able to find either the exact tutorial simone's used for his portfolio project or a collection of tutorials that will bring you in the same direction so i think it could be a really helpful one for people who are deciding what's going into their portfolio right now because there are some seriously high value projects in there they're actually relatively easy to implement anyway if you like the idea of this video please do give it a like and subscribe to the channel because i'll be doing more like it in the future and if you have a story that's similar to simone's maybe you just got your first job in web development get in touch i'd really love to hear from you all the links are in the description to get in touch with me or just leave it in the comment section down below and i'll get back to you all right here is guys here's simone's portfolio and look at this thing it's such a beautiful clean implementation just looks really nice and that's really honestly the first thing you guys should be thinking about when you're building your portfolio it absolutely has to look good and my advice for that is to utilize a framework or utilize a theme and we're going to see that simone has done both of those things throughout the course of his projects in this portfolio you have to think about who this isn't going in front of first guys and it's always going to be going in front of recruiters and hr first and if you can make it past that hurdle then you have a much better chance of actually landing a job it's no good having like full stack node apps and having them look bad because a recruiter just doesn't know that you're building full stack node apps he just sees a website that looks bad but anyway let's take a look at simone's first project because it's actually really awesome it's this educated football project here basically what it is is it's a gatsby website and it's got a netlife cms behind it and this is such a high value project this is actually one of the projects that got me hired in my second job i had a gatsby project that was driven by a cms and it was one of the things that my employer picked up on and said was a really high value good project to have in the portfolio that might sound like it's kind of out of reach for you if you're just learning html css and javascript but i'd like to reassure you that gatsby first off is much easier than react it's a really nice entry point to react because it makes a lot of the hard parts of react easier and it also is close enough to react that your knowledge will be totally transferable and also you can just learn how to do this straight off this free andrew mead course right here gatsby js the great gatsby bootcamp this is the course that i did in order to build my portfolio and it basically just teaches you how to make a blog website that's driven by a cms andrew goes with a contentful cms with graphql and simona is going with a netlife cms but the result is pretty much the same we both of them will produce nice clean looking websites like this that are driven by a cms now this is such a good project because the initial impression that a recruiter is going to get is that this is a really nice website and then for that second bar when you're talking about developers all of a sudden they're going to read these posts here and they're going to realize this is a new post to verify if posts on the home days are updated when a new post is published they're going to read that little bit of copy and be like ah awesome he's used the cms to produce this and they're going to see that visually before they go ahead and look at his code which i think is super important when you're implementing a complex feature in your code you want to make sure people looking at it see and understand immediately and don't have to dig in the code to see what it is you've done if you just tell them that you are controlling this by cms right here on the front page it's much easier than them looking at the code and trying to work out that you're controlling it by a netlife cms that they might not be familiar with so yeah really excellent idea here just to emphasize what the is this website does okay let's go ahead and take a look at simone's second project here this github job finder just as a quick aside though one of the things i really really like about this portfolio is this hover effect here where it tells you what is actually going on in the project you're about to hear this is such a good idea especially seeing as simone's implementing stuff that's actually relatively complicated he's just letting the developer look at this know all the good things he's done in this project before they have to dive into the code and find out themselves such a good way to present your project you have to remember that the developer looking at this is going to be really time poor and they're going to have to look at a lot of these portfolios so if you can make their job as easy as possible to work out what it is you're doing in terms of technology and like what what tooling you were using to implement projects then that's such a good idea make it as low effort as possible for someone coming in to read your code and understand what it is you're doing anyway let's bounce over to this website and immediately we can see that simone is utilizing a framework he's using react bootstrap in order to get this lovely beautiful clean looking ui ux that everybody is going to understand and nobody is going to land on this website and think it looks bad frameworks and themes aren't cheating guys they're just a good solution for a time poor developer and as a one-man team building your portfolio app you are a time poor developer if you want to implement complex projects that use interesting technologies like gatsby and react and axios and maybe even know do you want to go a little bit full stack definitely definitely use a framework to ensure that that stuff looks good don't worry about looking like you're a fraud because you use the framework i'm not saying you shouldn't know how to write custom css i'm just saying that oftentimes in the workplace the solution is in fact a framework as well so having familiarity with them is not cheating it's just a good solution anyway this project is actually pretty complicated and you might be thinking if you're an html css and javascript developer who's just about to jump into react you might think that building this complicated project with api requests and axios and all this stuff is a hell of a lot of jargon and it's a load of stuff you don't know but i did some digging and i know for a fact that simone just went ahead and used this tutorial right here okay so we're on traversing media's channel and web dev simplify has done this tutorial on how to build a github job app with react hugs and i'm 99 sure this is exactly what simone has done and again this isn't cheating guys like all the stuff in this tutorial was really really useful in a real world job setting like using hooks is absolutely essential if you're going to be a react developer axios is an excellent library in order to fetch stuff from apis as long as simone knows what it is he's doing in this tutorial and he's actually learned how to use those skills no one's going to frown on him for just using a tutorial i think it's a really good solution all right let's take a look at that last project happy fingers just here and this one is a really interesting implementation guys it's actually a gatsby theme that he's used here called rocket seat this one's actually a theme for building documentation super interesting implementation but basically what he's done is he's utilized the gatsby library he's downloaded a theme and then he's customized a little bit in order to produce this excellent custom website just here you'd never guess this was a theme you'd never guess that this was supposed to be a documentation theme at all it's got a really nice clean beautiful design with all these nice little logos here and again i want to i want to stress this over and over again with this portfolio because there's actually some complicated stuff in here but it's not inaccessible at all so you see this page just here this welcome page what i did was i went over to simone's github and i actually found the markdown he's serving in order to populate this page and you can see this is the code that actually populates that page and it's just plain text with some emojis and some html tags here and that with the power of this theme he's using renders this beautiful copy onto his website just here really smart solution for building something that's modern and nice looking and has like multiple pages and doing it with minimal ether and modern tooling excellent solution again and that's really it for simone's portfolio guys to wrap up this one was a little bit more complicated than last week but i still think it's super accessible for someone who's just gone who's just finished html css and javascript and wants to branch into react he's using really up-to-date really clever tooling typically from gatsby which honestly i can't recommend enough if you're just about to go learn react go ahead and pick up gatsby it's such a great entry point to react and it gives you all these awesome tools like this rocket theme that helps you build docs that we just store and it also allows you to build static websites like this one that are driven by cms's really quickly and really easily once again absolutely excellent portfolio guys thank you simone for sending it in best of luck in your new job mate honestly i wish you all the best of luck and if you guys enjoyed the video leave it a like leave a comment and i will see you next week

Channel: Code Creative

Views: 6,703

Rating: 4.9629631 out of 5

Keywords: junior developer portfolio review, junior developer portfolio, developer portfolio, portfolio web developer, junior web developer portfolio Review, job ready protfolio, how I became a web developer after 6 months, how I became a web developer after 5 months

Id: CEQiw4WRyIg

Length: 9min 23sec (563 seconds)

Published: Sun Nov 01 2020