Capstone: Student Roster
Combine everything you've learned — strings, numbers, booleans, arrays, objects, loops, and template literals — to build a complete student roster system.
Step 1 of 5
Let's build a student roster!
You've learned all the fundamental data types and structures in JavaScript — strings for text, numbers for math, booleans for decisions, arrays for lists, and objects for labeled data. Now it's time to combine them into something real.
We'll build a student roster that stores student information as objects, keeps them in an array, loops through to display them, computes the class average grade, and finds the top scorer. This is exactly how real applications work — a contacts app, a grade book, a leaderboard — they all follow this same pattern of objects in arrays, processed with loops.
Think of it this way: Think of this like building a digital grade book. Each student is a card with their info (an object), all the cards go into a filing cabinet in order (an array), and you flip through them one by one (a loop) to calculate grades and find the best student.