Great projects! Lеarning by practicing is so much better. Even if all you do is copying a few lines of code that you see in each lesson. Much more effective than just taking notes. I know this because I tried everything and the only way I could learn (and retain what I learned) was when I started doing that. Once a friend suggested me a few books with interactive content, that made me practice what I learned at each chapter. Edit: For those asking about the books I mentioned, these are the best ones: "Javascript In Less than 50 Pages" "Head First Javascript Programming" If you are into learning Python, "Smarter Way to Learn Python".
Was almost lost after learning programming concepts in Javascript, having no idea how to implement them in a project and this is exactly the kind of tutorial I needed. Thank you so much, man. Truly grateful.
I've been banging my head against the wall for days with similar projects and John types it out so casual in 20 minutes or less... Learning a lot here. Thank you!
Dear John, I can't express how much you are helping my learning journey. I was feeling so frustrated not being able to grasp JavaScript concepts. This video is just amazing and can't thank you enough for sharing it. Thank you for your time and generosity. Sharing such quality courses for free... Once I complete the 15 projects, I will definitely enroll in your REACT udemy course. Cheers.
this tutorial is 8hrs long but i've been on it for a week now and i will tell you one thing it is awesome and i'll recommend it to anyone who wants to get ahead with javascript, thanks for the great work. folks, recommend me great projects to take on, thanks.
You all probably dont care but does someone know a trick to get back into an Instagram account? I was stupid forgot my login password. I appreciate any help you can offer me!
@@jacksonyusuf733 yea, click the forgot password button when you try to login and it will send a link to the email that is connected to that Instagram. Then you will be able to reset your password
I have created Color Flipper, Counter, Navbar, Modal and Questions so far. I swear I didn't look at the code. I just clicked on the timestamp, looked at the project and made it my own. Thank you for inspiring. :)
I completely love Javascript, I tried learning it for continuous six months, I gave up and stopped for 2 weeks. And then suddenly I know most of the things I learned which I thought I don't remember. It's blessed Language!!
I want to say Thank you for these projects and your teaching. I am comfortable with HTML and CSS but have been struggling with JS. This course is exactly what someone like me needs. I will be repeating this course over and over again.
Really versatile lessons here. Thanks for the resource and high praise to John Smilga for the clear and concise, yet well-paced tutorials. 5-star rating!
I actually looked at these projects. No offense, no one should pay money to learn how to build these. They are dead simple that anyone can learn for FREE online.
no words can express how thankful i am but still, thank you! i just started self studying javascript 2 days ago with 0 knowledge and was just going through random projects i can find on youtube till i stumbled on this vid, quite easy to understand and i can feel the sincerity of your teaching, while i struggled at first i was getting a headache trying to code the js for color flipper myself before i refer to your code haha, but when i got to the 4th project i was already able to think ahead for myself and understood the structure(?) of the functions that you use and being able to do the js myself before referring to yours for corrections felt really nice again, thank you! *hugs* i hope i can keep on learning more
i stopped everything about hackings, awent to learn these programming laguaging, js,python and java. applying these project helped a lot. I was jobless for 6 months, I dedicated 3 months learning them, 8h/day diligently . thanks , without any effort got 2 remotes jobs as a cyber sec analyst. 5 figures monthly. i love you guys
What you've done for us here is incredible. You've made me more confident to try writing some javascript on my own and helped me progress so much. I'm only half way through the projects but already feel so much more capable in my coding practice. Thank you so much!!!
I just finished the 3rd project and I can't believe the amount of knowledge I am getting it's really ridiculous this is free,, and all for those who are watching this Be grateful for these guys , If you aren’t grateful this I donno what kind of person you're
This is really satisfying, I can see the progress as I go along with you. With the first 2 projects, I had to follow along with you step by step, then for the rest I basically did everything on my own without looking & compared my code to yours to learn from your solutions.
Did u watch what he has done or just went all in your own? (basically i watch what he does and then do it on my own i understand the logic behind it btw)
Exactly what I was looking for! Went through your lectures and then reviewed them on my own. It really helped A LOT to learn and practice many different type of web pages. You are an amazing teacher!! Appreciate your work♥️
This is exactly what I've been looking for as a follow up once completing the Responsive Web Design and Javascript Algorithms and Data Structures Certification on FCC. I wanted to start creating a few projects to get some repetition in, so i don't forget a lot of things I've learned. I'm not a very creative person so this is great! I'm working my way through the project list, I'll skip to the finished project, explore it's design and functionality, take a few notes then code everything from scratch. Not just the JS, but the HTML and CSS too. I'll come back once I'm satisfied and watch your video on the project and I've been learning a lot! Thanks so much guys. If I ever get a job from this, I'll make a donation :)
Great course. Very analytical in everything he does, which is perfect for beginners. I am halfway through the video and writing along. I've already learned tons of stuff.
Thank you man so much! Super useful projects. I did myself 13 out of 15 projects. However, after finishing each project, I watched your video to see and learn your way of doing the projects too.
They are really good projects, and what I like the most about this series is they are in a perfect order from basic to advanced I was able to create first 6 projects on my own without looking the tutorial, I even wrote the javascript by myselft too..and It felt really good after achieving the desired results.. really proud. but now I am on the questions webiste which is totally new for me so I have to watch the tutorial for this.. will update my comment after completing the series....🚀🚀🔥🔥
I want to share a small improvement for the 3rd challenge. On random button, if you select a random number between 0 and reviews.length you may notice sometimes this random number is the same as you got before, so for user it seems that button is not working, because the person doesn't changes. I've created an array to store values that are NOT the actual currentItem value: let arr = []; for (var i = 0; i < reviews.length ; i++) { if (i != currentItem) { arr.push(i); } } currentItem = arr[Math.floor(Math.random()*arr.length)];
I also ran into that issue with the random button. I went about it a little differently by setting a new variable of the current reviews index, comparing the current state with the randomly generated number and then regenerating a new random number if the two values were equal. // show random review randomBtn.addEventListener('click', function() { // creating new variable to store current review state before generating a random index let currentReviewState = currentReviewIndex; // generating random number based on length of reviews array currentReviewIndex = Math.floor(Math.random() * reviews.length); // comparing if the randomly generated number is equal to the previous review index. If the variables equal each other a new random number will be generated if (currentReviewState === currentReviewIndex) { console.log("there is a match between the currentReviewState, " + currentReviewState + " and the currentReviewIndex, " + currentReviewIndex + ". Generating a new random number." ) currentReviewIndex = Math.floor(Math.random() * reviews.length); console.log("The new currentReviewIndex is " + currentReviewIndex + "."); } setReviewProperties(currentReviewIndex); });
I had that same consideration! I used a while loop: randomBtn.addEventListener('click', () => { let randomItem = currentItem; while (randomItem === currentItem) { randomItem = Math.floor(Math.random() * reviews.length); } currentItem = randomItem; showPerson(currentItem); });
let previousRandonNumber = 0; randomBtn.addEventListener('click', function () { do { currentItem = Math.floor(Math.random() * reviews.length); } while (currentItem == previousRandonNumber); previousRandonNumber = currentItem; showPerson(currentItem); }); Check this one
Dear John, Even tho I'm not sure I'd be able to find time to complete the entire video, I'm dropping by to appreciate your effort in sharing your expertise which is helping so many build their own codes and projects eventually. In addition, your voice and lecture speed are so pleasant, relaxed and laid back, feels like hearing a mellifluous note. Thanks & Regards,
Day 3 of following this course: each day i am doing one of the small projects, today on day 3 i did the reviews project, unlike the first 2 days where i was mainly just following, i did do most of the stuff alone! will update tomorrow.
Hey! What a great projects! Thanks for sharing! One small idea on your video deploy: maybe you can change UA-cam options to allow automatic subtitles? I'm non native English speaker and, although I can follow your explanations I'm sure it will be more easy if I can listen and also read what are you talking about. I'm pretty confident that some of your audience will enjoy and be grateful if you allow automatic subtitles. Thanks again for sharing your work!
I just graduated college with a BS in Software Development and i see that a lot of the jobs around me are looking for backend people with knowledge of Javascript. Im starting here! Thanks for taking the time to make this homie
You sir, understand the challenges a beginner faces and address it step by step in each project. Great teacher hands down. thank you for your hard work
Thank you for putting this together. It's been immensely helpful and really well done. Coming from having done the HTML/CSS/JavaScript course on FCC this has been a great next step to learn how one actually puts it all together and practise the same patterns over and over again to really make you remember the principles.
This takes big heart to give knowledge for free. Unlike others, you're giving it for free. Of course, charging for courses is not a crime. Everyone has their hard-work behind them. But this is priceless. Even premium sites lack this level of clarity.. God bless you.
I agree 100%. I've been watching courses and purchasing Udemy courses for the past six months and this has been the best lesson format and learning experience thus far.
you need to go back and explain more about fixed-nav in css when talking about the scroll position modify. Because there is only 1 navBar, with 2 status: Top or Fixed. With Top, the navbar is in the flow, which adds the navheight into the total scroll. With Fixed, we move it out of the scroll flow, which makes the scroll slide up with a distance of navHeight. That's why we need to modify it 1 more time. in General, the navbar is taken out of the flow and go with the top screen. It's 1 thing. Not 2 like we thought, one nav is static, one nav is appeared and go with scroll screen.
Sir John's teaching method is top-notch and all UA-camrs who teach courses should follow it. I have immense respect for him and want to express my gratitude.❣❣❣
Hi John, this is a great course and you explain things very clearly and with just the right amount of context and detail. As others have said, it's often confusing learning these techniques and methods without knowing anything about how they would be put into practice in the real world, and this course filled a giant missing piece of the puzzle for me. Thanks for putting this together - when I've finished this one, I'll be getting the paid one on udemy.
Dear Mr. John. Excuse me, the subtitles are not synchronized, for those of us who speak little English, thank you very much for the projects and giving us the knowledge that many of us require. Best regards.
@@diana101210 Si hay que practicar mucho ahorita estudiando para ser Fullstack en eso estoy sabes como es hay que practicar full y buscar un mejor trabajo si se puede
Is this tutorial really suitable for an absolute beginner if he is a quick learner? Actually It's more fun to learn something while working with it. That's why asking. Please, do response.
@@shareefulazadshourov859 I might say you must have a basic knowledge of javascript before you jump to this projects. An absolute beginner will not survive by just looking at this projects.
this tutorial makes my brain really work hard to understand the code, but it's very good for my brain, there's a lot of logic that I can understand even though it requires a fairly mature reset when I finish working on the existing tutorial, thank you very much !!!
4:30:00 a better way to scroll to elements in the right position instead of calculating the element position from the top, subtracting the nav height, and dealing with different screen sizes is to just use scrollIntoView like so.. element.scrollIntoView({ block:"center", behavior: "smooth" }) .
Thank you very much for making all of this available to us. I been struggling with JS and you have cleared it up for me. You guys are all awesome and I for one can't thank you guys enough.
Ironically, this video which im halfway through now has significantly improved my css skills, each time i write out the html setup along with him in this video but then i choose to attempt to recreate his already setup css. Was a pain to begin with but now i whip up one of these projects basically looks the same as urs and works responsively the same (i add my own theme though like cars over pancakes etc) quite quickly :D.
The menu video is the most beneficial so far compared to all the other ones because he goes over so many different concepts and he teaches us a little bit about the backend as well. Great video! P.S I didn't know that you could store an array inside of a parameter with reduce without any prior variable needed to store the array. That's very interesting! Also the "item" parameter is looping through all of the keys of the menu array of objects.
This has been a life saver, just what I needed after learning js basics, I think it's good practice to not download anything and just try to get the same result with my own html and css (which of course takes forever but it's good practice) and trying to get the js part on my own before watching how he does it, of course I get it done in a different and more inneficient way but looking back just 2 weeks ago I didn't have the confidence to do simple things like this, this is huge, thanks for all these free content.
amazing.. I really needed to see some real world examples of what JS was used for. My brain was going nuts trying to figure out why it was so important to understand certain things. Now I know why! Well done. I'll be coming back around to do these projects for sure.
Hi John, thank you very much for this wonderful tutorial, very clear and super easy to understand explanations - you are a very talented teacher. I will happily continue learning to code with your help and take other of your courses. Once again thank you!
Thank you so much, I had only seen the theory of JS, luckily, understood all of it, but had no idea how to apply it to a project, I've only had time to see the first project, and already helped me so much, gonna watch them all, thank you!!!
I can't express how much you are helping my learning journey. I was feeling so frustrated not being able to grasp JavaScript concepts. This video is just amazing and can't thank you enough for sharing it. Thank you for your time and generosity. Sharing such quality courses for free... Once I complete the 15 projects, I will definitely enroll in your REACT udemy course. Cheers.
This is totally awesome...Im learning more in this video than I have in over a year. What is especially great is your explanations. I just play, code, stop, and so on...like a loop, ha. Thanks again!!!
i have started 3 days ago and i'm in the the grocery project i have soon finish all of projects, tanks you a lot . You think i can start learn react after have finish all projects
from Zero knowing of JS , just by reading carefully your guiding and previous example through out, at project 06-modal, I can write myself the whole JS :O I can't believe myself. Thank you so so much!!!! really!
Hello guys and girls, I recognise all ppl who watch the tutorial, STOP and PLAY, STOP and PLAY, STOP and PLAY. And look what he doing, use google and search what is map and how it works, and many more. He share with us many informations what ur brain will not understand from first time. So use this material what he doing for us. Its not that we just watch the tutprial, copied that from him and we are finish, and we are pro. Learn from that like in school :) TschuSS Tomy :)
thank you for this i got a job because of these projects
Really? You mean by applying this concepts in anothers projects
@@luisemilioogando both
That’s what I needed to hear 😌👌
How ?
At mcdonalds?
Great projects! Lеarning by practicing is so much better. Even if all you do is copying a few lines of code that you see in each lesson. Much more effective than just taking notes.
I know this because I tried everything and the only way I could learn (and retain what I learned) was when I started doing that.
Once a friend suggested me a few books with interactive content, that made me practice what I learned at each chapter.
Edit: For those asking about the books I mentioned, these are the best ones:
"Javascript In Less than 50 Pages"
"Head First Javascript Programming"
If you are into learning Python, "Smarter Way to Learn Python".
this is a bot for those of you who dont know its just promoting a book
Was almost lost after learning programming concepts in Javascript, having no idea how to implement them in a project and this is exactly the kind of tutorial I needed.
Thank you so much, man. Truly grateful.
hey Brother ! How you'r doing now
I've been banging my head against the wall for days with similar projects and John types it out so casual in 20 minutes or less... Learning a lot here. Thank you!
That's because he is looking at something while he is doing it, don't worry not everyone is as smart or fast as you think lol
did u learn javascript and get a job after a year :D
@@spirlo
Unless you're very very very good and have a background in coding, i'll be hard.
@@sethfrady9334 At least everybody is as jealous and arrogant as you think
Learn and create projects is the best thing
Dear John,
I can't express how much you are helping my learning journey. I was feeling so frustrated not being able to grasp JavaScript concepts. This video is just amazing and can't thank you enough for sharing it. Thank you for your time and generosity. Sharing such quality courses for free... Once I complete the 15 projects, I will definitely enroll in your REACT udemy course.
Cheers.
Im feeling just the same :D So grateful
I try to do the same by sharing my knowledge as a self-taught developer
منم تازه کارم و این آموزش معرکست.توی ایران معمولا پایه ای آموزش میدن و نمیتونیم باهاشون کد بزنیم
i am also learning today
@Farah F. How did it go.
this tutorial is 8hrs long but i've been on it for a week now and i will tell you one thing it is awesome and i'll recommend it to anyone who wants to get ahead with javascript, thanks for the great work. folks, recommend me great projects to take on, thanks.
OMG THIS IS HUGE, thank you so much for posting this as someone who's new to coding and never had experience with it this is huge, thank you
ua-cam.com/video/xMZEewNor6k/v-deo.html
You all probably dont care but does someone know a trick to get back into an Instagram account?
I was stupid forgot my login password. I appreciate any help you can offer me!
@@jacksonyusuf733 yea, click the forgot password button when you try to login and it will send a link to the email that is connected to that Instagram. Then you will be able to reset your password
@@theivanchen hes a bot dude
I have created Color Flipper, Counter, Navbar, Modal and Questions so far. I swear I didn't look at the code. I just clicked on the timestamp, looked at the project and made it my own.
Thank you for inspiring. :)
Me too trying the same
@@mirzaaleem2764 good luck
That's great..may I know where did you learn all these JavaScript stuff?
Thank You
daum nice job dude, you must be pretty good at js
how his css style automatically applying?? Is he wrote css earlier or he using some kind of framwork? i am newbie help pls
I completely love Javascript, I tried learning it for continuous six months, I gave up and stopped for 2 weeks. And then suddenly I know most of the things I learned which I thought I don't remember.
It's blessed Language!!
There are many great developers on UA-cam, but not all can teach. John is def a born teacher who really cares about his listeners. Thank u!)
I want to say Thank you for these projects and your teaching. I am comfortable with HTML and CSS but have been struggling with JS. This course is exactly what someone like me needs. I will be repeating this course over and over again.
Hey, can we learn together please. A help.
@@mohamedaslam3381 I subscribed to your channel. If you want to talk.
@@mohamedaslam3381 Ya just let me know your email and I'll check tomorrow for it.
@Mayank Singh yeah me too
@Mayank Singh Anybody here?
that scrolling project is my fav, it was awesome, learning so much. Thanks a lot for this course.
❤️❤️❤️❤️ me too
ua-cam.com/video/xMZEewNor6k/v-deo.html
Really versatile lessons here. Thanks for the resource and high praise to John Smilga for the clear and concise, yet well-paced tutorials. 5-star rating!
Not just 1 but 15 projects, free no ads, wish I had money to donate you guys rock
I actually looked at these projects. No offense, no one should pay money to learn how to build these. They are dead simple that anyone can learn for FREE online.
no words can express how thankful i am but still, thank you! i just started self studying javascript 2 days ago with 0 knowledge and was just going through random projects i can find on youtube till i stumbled on this vid, quite easy to understand and i can feel the sincerity of your teaching, while i struggled at first i was getting a headache trying to code the js for color flipper myself before i refer to your code haha, but when i got to the 4th project i was already able to think ahead for myself and understood the structure(?) of the functions that you use and being able to do the js myself before referring to yours for corrections felt really nice
again, thank you! *hugs*
i hope i can keep on learning more
Wtspp bro now.
i stopped everything about hackings, awent to learn these programming laguaging, js,python and java. applying these project helped a lot. I was jobless for 6 months, I dedicated 3 months learning them, 8h/day diligently . thanks , without any effort got 2 remotes jobs as a cyber sec analyst. 5 figures monthly. i love you guys
What you've done for us here is incredible. You've made me more confident to try writing some javascript on my own and helped me progress so much. I'm only half way through the projects but already feel so much more capable in my coding practice. Thank you so much!!!
hi
I just finished the 3rd project and I can't believe the amount of knowledge I am getting it's really ridiculous this is free,, and all for those who are watching this Be grateful for these guys , If you aren’t grateful this I donno what kind of person you're
Ha ha. Sure man. How did it go for you man.
I'm blown away with the clarity and quality put in this tutorial.Thanks for your EFFORT !!!
This is really satisfying, I can see the progress as I go along with you. With the first 2 projects, I had to follow along with you step by step, then for the rest I basically did everything on my own without looking & compared my code to yours to learn from your solutions.
Wow, maybe you are pro?
Me too Basically you get to understand Dom Manipulation in depth something that i have been struggling to grasp
Did u watch what he has done or just went all in your own? (basically i watch what he does and then do it on my own i understand the logic behind it btw)
Exactly what I was looking for! Went through your lectures and then reviewed them on my own. It really helped A LOT to learn and practice many different type of web pages. You are an amazing teacher!! Appreciate your work♥️
This is exactly what I've been looking for as a follow up once completing the Responsive Web Design and Javascript Algorithms and Data Structures Certification on FCC. I wanted to start creating a few projects to get some repetition in, so i don't forget a lot of things I've learned. I'm not a very creative person so this is great! I'm working my way through the project list, I'll skip to the finished project, explore it's design and functionality, take a few notes then code everything from scratch. Not just the JS, but the HTML and CSS too. I'll come back once I'm satisfied and watch your video on the project and I've been learning a lot! Thanks so much guys. If I ever get a job from this, I'll make a donation :)
Great course. Very analytical in everything he does, which is perfect for beginners.
I am halfway through the video and writing along. I've already learned tons of stuff.
his voice tho, closes nose and speaks :"Ill just add this const here to make everything beautiful"
This video had the first JavaScript challenge I was able to complete on my own! Lovely video! Filled with confidence for my journey
Thank you man so much! Super useful projects. I did myself 13 out of 15 projects. However, after finishing each project, I watched your video to see and learn your way of doing the projects too.
They are really good projects, and what I like the most about this series is they are in a perfect order from basic to advanced I was able to create first 6 projects on my own without looking the tutorial, I even wrote the javascript by myselft too..and It felt really good after achieving the desired results.. really proud.
but now I am on the questions webiste which is totally new for me so I have to watch the tutorial for this..
will update my comment after completing the series....🚀🚀🔥🔥
Great projects, and John is a wonderful instructor (got some of his Udemy courses as well) who actually explains how any code that he writes works.
I'll be honest, I hate his voice no matter how well he teaches, he sounds to me like a google translate
@@hrisdev950 yep
@@hrisdev950 wow wow
great projects
this is beautiful. i have been struggling with Js but you have opened my eyes to some of my problems. Thank you for making it free
ua-cam.com/video/xMZEewNor6k/v-deo.html
First of all, great video. Even though it's a javascript video, the toughest part in a lot of the sections is understanding the CSS.
I want to share a small improvement for the 3rd challenge. On random button, if you select a random number between 0 and reviews.length you may notice sometimes this random number is the same as you got before, so for user it seems that button is not working, because the person doesn't changes. I've created an array to store values that are NOT the actual currentItem value:
let arr = [];
for (var i = 0; i < reviews.length ; i++) {
if (i != currentItem) {
arr.push(i);
}
}
currentItem = arr[Math.floor(Math.random()*arr.length)];
I also ran into that issue with the random button. I went about it a little differently by setting a new variable of the current reviews index, comparing the current state with the randomly generated number and then regenerating a new random number if the two values were equal.
// show random review
randomBtn.addEventListener('click', function() {
// creating new variable to store current review state before generating a random index
let currentReviewState = currentReviewIndex;
// generating random number based on length of reviews array
currentReviewIndex = Math.floor(Math.random() * reviews.length);
// comparing if the randomly generated number is equal to the previous review index. If the variables equal each other
a new random number will be generated
if (currentReviewState === currentReviewIndex) {
console.log("there is a match between the currentReviewState, " + currentReviewState + " and the currentReviewIndex, " + currentReviewIndex + ". Generating a new random number." )
currentReviewIndex = Math.floor(Math.random() * reviews.length);
console.log("The new currentReviewIndex is " + currentReviewIndex + ".");
}
setReviewProperties(currentReviewIndex);
});
I had that same consideration! I used a while loop:
randomBtn.addEventListener('click', () => {
let randomItem = currentItem;
while (randomItem === currentItem) {
randomItem = Math.floor(Math.random() * reviews.length);
}
currentItem = randomItem;
showPerson(currentItem);
});
Could you plss explain me?
got the same problem bro....thank you
let previousRandonNumber = 0;
randomBtn.addEventListener('click', function () {
do {
currentItem = Math.floor(Math.random() * reviews.length);
} while (currentItem == previousRandonNumber);
previousRandonNumber = currentItem;
showPerson(currentItem);
});
Check this one
Dear John,
Even tho I'm not sure I'd be able to find time to complete the entire video, I'm dropping by to appreciate your effort in sharing your expertise which is helping so many build their own codes and projects eventually. In addition, your voice and lecture speed are so pleasant, relaxed and laid back, feels like hearing a mellifluous note.
Thanks & Regards,
Day 3 of following this course: each day i am doing one of the small projects, today on day 3 i did the reviews project, unlike the first 2 days where i was mainly just following, i did do most of the stuff alone! will update tomorrow.
Hey! What a great projects! Thanks for sharing! One small idea on your video deploy: maybe you can change UA-cam options to allow automatic subtitles? I'm non native English speaker and, although I can follow your explanations I'm sure it will be more easy if I can listen and also read what are you talking about. I'm pretty confident that some of your audience will enjoy and be grateful if you allow automatic subtitles. Thanks again for sharing your work!
I just graduated college with a BS in Software Development and i see that a lot of the jobs around me are looking for backend people with knowledge of Javascript. Im starting here! Thanks for taking the time to make this homie
Too good small projects to understand Javascript. Really helpful. Thanks a ton for making this available for prospective learners. God bless you.
You sir, understand the challenges a beginner faces and address it step by step in each project. Great teacher hands down. thank you for your hard work
Thank you for putting this together. It's been immensely helpful and really well done. Coming from having done the HTML/CSS/JavaScript course on FCC this has been a great next step to learn how one actually puts it all together and practise the same patterns over and over again to really make you remember the principles.
i was thinking the same.
Yeah that's correct
html and css are amazing
I am connected from last year and I got such great things for my Learning. Great work for learners !
This takes big heart to give knowledge for free. Unlike others, you're giving it for free. Of course, charging for courses is not a crime. Everyone has their hard-work behind them. But this is priceless. Even premium sites lack this level of clarity.. God bless you.
I agree 100%. I've been watching courses and purchasing Udemy courses for the past six months and this has been the best lesson format and learning experience thus far.
i keep watching this and i keep thinking why i dont have the option of liking this video for more than once
ua-cam.com/video/xMZEewNor6k/v-deo.html
Completed 3 hours and the menu project was super helpful. Will revisit the remaining parrts of this video tomorrow. Thankyou!
I am one of the student of John Smilga ❤️. Thanks for sharing this course 🌹🌹
50:46 If your left & right icons don't work, use a tag instead of an tag. For your convenience:
Any Idea how he got his image on our review project?
Perfect Time For Me
I just finished Webdevelopment course.
How to learn a js ?
Is this good for beginners?
Aye same here just completed HTML css bootstrap and js this course is perfect for hands on practice
@@another_lazy_learner yup
Aryan Jaiswal on the website or the video? asking cuz i wanna know if i should finish the freecodecamp curriculum or just learn from these vids
This is exactly what i needed, with just one project done i feel so much moved thank you
Hi Regina
This course made me understand how to apply JS. Thank you so much.
Vanilla JS is incredible, I am just wondering how much should you learn, it never gets end especially when Node coming in the picture!
you need to go back and explain more about fixed-nav in css when talking about the scroll position modify. Because there is only 1 navBar, with 2 status: Top or Fixed. With Top, the navbar is in the flow, which adds the navheight into the total scroll. With Fixed, we move it out of the scroll flow, which makes the scroll slide up with a distance of navHeight. That's why we need to modify it 1 more time.
in General, the navbar is taken out of the flow and go with the top screen. It's 1 thing. Not 2 like we thought, one nav is static, one nav is appeared and go with scroll screen.
Sir John's teaching method is top-notch and all UA-camrs who teach courses should follow it. I have immense respect for him and want to express my gratitude.❣❣❣
Hi John, this is a great course and you explain things very clearly and with just the right amount of context and detail. As others have said, it's often confusing learning these techniques and methods without knowing anything about how they would be put into practice in the real world, and this course filled a giant missing piece of the puzzle for me. Thanks for putting this together - when I've finished this one, I'll be getting the paid one on udemy.
I can't believe this is all free, You have a true Golden heart 🙏
Awesome tutorials. I really loved it. Some days ago I wanted this type of project tutorials. Thank you❤
Dear Mr. John.
Excuse me, the subtitles are not synchronized, for those of us who speak little English, thank you very much for the projects and giving us the knowledge that many of us require.
Best regards.
Oh!... pensé que era la única loca que pensaba que lo que decían no tenia coherencia con los subtítulos. Y no tiene subtitulos completos
@@diana101210 si no se puede hacer más nada simplemente tratar de entender lo que se pueda
@@daivinsoncoffi si, eso me ha tocado hacer o buscar proyectos similares. Para entender mejor 🤣
@@diana101210 Si hay que practicar mucho ahorita estudiando para ser Fullstack en eso estoy sabes como es hay que practicar full y buscar un mejor trabajo si se puede
WOW! All of these look so good especially for beginners like me.
Thank you!
Is this tutorial really suitable for an absolute beginner if he is a quick learner? Actually It's more fun to learn something while working with it. That's why asking. Please, do response.
@@shareefulazadshourov859 I might say you must have a basic knowledge of javascript before you jump to this projects. An absolute beginner will not survive by just looking at this projects.
@@napoleonbonaparte1260 Thank you very much for your kind information. I really appreciate it. Best wishes!
I've been doing 1-2 a day before my bootcamp starts next month. Thank you for this, its helping me learning javascript.
Wow - so thankful for this content. By far the best JS tutorial online. So much better than other paid courses!
this tutorial makes my brain really work hard to understand the code, but it's very good for my brain, there's a lot of logic that I can understand even though it requires a fairly mature reset when I finish working on the existing tutorial, thank you very much !!!
I'm just learning JavaScript and I think I've struck gold finding this video!
Exactly what I needed!
THANKS FOR THE BEST EDUCATION! ❤
4:30:00 a better way to scroll to elements in the right position instead of calculating the element position from the top, subtracting the nav height, and dealing with different screen sizes is to just use scrollIntoView like so.. element.scrollIntoView({ block:"center", behavior: "smooth" }) .
Thanks for teaching us as loyalty and honesty I learnt a lot of technology from you thanks again
Thank you for this toturial
I completed all the projects in 3 or 4 days and I am proud of myself
Thank you very much for making all of this available to us. I been struggling with JS and you have cleared it up for me. You guys are all awesome and I for one can't thank you guys enough.
Ironically, this video which im halfway through now has significantly improved my css skills, each time i write out the html setup along with him in this video but then i choose to attempt to recreate his already setup css. Was a pain to begin with but now i whip up one of these projects basically looks the same as urs and works responsively the same (i add my own theme though like cars over pancakes etc) quite quickly :D.
The menu video is the most beneficial so far compared to all the other ones because he goes over so many different concepts and he teaches us a little bit about the backend as well. Great video!
P.S I didn't know that you could store an array inside of a parameter with reduce without any prior variable needed to store the array. That's very interesting! Also the "item" parameter is looping through all of the keys of the menu array of objects.
good saying man
This has been a life saver, just what I needed after learning js basics, I think it's good practice to not download anything and just try to get the same result with my own html and css (which of course takes forever but it's good practice) and trying to get the js part on my own before watching how he does it, of course I get it done in a different and more inneficient way but looking back just 2 weeks ago I didn't have the confidence to do simple things like this, this is huge, thanks for all these free content.
His voice is like ease out animation
Lol right
Absolutely trueeeeee
LOL, yes
lmao yeahhh...
lol
amazing.. I really needed to see some real world examples of what JS was used for. My brain was going nuts trying to figure out why it was so important to understand certain things. Now I know why! Well done. I'll be coming back around to do these projects for sure.
Thanks for these great projects, very clear and easy to follow along. Bravo!
LOVE the big font (makes it easy to watch on other screens) and the explaining
Hi John, thank you very much for this wonderful tutorial, very clear and super easy to understand explanations - you are a very talented teacher. I will happily continue learning to code with your help and take other of your courses. Once again thank you!
Thank you so much, I had only seen the theory of JS, luckily, understood all of it, but had no idea how to apply it to a project, I've only had time to see the first project, and already helped me so much, gonna watch them all, thank you!!!
⌨️ (00:00) Intro
⌨️ (07:01) Color Flipper
⌨️ (30:25) Counter
⌨️ (44:04) Reviews
⌨️ (1:11:29) Navbar
⌨️ (1:26:21) Sidebar
⌨️ (1:39:03) Modal
⌨️ (1:48:26) Questions
⌨️ (2:16:25) Menu
⌨️ (3:16:13) Video
⌨️ (3:32:45) Scroll
⌨️ (4:36:15) Tabs
⌨️ (4:58:53) Countdown
⌨️ (5:56:35) Lorem Ipsum
⌨️ (6:18:23) Grocery
⌨️ (8:01:14) Slider
thank you sooo much for these amazing projects and explaining all of them in deatils, helped me learned a lot of things
He's already uploaded these projects on he's own channel coding addict
I can't express how much you are helping my learning journey. I was feeling so frustrated not being able to grasp JavaScript concepts. This video is just amazing and can't thank you enough for sharing it. Thank you for your time and generosity. Sharing such quality courses for free... Once I complete the 15 projects, I will definitely enroll in your REACT udemy course.
Cheers.
Thanks very much for putting out this info. You guys Rock!
My thoughts exactly!
This is totally awesome...Im learning more in this video than I have in over a year. What is especially great is your explanations. I just play, code, stop, and so on...like a loop, ha. Thanks again!!!
That's an awesome work! An amazing job, thank you very much
You are a life saver at all
Thanks a ton for your efforts, god bless you
You really know how to teach!! Thank you! Really worth listening to the whole course guys, do not miss this one.
This is what I'm looking for, i just to learn JS while building projects.
I been wearing a mask way before corona.
the explanation at 2:15 more or less is awesome. the fact that using the dom to scan the whole document vs the querySelector. Great
he sounds like one of my friend who is smarter than my whole friend circle
😂😂
maybe he is your friend and he had not informed you
bcoz he is smarter
@@kohinoor2004 hey Kohinoor give us your Kohinoor
@@simranverma5530 it's undetachable
@@kohinoor2004 then detach it with your sharpness, lusture and after doing that plz kindly give to it me
5:35:10
const sec = Math.floor(t/1000),min=Math.floor(sec/60),
hr=Math.floor(min/60);d=Math.floor(hr/24);
console.log(sec,min,hr,d)
Yaay, John is back!
i have started 3 days ago and i'm in the the grocery project i have soon finish all of projects, tanks you a lot . You think i can start learn react after have finish all projects
for the 1rst project : color flipper you didn't share the css code
I just now downloaded the source code from github, CSS is there;
This is what, i am looking for... i am still amazed that how did you put this for free, God bless you man.
can we learn together?
The 'Menu'-project made me order food twice....
This is the best way to teach it to me. This makes sense in my head. Excellent tutorial.
I know this voice, he is the Saul Goodman. Nice class by the way
Dude, not even close.
@@nielslouwes7695 this guy needs a new year
Woow the Menu was awesome!! So much knowledge! Just finished the menu and I already feel so confortable with vanilla JS now!
i cant find the part of the css explanation of the reviews project.
from Zero knowing of JS , just by reading carefully your guiding and previous example through out, at project 06-modal, I can write myself the whole JS :O I can't believe myself.
Thank you so so much!!!! really!
In the count down project... How do i calculate one month from miliseconds?
Bro think wisely, you will get the answer chill :)
Hello guys and girls, I recognise all ppl who watch the tutorial, STOP and PLAY, STOP and PLAY, STOP and PLAY. And look what he doing, use google and search what is map and how it works, and many more. He share with us many informations what ur brain will not understand from first time. So use this material what he doing for us. Its not that we just watch the tutprial, copied that from him and we are finish, and we are pro. Learn from that like in school :)
TschuSS Tomy :)
Hi i need a previous experience o level to do this course ? I mean, must I know at least the basis of JavaScript or it doesn't matter at all?
Helpful but not required.