Learn Introductory JavaScript by Building a Pyramid Generator: Step 1-109 | Time Stamped | (Beta)

Step 1 01:30 | Step 2 02:55 | Step 3 03:45 | Step 4 04:25 | Step 5 05:43 | Step 6 07:42 | Step 7 09:06 | Step 8 09:39 | Step 9 10:19 | Step 10 11:17

Step 11 13:04 | Step 12 13:33 | Step 13 14:07 | Step 14 14:32 | Step 15 15:28 | Step 16 16:43 | Step 17 17:54 | Step 18 19:44 | Step 19 21:41 | Step 20 24:01

Step 21 24:38 | Step 22 28:24 | Step 23 30:18 | Step 24 31:50 | Step 25 33:47 | Step 26 37:17 | Step 27 38:23 | Step 28 38:52 | Step 29 40:42 | Step 30 42:26

Step 31 44:10 | Step 32 46:06 | Step 33 47:04 | Step 34 48:09 | Step 35 48:53 | Step 36 49:28 | Step 37 50:50 | Step 38 56:07 | Step 39 57:50 | Step 40 58:27

Step 41 01:01:09 | Step 42 01:02:55 | Step 43 01:04:50 | Step 44 01:05:40 | Step 45 01:06:38 | Step 46 01:07:15 | Step 47 01:08:44 | Step 48 01:10:28 | Step 49 01:11:13 | Step 50 01:13:05

Step 51 01:15:25 | Step 52 01:16:56 | Step 53 01:17:43 | Step 54 01:18:45 | Step 55 01:19:13 | Step 56 01:19:45 | Step 57 01:20:04 | Step 58 01:20:46 | Step 59 01:22:20 | Step 60 01:24:53

Step 61 01:26:29 | Step 62 01:27:45 | Step 63 01:29:56 | Step 64 01:31:14 | Step 65 01:32:27 | Step 66 01:33:11 | Step 67 01:33:40 | Step 68 01:34:06 | Step 69 01:35:08 | Step 70 01:36:00

Step 71 01:36:44 | Step 72 01:37:57 | Step 73 01:38:21 | Step 74 01:38:56 | Step 75 01:39:59 | Step 76 01:40:45 | Step 77 01:41:33 | Step 78 01:42:14 | Step 79 01:42:58 | Step 80 01:44:30

Step 81 01:45:14 | Step 82 01:46:04 | Step 83 01:47:27 | Step 84 01:47:54 | Step 85 01:48:31 | Step 86 01:49:39 | Step 87 01:50:17 | Step 88 01:52:24 | Step 89 01:52:52 | Step 90 01:53:38

Step 91 01:54:32 | Step 92 01:55:03 | Step 93 01:55:48 | Step 94 01:56:57 | Step 95 01:57:31 | Step 96 01:57:53 | Step 97 01:58:28 | Step 98 01:59:25 | Step 99 02:00:45 | Step 100 02:02:26

Step 101 02:02:52 | Step 102 02:03:31 | Step 103 02:04:06 | Step 104 02:04:48 | Step 105 02:05:18 | Step 106 02:05:41 | Step 107 02:06:27 | Step 108 02:06:56 | Step 109 02:07:30

🌟 "Build a Pyramid Generator: Master JavaScript Fundamentals" 🌟

🔍 Dive into the world of JavaScript with our exciting project-based tutorial where you'll create your very own Pyramid Generator! JavaScript is a pivotal scripting language that powers the interactive elements of the web. It’s one of the core technologies alongside HTML and CSS, supported across all modern browsers.

In this engaging tutorial, you will learn fundamental programming concepts using JavaScript by building a Pyramid Generator from scratch. This hands-on project is designed to teach you the intricacies of JavaScript through practical application. You’ll gain proficiency in working with arrays, strings, functions, loops, and if/else statements—core components that form the backbone of any robust JavaScript program.

📊 Essential JavaScript Skills:

Through this tutorial, you will master how to manipulate data structures like arrays and strings, control program flow with loops and conditional statements, and structure your code with functions. These skills are essential for any aspiring web developer and will serve as building blocks for future programming tasks.

🌍 Share Your Creation:

After completing your Pyramid Generator, share it with our community of developers and enthusiasts. Engage with peers to exchange tips, seek feedback, and discuss your learning experience. Subscribing to our channel provides access to more tutorials that blend technical skills with creative projects.

📈 Boost Your Web Development Journey:

Completing this project not only marks a milestone in your journey as a web developer but also enhances your resume and portfolio with a practical, demonstrable skill. It showcases your ability to apply JavaScript effectively, opening doors to more complex projects and career opportunities.

Celebrate your accomplishment upon finishing the Pyramid Generator, and look forward to tackling more challenging projects that continue to build your skills and confidence in web development.

#freecodecamp #javascriptfundamentals #PyramidGenerator #WebDevelopment #LearnToCode #InteractiveLearning #DeveloperCommunity 🌟🔍📌✏️📘🌍📈

📚 Further expand your web development knowledge:

💬 Connect with us:

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

[GifftiiZither]

good day, your lessons are very much appreciated. I am however having an issue with my steps, as the keep extending the number of steps I should be doing. at first it was 109steps, and it has now been extended to 118. i think part of my reason why I'm still stuck on step 54 and 24, 25 has somehow opened gaps. when i check your steps, they make sense, however, i have lost track and i do not see the extra ones that you have. please assist me
thank you

[MrsT]

I'm glad you created a longer video with time markers as opposed to your previous short ones! Makes it nice and easy to follow. Thank you!

[SeanTolan_illuminated_imaging]

I got through this entire lesson without a single video assist...THAT is BECAUSE OF your great instruction and explanations on previous videos. You even gave me a couple suggestions on review with your feedback. Then I saw how we look things up on concepts sometimes so we better understand what we are trying to do. Was able to finish the Music Player as well without any more video assist, but guarantee I will be checking in at some point on future lessons. Thank you CodeManS for helping me so much...more will be revealed!!!

[CarlosCampos-uhof]

Hey My dude! I appreciate the hard work you've done with these videos, but i do want to say they updated this course recently, while the first half of the course is the same, the second half is pretty different, regardless, thank you for all that you do!

[stinet]

Ty, I have been fighting with a few of these steps since this came out and I always seem to just be making it harder than it really is.

[Zyx]

Thank you a got stuck with the step 40 and this helps me a lot

[roberttamez]

Are you by chance going to add those added steps? I normally come to your videos but only when I'm stuck and I'm stuck on 55... by the way I really appreciate all you do!! You are a GREAT help!!

[RishabhRajput-wsrw]

Thank you I was sometimes stuck on this topic this video helped a lot

[crystalthompson]

56:07 step 38, which with the updated fCC is now step 43, for whatever reason, it will not accept this code. Original being result = result + "\n" + row. It's now result = result + row + "\n"
The example is still the same, and I'm struggling to understand why this works.

[sopogurgenidze]

LOOKS GOOD AND SUBMIT Tysm for your positive energy

[vintagenapkin]

Step 24

In the last few steps, you learned all about working with arrays. Take a moment to review what you have learned.

Start by declaring a cities variable and initializing it as an array of the strings "London", "New York", and "Mumbai". Then log that variable to the console.

After logging, change the last element of cities to the string "Mexico City", then log the cities variable again.

When done correctly, you should see this output in the console. < thats what I have for step 24. I made a array let cities putting all four then did array[array.length - 1] and logged it and it doesn't pass. Please help if you can!

[KilianMartinArmas]

Hi there, nice video, very helpful but I have one question, in the step 87, why a +1 is required? I mean, why do you add it? is it because rows.length is empty on the first iteration?

Thanks!

[KilianMartinArmas]

Hi there, nice vid, veery helpful, is there one thing that I am not understanding on the step 87, why a +1 is required? why do you add +1? is because the rows.length is empty on the first iteration?
Thanks.

[BobBondi]

Can we add a comment that says: WTF! The lessons have changed again. I don't have the math lesson using the ..#.. etc. for the 3 row example. The error feedback is useless. I keep trying hoping there is something that will make sense. My 25 minutes are done, so break time. On the other hand I appreciate your efforts to help us. oh. it is 06/16/2024 so Happy Father day!

[angelhal]

On step 10 im doing exactly as it says in the video an it keeps saying code does not pass.. why?

[rahimibadov]

Aaaaoolll rriGHT yes--heplful..Thank you sir

[DurrrpAngelJessie]

I seem to get that lag too... either that or it just stops working entirely. I think they need to work them bugs out.

[Stealthypanda]

Step 12 is different now and it seems that it may be broken..
Step 12
Before moving forward, you should take a moment to review the concepts you have learned.

Use the let keyword to declare a profession variable and an age variable. Initialize profession with the string "teacher", but do not initialize age with any value.

Log both of your variables to the console to see the results.

My code: let profession = "teacher";
let age = ;
log.console(profession);
log.console(age);

Code doesn't pass: You should assign the string "teacher" to the profession variable.

Am I missing something?

[Sgtriley]

hi im plz requesting if u could please make an updated version of this since fcc changed evrything im finding it hard and ur the one who helped me alot with the responsive web dev.... so im kindly asking for u to make an updated one please

[Li-Wa]

They changed a few things sadly Im stuck on step 89 the updated one if anyone knows