Review JavaScript Fundamentals by Building a Gradebook App: Step 1-4 | FreeCodeCamp | (Beta)

Step 1 00:45 | Step 2 03:25 | Step 3 06:50 | Step 4 08:25

🌟 "Reinforce Your JavaScript Skills: Create a Gradebook App" 🌟

🔍 Embrace the challenge of reinforcing your JavaScript fundamentals through an engaging mini-project with FreeCodeCamp, where you will build your very own Gradebook App. This project is designed not just to refresh your knowledge of JavaScript basics such as functions, variables, and conditionals, but also to enhance your problem-solving skills and deepen your understanding of these core concepts.

In this Gradebook App project, you’ll apply essential JavaScript skills to develop an application that manages and calculates student grades. This practical application allows you to see immediate results from your code, making learning both fun and impactful.

📌 Applying JavaScript Fundamentals:

Dive deep into JavaScript fundamentals as you build a functional gradebook. You'll work with variables to store data, use functions to encapsulate tasks, and implement conditionals to make logical decisions within your app. Each feature of the app will give you hands-on experience with these foundational concepts, solidifying your understanding and proficiency.

📊 Solving Real Problems:

This project presents a series of small, manageable problems, such as calculating averages or determining grade scales, which are perfect for applying and reviewing your JavaScript skills. Solving these problems will boost your confidence in using JavaScript to address real-world tasks.

✏️ Engaging and Practical Learning Experience:

Building a Gradebook App provides a highly engaging way to review and apply your JavaScript knowledge. By the end of this project, you will have a functional application that not only demonstrates your coding skills but also serves as a practical tool for educational purposes.

📘 Step-by-Step Development Process:

Follow our detailed instructions to create your Gradebook App from scratch. Each step of the tutorial is designed to introduce a new aspect of JavaScript or to build upon previously learned skills, ensuring a comprehensive understanding of the project and language.

🌍 Share and Collaborate:

After completing your Gradebook App, share it with FreeCodeCamp's community of learners and developers. Engage with others to exchange ideas, receive feedback, and discuss your approaches to common programming challenges.

📈 Enhancing Your Programming Portfolio:

Completing this project not only refreshes your JavaScript fundamentals but also enriches your portfolio, showcasing your ongoing commitment to learning and your ability to apply basic programming principles effectively. It prepares you for tackling more complex projects and enhances your career prospects in software development.

Celebrate your success in building the Gradebook App and look forward to further strengthening your programming skills with more complex and challenging projects that continue to push your development capabilities.

#JavaScriptBasics #GradebookApp #BuildWithCode #LearnToProgram #FreeCodeCamp #WebDevelopment #CodingProjects #DeveloperCommunity 🌟🔍📌✏️📘🌍📈

📚 Further expand your web development knowledge:

💬 Connect with us:

I'm coming for those spots, T-Series / MrBeast.

[Karadonblack]

This whole thing stumped me so i am glad you had a video for it.

[its_trenner]

THANK YOU! I swear I can read instructions all day, but just listening to someone talk through it is so helpful.

[DANGERCLOSEMMA]

Thank you so much! I had all the seprrate parts down (after taking me literally an entire day to figure out just those lol) but i couldnt figure out how to put it all together! You made it seem so simple.

[Inderinder]

Why didn't the average change from 71.7, when you changed the number from 37 to 100? 14:46

[respecttheog]

To speak out loud you have really opened my mind in a way that i have never thought of. Thanks Again and do more like these ans teaching in details how the loops works and where and when do we need to use them.

[PrinceFritzFire]

Thank you so much for uploading this. I have been stuck on it but now your video helped complete. I really appreciate it. Thanks again!

[ScheerhornAA]

Changing up the scores!! The power of the programmer!!

[davidpinto]

Hi bro, new to coding here, i hope you can help me!
i did saw your solution to step 1, but i can't understand the logic on setting " i < scores.length" and dont understand what [i] stands for....
i really would like your help, as i dont want to go forward without understanding the logic behind all the code that i write..
thanks

[Fateh_Umer]

Thank you. i coudnt understand this but your video helped alot

[benturner]

In Step 4: How did you know to define the "passFail" variable?

Your channel is a great help to my learning success and I appreciate you producing these videos for reference. Thank you!

[MR.TimiWilson]

bro you are too energetic, love your vibe man

[Katara-jq]

I just start to learn JS. You helped me a lot. Thank you so much! I follow and just wrote what you wrote, I try to understand but I don't understand how it works. Do you have any tips for me to understand this? or other website where I can learn and understand JS?

[rmworld]

step 4 , Facing the error

Your function call of studentMsg([92, 88, 12, 77, 57, 100, 67, 38, 97, 89], 37) should return the following message: "Class average: 71.7. Your grade: F. You failed the course." why this error

[salvatoregallo]

the step 4 should looks like this : function studentMsg(totalScores, studentScore) {
if == true) {
return "Class average: " + getAverage(totalScores) + ". Your grade: " + getGrade(studentScore) + ". You passed the course.";
} else {
return("Class average: " + getAverage(totalScores) + ". Your grade: " + getGrade(studentScore) + ". You failed the course.");
}
}

[FranciscoJoseOrtegaDiaz]

A lot of thanks bro, you know I've had a lot of fun with HTML/CSS but now with JS, I feel like I can't learnt this thing, I've learnt some basic concepts but when it comes to code I don't know what to do, could you please tell me if this is normal and what could I do to learn faster?

[DANGERCLOSEMMA]

Also, i did seemingly exactly what you did and my answer is letter for letter the same as the required, but it is still saying my code is wrong. I did name my passFail variable a different name but that shouldn't matter, as it still represents the same thing. here's my code

function studentMsg(totalScores, studentScore) {
let passingGrade; " You passed the course. "}
else{passingGrade=" You failed the course. "};
return "Class average: " + getAverage(totalScores) +". Your grade: "+ getGrade(studentScore) +"."+passingGrade
}

[BENZONSKE]

New to coding, enjoyed HTML and CSS, but JavaScript thus far has been 100% SMH!

[ItsDave]

life saver i had some typos worked all night... stumbled on your video maaan ihv already subscribed

[klmbr]

Hi, in step 3. How does the machine knows that not F = true or false ?

[jowurani]

Thank you very much for this video, made it simple to understand the steps