No Idea How to Begin Portfolio

Was able to finish the Tribute page with extensive googling on virtually every step. While difficult, it was easy to tell where what we learned applied to the tribute page.

I am just now starting on the Portfolio page the example looks like night and day from anything I recall learning in HTML/CSS Bootstrap or jQuery… I don’t even know where to begin building. I have spent 3 hours googling and searching reddit/forums before creating this thread.

Isn’t the example portfolio page using a ton of Javascript (we haven’t learned yet)? Quincy says he is using bootstrap, but some of the functionality I see I don’t see in any of the lessons (checked the map several times).

Can anyone advise on how to begin or make anything remotely looking like the page using what we have learned?

Hi! The portfolio page example didn’t use any javascript, instead, he used bootstrap and I highly recommend you to use HTML/CSS/Bootstrap, or maybe some jQuery too. So start with navigation bar/button/background color/pictures, after you done all these, work on your content about yourself. Hopes this simple responese can help you!

Here’s my standard advice for this project:

I think one of the great lessons from the movie The Martian is that when you are confronted with a problem to large to comprehend, break it into smaller pieces and work those. If they’re still too unsurmountable, break it down further.

Let’s look through the user stories.

1) User Story: I can access all of the portfolio webpage’s content just by scrolling.

Great! Just one page! This should just be a simple page with different sections stacked one on top of each other, different sections like about, portfolio, and contact. Do you know how to create a page? And place items on it? Can you create different sections? Work on and test each problem individually. Don’t move on until you can do them all.

2) I can click different buttons that will take me to the portfolio creator’s different social media pages.

OK. Can you create a button? Can you link that button to a web site? Test it out and make sure you can. Don’t move on until you can.

3) I can see thumbnail images of different projects the portfolio creator has built (if you haven’t built any websites before, use placeholders.)

You can get dummy images that represent your fake pages. Can you show an image on your page? Can you arrange them in a grid? Don’t move on until you can.

4) I navigate to different sections of the webpage by clicking buttons in the navigation.

We already know how to create buttons. Do you know how to have them jump to different parts of the page?

My advice is to break things into small problems and test them. Don’t get too complicated too fast. Don’t make 10 changes at once until you’re a good enough coder to do that. Make one change and test. Make another change and test. Etc. And don’t get too complicated if you don’t need to.

Research those small problems and test them. Read-search-ask - it’s a great motto. If you get to the point where you are stumped, then ask the forum, but be specific. Don’t say “I’m stumped on this build.” Say, “I can’t figure out how to have a button link to a spot in the page.” Ask for small, specific problems and you’ll get better results. (And you could probably google that first and get 1000 results.)

Lastly, see what others have done. Yes, you can look at other people’s pages. Obviously try for yourself first, but if you’re stuck, see how someone else did it. As long as you understand what they did, you’re still learning.

Just keep it simple. You can go back and spruce it up later. This is what I did. I fully intend to go back and clean it up and improve it later, but it’s good enough for now.

You definitely don’t need JavaScript for this. If there is anything you don’t know how to do, google it. If you can’t get the answer you need, then come here and ask. My only thing I stress is be specific - say exactly what you are trying to do, show what you tried, and explain how it isn’t doing what you want. And have a clear title to the topic. If you do that, then you will get lots of great replies.

Don’t be shy. I guarantee you that there is no question that you can ask that dozens of others aren’t struggling with and that hundreds of us have struggled with before. This is a very friendly and supportive group - use it!


Thanks so much Kevin (got name from your page). Using the thought process you described I’m starting with the navigation bar.

Your site is simple but it takes care of all of the user stories it appears. I guess I just panicked when I saw the example portfolio link and video. “How can I do this?!” I know it’s something I will need to get down though to make this into a career.

Thanks again

Yeah, just keep it simple. Meet the user stories, make sure it works, and make it look half decent. That’s all you need. After you know more you can come back and make it amazing if you want, but for now, just just need to exercise some basic skills.