In my previous article, I laid out the steps that I’ve been following to achieve my career goal of becoming a front-end web developer. So far I have learned some basic HTML and am capable of building a basic web page.
I put together these files so that I could start learning to use Git and Github. I followed a YouTube tutorial and was quickly able to get everything set up. I now have a repository where I’ll be adding updates to the code of my portfolio site. Here’s a link to my page on Github if you’d like to follow along with my progress.
With the files set up and my repository now on Github I can move on to the fun stuff which is designing my portfolio! I looked around on Reddit for some examples and saw some pretty cool portfolios that were made by other developers. Feeling inspired, I decided to create a flat image of how I wanted my portfolio to look before I dive into coding.
From working as a freelance graphic designer, I had a lot of experience using Adobe products such as Photoshop and Illustrator and could easily create a wireframe using one of these applications. However, I found this to be a great opportunity to teach myself how to use another industry standard called Sketch. As usual, when I want to learn something new, I turned to YouTube to and found this Sketch tutorial! Turns out it’s really not that complicating and in fact I appreciate the simplicity compared to programs I typically use.
With my tool of choice ready and some new knowledge, I put together how I wanted my portfolio to look!
I’m happy with how it turned out. It’s simple, but I feel like it’s a good representation of who I am. I tend to get to the point and tried to make my portfolio show that part of my character. I’m still experimenting with how I might lay out the links so the body text is subject to change. I’d love some feedback!
Well that’s the end of part 1 and I hope you enjoyed the read! Stay tuned to see how I take this flat file and make it into a fully functional masterpiece!
(Or at least I hope to do so.)