25 Beginner JavaScript Challenges in 2 hours
Vložit
- čas přidán 31. 05. 2024
- This is part of my Frontend Web Development Course for Beginners. Learn the basics of HTML, CSS, and JavaScript to build a solid foundation for web development.
You can find resources and other information for this video at the Full Stack Foundations link below:
- Video Link: www.fullstackfoundations.com/...
- Course Home: www.fullstackfoundations.com/...
- Course Repo: github.com/zachgoll/fullstack...
-------------------------------------------------------------------------------------
Connect with me:
- Twitter: www.x.com/zg_dev
- Full Stack Foundations: www.fullstackfoundations.com
-------------------------------------------------------------------------------------
Timestamps:
0:00 Intro
1:43 Overview of Code Wars
4:45 Challenge #1 - Multiply
9:35 Challenge #2 - Get planet ID
13:43 Challenge #3 - Reversed Strings
21:54 Challenge #4 - Even or Odd
26:56 Challenge #5 - Counting Sheep
27:06 Challenge #6 - Vowel Count
36:30 Challenge #7 - Secret Message
40:21 Challenge #8 - Divisible by x & y?
45:55 Challenge #9 - Return negative
49:00 Challenge #10 - Smallest integer in array
58:16 Challenge #11 - Summation
1:03:44 Challenge #12 - Avg of Array
1:10:56 Challenge #13 - Rock paper scissors
1:19:05 Challenge #14 - Remove characters
1:25:39 Challenge #15 - Sum of positive
1:27:35 Challenge #16 - Math operations
1:33:04 Challenge #17 - String repeat
1:36:43 Challenge #18 - String to array
1:38:12 Challenge #19 - Remove spaces
1:42:54 Challenge #20 - Lost without a map
1:46:43 Challenge #21 - Hero vs dragons
1:49:17 Challenge #22 - Array addition
1:53:16 Challenge #23 - Century from year
2:03:02 Challenge #24 - Cat and Dog years
2:07:41 Challenge #25 - Total points - Věda a technologie
1:46:34 actually thank you for making this video, studying is much more fun when youre doing it along with someone. Would really appreciate another more advanced one, I've learned tons with it!
I solved 20 out of 25 questions, some I solved on my own and some needed helped with it but thanks to that I learned so much on the process of it.
My first programming language is actually C++ for my university, I only learned the syntax and I couldn't solve problems without watching a video about it but now I can now solved a few beginner questions on my own, so the best advice here is don't be afraid on asking questions and you can always google if you are stuck with a problem.
I was struggling to use javascript when it comes to solve problems, I followed a lot of tutorials and none of them helped me increase my ability to js, however, after watching this video, and solving the problems on codewars, I've started to get the hang of it and learnt soo much more than any other previous javascript tutorial. I love the way you went through each problem and explained and outlined the strategies needed to solve each of them, I really appreciate what you did, thanks!
I was having the same exact problem
I would see a question in english and I just could not convert it to code even though i KNEW EVERYTHING.
I just needed that last push by understanding as to what is required and the rest just builds off of each other.
Thanks for this Zach! I just got to the part where you thank the people who are still watching. Well, I haven't done it all in one sitting, but I will be watching the whole thing. It's been extremely helpful to me! I was really just stuck in the mud when I tried to start solving problems on CodeWars. This video got me past that hesitation, and now I feel much more confident to try and solve kata. Really appreciate you!
Very clear, to to point and the best tutorials ever on CZcams, cheers!
Solution for counting sheep:
function countSheeps(arrayOfSheep) {
let counter = 0
for(let i = 0; i < arrayOfSheep.length; i++){
if(arrayOfSheep[i]){
counter += 1
}
}
return counter
}
thank you. I set arrayOfSheep == 'true' in the if statement and your solution helped me.
Thank you so much for making this video! It's very descriptive and a great way to learn to code by following along. I appreciate your elaboration on the potential mistakes and tricky bits. Many thanks x
This was great. Really liked solving the problem first and then seeing your approach / thought process. Then looking at other peoples' solutions. Really shows how many different ways there are to solve the same problem.
Hey Zach! thanks so much for this great video! Your tutorials are super helpful, and I'm loving your #fullstackroadmap series. Keep up the awesome work!
Thanks for this, Zack. Really enjoyed the walk through and your thought process.
This problems to help beginners are so helpful. Previously i used to think code wars questions are a bit tough to understand, now you made it easy thanks.
Congrats for the effort mate! I got really tired myself too at the end, completely worth it though!
This is a great thing you did. I've been viewing a lot of tutorials over the last few years on Python, machine learning, HTML, but none of them have coding exercises like this. Brilliant!
hey Zach, thank you! Waiting for more videos like this from you. Do some intermediate challanges this time.
lol noped right out of counting sheet challenge. I've had a hard time finding this sort of teaching on CZcams. Thanks for making it.
This is the most beautiful thing I've ever seen under the sun.
Keep doing it buddy!
Explanations on point, I just destroyed the like button
21:06 Advices likes this are so valuable for beginners, thank you for that!
Thank you for your effort to make this video man! Awesome 🎉
Incredible incredible video. Wow! I could not have been more satisfied. Absolutely fantastic. Thanks
Thank you for making the video. Very helpful and detailed explaining! 😍
Amazing video. Worked with you through every challenge :)
Hello Zach,
I'm speechless you're a LEGEND!!! you deserve a subscribe and the biggest LIKE .... can't wait to see other katas videos!!! thank you again.
actually the way you do is amazing no one is gonna say we have a problem lets google it so THanks
Nice video. Needed something like this man. Keep it up
Hey!! Thank you so so much for this video! It helped me so much. I would love more videos like this!! Thanks again!
Hello, I just wanted to say thank you, great efforts you've put there.
Thank you brother! I learnt css from your videos and learning JavaScript now
KATA is Japanese for "the method"; or "the way of something" so The way of coding, or another translation the Coding method. Nice video btw found your video during a search for helping me with the solution for the chess problem on coding games. Watched your video to stimulate my problem-solving methods. Thank you!
can I thank you bro for these huge amount of information
you not only solving problems
you teach us to search
thank you so much
i really appreciate that ❤❤❤
33:37 time frame -> Thank you for doing in a very easy way....!!!!
thanks, the way you explain these makes a lot of sense
I like the way you explain these algorithms, do you have a video on Typescript code questions?
I have a coding interview due very soon, and your video has really helped me. I challenged myself by completing the challenges on my own before looking at your solution, and it really helped me. Even tho you might see yourself as a small youtuber, just know you've made a fellow human confident with coding challenges. So thank you
and that is how you give a back-handed compliment
Thank you so much for this video, it's helpful for a beginner like me.
Great video. Thank you for your effort .
Thank you bro, Today you opened my third eye 💙
Love from India 🇮🇳
Good job. Would be cool to have level 7 Kata challenges in a long video as well. I will search your channel for then now.
This is great information! I have an interview tomorrow and they said we were going to have these types of questions. I feel much more prepared, I just needed some confidence. Thank you Zach! Great video!
How was the interview? And were the question like this pr harder?
How'd it go? If you didn't get it just apply-apply-apply!!!
hey bro, you are really super cool. I was searching for js course and i watched 2 3 video not fully because i can't feel progress and i tried your which is in freecodecamp its a long video and i am still in 4hr 55min and it i feel now i have learned lots of thing in this 4:55 still long journey. Hope i can learn js at the end.
Thank you so much! You're a great teacher and this was so good and clear to understand.
Thank you!
one thing more I just like in your way of teaching to googling things. This is really a good practice to show people how to google..
Have to teach a man to fish, not hand him one! Glad you’re enjoying 😁
Very helpful. Thanks
maan you're the best. Thank you.
Love your videos man. Love from india🇮🇳🇮🇳
In the challenge "century from year", you could just deleted it or edited from the video, and it's great that you didn't. Instead, you went throught the "frustration process" in front of us, you must be humble to do that. Most of programmers (tutorials) are about this is done like that and like this almost from memorization or by copying what he had done before the tutorial. Thank you Zach! Do some intermediate challenges : )
I finished all 25 exercises. Thanks you! Im at 7 Kyu
Great videos sir
Nice one bro
my native lang. is not english but i understand every single problem you solved thank you Zach
excellent tutorial sir, if possible plz do js coding challenges part 2
Thank you bro 🤩
Thankyou Zach
thank you so much sir
thank you 🌻
thank you for doing this
Thank you
hi thanks for this video can you tell me your keyboard name and brand?
entirely skipped counting sheep exercise @26:56 . I know you forgot to press try again....just thought I'd mention.
Nice video
Duuuude. I was stuck on the vowel problem for the longest time. I had it EXACTLY like Zach! Or so I thought. I had semicolons next to the vowels instead of regular colons...
I don't want to copy directly your code from watching this video, that is why I will just study it real hard and learn how you solve this, then I'll let myself do the work.
Watch, Study & Learn, then when I'm in the CodeWars, I will solve this without a tutorial.
The countign sheep challenge was skipped on your vid
This would be helpful/good for me to know even if I'm trying to be a frontend dev right? thanks.
Absolutely! This is all required material for front-end devs
What a Legend
Thank u so much i passed my interview
Awesome!!
number n is divisible by x and y if n % x ===0 and n%y === 0. I think it is enough to check. Your solution is a bit confusing to me.
#22 addtion => for this question flat would be the best solution
Are those also questions that can be asked in coding interviews? Wanted to know since I got some of them coming
I’d say these are slightly easier than most coding interview questions, but the format is very similar to what you’ll see!
Great video. Thanks!
Kata means exercise in japanese. It`s used mostly in japanese martial arts.
Counting Sheep video was cut off, skipped to vowel count
👍👍
1:53:01 I don't like this solution because the assumption is that arrays must have the same lenght, which is okay in the current scenario but definitely not scalable otherwise
Great point! Agree, there are definitely more defensive ways to solve that one.
I cannot get into the "codewars" challenges at all, I don't get the screen you are showing on your computer. When I click on the train now I get the message "Which Kata do you want to train out", I don't know. I tried both selections and I still didn't get to it. So can someone please tell me what I am doing wrong? Please! I want to keep going with the course, but, I have had a number of questions posted on the fullstack course video that weren't answered and now this. Or, could someone tell me a course like this that has everything worked out properly, that I can do I know a little about a lot, I can code in C++, Java and have done JavaScript a long time ago, but, I what to know about modern web development. If anyone can recommend a course here is a big thankyou in advance.
Finally got codewars working - did all the challenges failed on with an error I couldn't solve - although I got the "right" answers on local webpage I set up and ran the code through so I didn't need to use the inspector. None of my "answers" were clever though all the problem no matter how complex could be solved with 1 line of code - they are just a lot more brilliant than me! Felt good though to have a working answer on a local webpage though.
21:04 lol imagine actually screaming at the screen "cheater cheater cheater!!"
"You are not allowed to use resources to solve problems!" haha
@@zachgoll Using a computer is cheating to some people. You have to do it stone age style lol
For #14, why is it str.length - 2 to remove the last character from string?
Love your videos!
26:58 what happened to the counting sheep challenge?
I totally missed it I think
Hey Zach, any reason you skipped number 5?
Probably just missed it while filming! Hard to keep track of 25 problems while solving and filming at the same time 😁
function countSheeps(arrayOfSheep) {
// TODO May the force be with you
let count = 0
for (i=0;i
@@harikrishnana3743 better with the reduce method I think.
Cat dog years, made two variables, two if statements for first two years and a loop for the rest of the years, eazee peazee
I also don't know what KATA means, if that makes you feel better :))
I'd like to show my appreciation if you add a link to your tip jar. :-D
36:30 i need to take a little break here an then continues on 36:37 haha
Anyone here from La Fosse Academy?
You skipped the count sheep question 😢
I got so tired counting all the sheep that I forgot to film the challenge 🐑😣
🤣...it's okay I figured it out fam love your the vidz btw
Kata is a Japanese word (型 or 形) meaning "form". It refers to a detailed choreographed pattern of martial arts movements made to be practised alone. It can also be reviewed within groups and in unison when training. ... Kata are used by most Japanese and Okinawan martial arts, such as iaido, judo, kendo, kenpo, and karate. en.wikipedia.org/wiki/Kata
Nice, learned something new today!
@@zachgoll u welcome bro , I'm new to web development but i search for everything bro :-)
Str.trim().split(" ").join("")