Видео

can I directly return `Hello ${name}` in utils.js

Javascript is really confusing for those starting to learn programming! I have been using freecodecamp and your videos have helped me solve a lot of challenges with a better understanding. keep posting new videos and exercises we need you!!

unrelated but can you drop eyelash routine :)

I have used this in ex-3 for finding max value console.log(houseForSale.get('offers').reduce((a,b) => Math.max(a,b),0))

👍👌👏

3rd exercise took me 3hrs to figure out!! OfCourse took a lot of breaks in between. Thanks Nader, you are an awesome teacher.

Need clarification on when exactly rerendering is triggered? Is it immediately triggered on encountering setState function? From what I see, it doesn't seem to be the case?

for exercise 3 i did this const backpack = new Map() backpack.set(1, {name:'Sword', value:300}) backpack.set(2, {name:'Banana',value: 5}) backpack.set(3, {name:'Gold nugget' ,value: 10000}) backpack.set(4, {name:'Pants', value:100}) let totalItem =parseInt(0) for (const [maps,value] of backpack) { console.log(`${[value.name]}: ${value.value}`); totalItem += +[value.value] } console.log(totalItem); correct me if I am wrong

for exercise 3: we can also write like this const points = [3,4,1,0,1,5,6]; for (const point of points) { switch (true) { case point <= 2: console.log('Good try'); break; case point <= 5 : console.log('Very well done'); break; default: console.log('Shooting for the moon'); break; } } correct me if I am wrong

Important question: why're you doing: return <> {peopleCards} </>, instead of just: return peopleCards?

Don't quit man. You are providing many great tutorials that helped beginners at least get familiar with the concepts.

super useful stuff!!!

I have used npm commands many time before but wasn't really clear about the internals of this. Thanks to your clear and detailed explanation , I now have a much deeper understanding.

Hey, Nader! Been trying to join the discord server for a while now but haven’t been managing to :( It keeps coming up with invite invalid. Anyways, thank you so much for your videos, Nader! They help so much, highly appreciate your efforts thank you thank you thank you! Literally can’t thank you enough!

random question maybe I skipped pass this, but for exercise 2, isn't it better to use \w+ instead of * ? Knowing an email always needs atleast ONE or MORE chars before & after the @?

Brilliant playlist! How soon will you be uploading content on web components?

ขอขอบคุณ

I love your teaching style! I have a question though. Why did you choose to teach back-end with Deno instead of Node? Isn't Node more more widely used and better for job seekers?

Hi. Thanks for the great help! Here is my solution. let i = 0; while (i < 100) { i += 10; if (i === 50) { console.log(`Half way there`); continue; } if (i % 2 === 0) { console.log(`Checkpoint! ${i}`); continue; } if (i === 100) { console.log(`You made it!`); } } console.log(`All done!`); ONCE AGAIN, THANK YOU :)

const backpack = new Map(); backpack.set(1, { name: "Sword", value: 300 }); backpack.set(2, { name: "Banna", value: 5 }); backpack.set(3, { name: "Gold Nugget", value: 10000 }); backpack.set(4, { name: "Pants", value: 100 }); let totalValue = 0; for (const item of backpack) { console.log(`${item[1].name} : $${item[1].value}`); totalValue += item[1].value; } console.log(`Total : $${totalValue}`);

Good video and great job. Super impressive for only having coded for a couple years

My solution! import { useState, useRef, useEffect } from "react"; function GuessNum() { const randomNum = Math.floor(Math.random() * 10); const hiddenNum = useRef(randomNum); const domRef = useRef(null); const [results, setResults] = useState(''); function checkNum() { if (Number(domRef.current.value) === hiddenNum.current) { setResults("You win, you guessed the correct number!"); console.log(results); } else { setResults("You did not guess the correct number!"); console.log(results) } } return ( <> <h1>Guess a number between 1 and 10</h1> <p>{results}</p> <input ref={domRef} type="number" /> <button onClick={checkNum}>Guess!</button> </> ) } export default GuessNum;

It took me 2 days to finish the the game and another 2 days to stretched it out. The code look little bite of a mess but it works good thank you so much you give me so much confidence after I lost hop of my self . thank you again Nader 🐵

is this the last video ?

Hi Nader! I just wanted to say thank you so much for everything you do and the effort you put into these videos, I am so sad that you don't get the recognition you very much deserve. These videos are God's sent for us trying to get into programming. I'm a teen who's currently getting into tech to maybe one day know enough to leverage what I know in order to help my single mom with finances, and these videos were the only ones that made me learn consistently and efficiently. I never ever write comments but I just thought that you deserved to know how appreciated you are and how much people you help. Again, thanks a lot, Nader. Lots of love from the Philippines! 💖

As always, you are a great teacher! Thank you so much!

Completed Watching, nice explanation.

Great communicator!

Amazing Explanation thanks Nader.

Completed watching Introduction to React.

Want for each exercise

Woww perfect exercises for beginner 🔥🔥🔥 want more exercise sessions please

Much more love and I really like the way you delivered the lessons! Kudos Nader! You are making web development very easy to learn.

Thank you, very easy explanation. I used Array.reduce for the summation. Promise.all([promise1, promise2]).then((values) => { return values.reduce(reduceFunction); }); function reduceFunction(prev, curr) { console.log(prev + curr); }

Make more please

Cool

As always Cool 💛💛💛💛💚💚

So Cool. Amazing

ขอขอบคุณ

Amazing : UR Explanations are really pleasant and complete.💛💛💚💚💚💚

please answer me why create constructor when you can pass the parameter directly . something like that class EnemyFcatory { generatFlayingEnemy(name) { class fly { fly(){console.log(`${name} can fly`);} } return new fly } } it gave the same result

great explanation

Really well done. Thank you!

why does he care so much about "edge cases" its a very simple problem that you just do? right?

Hey Nader! very informative and clear video, thanks! I only have one question - you only talked about "const" variables. Do "var" and "let" acts the same?

watching your playlist. Better than Udemy BS courses.

Very good tutorial. Thank you!

1) Incase of filter - we have to explicitly return true or false in required cases. 2) we are not manipulating the elements of an array (as in case of array.map), we are trying to get rid off certain elements of an array.

Great video and excercises ! Thanks !!!

could someone explain this code: const row = [10, 20, 30, 40, 50]; const newArr = []; const matrix = row.map( x => { newArr.push(x); return newArr; // return [x]; }); console.log("row", row); console.log("matrix", matrix); output: row [ 10, 20, 30, 40, 50 ] matrix [ [ 10, 20, 30, 40, 50 ], [ 10, 20, 30, 40, 50 ], [ 10, 20, 30, 40, 50 ], [ 10, 20, 30, 40, 50 ], [ 10, 20, 30, 40, 50 ] ] hey this is what i have understood: first element of row is pushed into newArr at first iteration & newArr becomes [10] second element of row is pushed into newArr at second iteration & newArr becomes [10,20] third element of row is pushed into newArr at third iteration & newArr becomes [10,20,30] .... this will be done for every element of row. finally the newArr becomes [10,20,30,40,50]. As we are returning newArr at every iteration , the map will return the finally updated newArr [10,20,30,40,50] for every iteration. So the map will complete each and every iteration to update the result and return the updated result accordingly.