Practice & Assessment
Test your understanding of Portfolio Strategy and Planning
Multiple Choice Questions
6Which of the following is the most important criterion for including a project in your developer portfolio?
What is the correct order for setting up a portfolio project?
Which personal brand statement is most effective for a developer portfolio?
Why should progress bars be avoided in the Skills section of a portfolio?
What does the viewport meta tag in index.html control?
How many projects is the recommended minimum for a portfolio that aims to get developer interviews?
Coding Challenges
1Build a Portfolio Wireframe in HTML Skeleton
Create an index.html file with the correct DOCTYPE, viewport meta tag, and five empty semantic sections: header (with nav), hero, projects, skills, and contact. Each section must have an id attribute matching its name in kebab-case. Link a blank style.css and main.js. Initialize a Git repo and make an initial commit. Input: none. Output: a valid HTML file with correct structure, linked assets, and an initial Git commit visible via 'git log'. Estimated time: 15–20 minutes.
Mini Project
Portfolio Blueprint Document
Produce a written portfolio plan as a markdown file (PORTFOLIO_PLAN.md) inside your initialized Git repo. The file must include: (1) your personal brand statement using the role + audience + outcome formula, (2) a list of 2–3 projects you will feature with one sentence each on what problem they solve and a link to their live deployment, (3) an ASCII wireframe of your portfolio layout showing all five sections, and (4) the tech stack you will use to build the portfolio and why. Commit the file with a meaningful commit message.