Thank you so much for taking the time to watch this small little series. It was seriously fun to build something a bit bigger. Modelling tutorial coming on wednesday.
Pewdiepie doesn't respect other than he loves. How can he said anything wrong about any country , culture and peoples. Every one should agree with me on this. He just disrespect My Country .How we tollarate that.. pewd is just an arrogant tuber who disrespect others for no reason
Though I rarely ever leave a comment anywhere, I have to say THANK YOU. I have been studying WevDev for a while now (Currently undertaking WebDev Course in a University here in Dublin) as well as taking Colt Steele`s course on Udemy, but you are a natural teacher. I`ve learnt so much from your videos (even more than in College so far). Keep up the good work and your happiness when teaching. Hats off to you, mate!
I cannot ask for more... a unique approach how you show it to us. I'm inspired and hopeful that I could one day understand this field of web developing. outstanding content, amazed me a lot and surprise me in a way that I could learn this slowly. Thank you Ed that's the least I could say.
You are just too much bro, I am going for a technical interview on Monday, I feel this very video is a plus for me to prepare for the interview, thanks a million for this resource.
Hello there gorgeous Ed from the internet.Great tutorial, great explanations, great everything.Thanks, in name of all, for being a consistent presence here on youtube and teach us new things.
Hi Ed! Big fan of your tutorials here.. also Romanian. You do a great job! Not knowing where else I can share this fix, I will post it here. It prevents the execution of the functions when clicking on the same dot multiple times. Without this fix clicking on the same dot will make the image disappear. //Tracker let current = 0; let scrollSlide = 0; slides.forEach((slide, index) => { slide.addEventListener("click", function() { if (current !== index) { // wrap the next three lines in the if statement changeDots(this); nextSlide(index); scrollSlide = index; } }); });
Since you are so creative, could you create and acting a 'flashback' video of how you went from Hello World to the impressive level you are at now with the real learning timeline? It would be cool to see the coding you were doing at the beginning to now.
I Love your tutorial !! it's very clear and straight to the point explanations! gets me more knowledge and makes me creative a lots and the great in here , this is free tutorial
I fixed a little bug in this project, it's when we try to click in the current page (try to go to the current page clicking in the current slide) the content will disappear. (sorry for the bad english :p) so to fix that I just added the if statement here: slides.forEach((slide, index) => { slide.addEventListener("click", function() { if (!this.classList.contains("active")) { changeDots(this); nextSlide(index); scrollSlide = index; } }); });
Really awesome tutorial, inspired me to start making my own portfolio website, thank you so much for doing this. I even found a bug in this and managed to fix it. If you click on the slide button of the current page it starts the animation but something breaks and doesn't display anything. If you want to fix it just add an if statement at the start of the nextSlide function like so: function nextSlide(pageNumber) { if (pageNumber != current) { ... } }
when a human ,, is most creative and computer world lover , , then he developed like , (DEV ED) he is amazing person ,, i like his smile and jokes, and he is most creative and iteligent
Hi Dev Ed, first of all, your tutorials are a great way for learning and practicing Front End Development. In this particular tutorial, I encountered a bug - Say, if we are on slide 1 and click the same circle for slide 1, content just fades away. Can you please help with the solution for this? P.S. learned a lot from this series! Thank you for sharing this course for free
You got be my first subscriber bro. Really like your videos. Could you continue the series onto how now to get it up and running live? Preferably using WordPress and a hosting provider. Or maybe that's not have one goes about it? You tell me. Or even better, please show me 😄
In function scrollChange you could use modulus operator instead of if: scrollSlide = ++scrollSlide % 3; or scrollSlide = --scrollSlide % 3; Anyway, you are awesome!
Loved this little mini-series. As a new aspiring developer/designer this really helped me out and gave me loads of knowledge and inspiration that I can use in future projects! One question tho... The animations break when using @media in CSS to adapt window scaling. Is there a way to fix this so that animations retain function even in smaller scales?
Thank you for the awesome series... Can you please make a bonus video in which you make this same website responsive. I'm always confused about that part especially from a design point of view not knowing which bits to put where and how of an already existing desktop site... 😬 Thank you 😊
I would really like to see the source code of this course. I love it and I was trying to build it. Everything is fine, but not the dots, clicking them I get queryselector of undefined, and I can’t see what I’m doing wrong since the class names are the same. I would pay for your Paterson but I lost my job as a Webdesigner 2 month ago and I’m struggling, wanted to make this course to update my portfolio and learn some more JavaScript since that’s were I’m a bit weak. But can’t seem to figure it out and it would mean the world to me to be able to compare the code. I really hope there is a way and if not of course I will continue watching this courses since they teach me a lot. Thank you.
I know I'm 1 year late but any idea why isn't it working for me? It just won't change pages when I clik on the dots on the right... Uncaught TypeError: Cannot read property 'querySelector' of undefined
The pass isn't a move you should do without misdirection. It's not a move you're trying to hide. Also, you getting a break was a bit obvious. I'd suggest just taking the top half of the deck and throwing it on the bottom half. When you do this a break is created naturally. Then something like a double undercut would be much less obvious.
Thank you so much for taking the time to watch this small little series. It was seriously fun to build something a bit bigger.
Modelling tutorial coming on wednesday.
hey , buddy big fan...
can u please provide the source code of whatever u make in each of your episode . so it can help us.
thank you
you deserve more subs and more likes❤
@@anonrana9077 dude total things are in his patreon account post you'll find a zip file there u can download it for free
@@earlyman007 ohh thanks buddy
♥️
Traversy media and you!!. Can't think of a day without you guys!! Thanks for being there and inspiring us.
A day without is a surefire Trav-Ed-sty.
K, that was bad even by Ed's standards. But ya, both guys are awesome... honorary shout-out to Mosh as well.
@@greenie62 What is sty?
Don't miss Fireship and his mema (and puns) xD
man! you are the pewdiepie of programming lol
Right?! Is Ed Swedish?
Wkwkwk i think so :v
@@35-barodmaftuhniam76 I think he's actually Romanian.
Pewdiepie doesn't respect other than he loves. How can he said anything wrong about any country , culture and peoples. Every one should agree with me on this. He just disrespect My Country .How we tollarate that.. pewd is just an arrogant tuber who disrespect others for no reason
@@balencibaba4089 he's Romanian
Crazy how fast your channel grew, keep up the excellent work dude...
New web developers trying to learn the basics
Ed: *WHAT IF MICHAEL JACKSON WAS A WEB DEVELOPER*
New to the channel. Love the humour. Love the Help. Awesome guy 🤘🏿. 👨🏽💻. 🤘🏿
Though I rarely ever leave a comment anywhere, I have to say THANK YOU. I have been studying WevDev for a while now (Currently undertaking WebDev Course in a University here in Dublin) as well as taking Colt Steele`s course on Udemy, but you are a natural teacher. I`ve learnt so much from your videos (even more than in College so far). Keep up the good work and your happiness when teaching. Hats off to you, mate!
I cannot ask for more... a unique approach how you show it to us. I'm inspired and hopeful that I could one day understand this field of web developing. outstanding content, amazed me a lot and surprise me in a way that I could learn this slowly. Thank you Ed that's the least I could say.
You are just too much bro, I am going for a technical interview on Monday, I feel this very video is a plus for me to prepare for the interview, thanks a million for this resource.
Man the positive messages in your videos are soo refreshing, thanks allooottt
I love the work you are doing, its not only informative but also fun as hell!
WE WANT MORE PROJECT LIKE THIS : )
i finished!!! i watched the video about 100 times over the past month.. but i finished!!! YAAAAAY thank you :)
Hello there gorgeous Ed from the internet.Great tutorial, great explanations, great everything.Thanks, in name of all, for being a consistent presence here on youtube and teach us new things.
I love ur tutorials so much they are so funny and educational u deserve 10x more subs than u already have :)
the most valuable ~30min (1.5x speed) I've seen in a long time
Thx man, i'm from Brazil and i'm learning so much with your videos, your job is superb!
I loved this series, I hope you make more videos like that 🤩 cheers from Italy 🇮🇹
That auto focus at the start before "Hello my gorgeous people" was just amazing
Hi Ed! Big fan of your tutorials here.. also Romanian. You do a great job! Not knowing where else I can share this fix, I will post it here. It prevents the execution of the functions when clicking on the same dot multiple times. Without this fix clicking on the same dot will make the image disappear.
//Tracker
let current = 0;
let scrollSlide = 0;
slides.forEach((slide, index) => {
slide.addEventListener("click", function() {
if (current !== index) { // wrap the next three lines in the if statement
changeDots(this);
nextSlide(index);
scrollSlide = index;
}
});
});
Thank you so much for this series! It's been very helpful. I would love to see your next bigger-scale project you teach!
Just finished this project with you. Coded in VScode next to your video. :D Definitely will buy your courses, great experience. thank you Ed
Great work, man. Just love your channel. Keep it up.
Since you are so creative, could you create and acting a 'flashback' video of how you went from Hello World to the impressive level you are at now with the real learning timeline? It would be cool to see the coding you were doing at the beginning to now.
Hahahah I love that intro Ed. Great work on this series
Your intro are fire as always.
Absolute stella video, always great watching you work.!.
Love the series Ed, thank you!!!
One of my fav dev ed guy
I’ve already set up my Home Page and About Page for my website. Now, I’ll adding in some fun stuff in it!
This amazing tutorial. I heard somebody talk about the Gshape but never get to learn it. thanks for sharing.
I Love your tutorial !! it's very clear and straight to the point explanations! gets me more knowledge and makes me creative a lots and the great in here , this is free tutorial
First time i watched Video on TH-cam that has no Dislikes Awesome..!! Love from Pakistan Sir
Man, you perfectly know how to teach people in a funny way😂. By the way, this is one of the best crash course I have ever seen😍. Best of luck👍.
Thank you so much! It was fun learning with you.
I finished to watch the episode laying down on my bed. I will follow it later tonight.
Ed between development and comedy what do you think is your number 1 strength? you are just amazing lol
Man this series was great... 👏🏻👏🏻 Two claps
I fixed a little bug in this project, it's when we try to click in the current page (try to go to the current page clicking in the current slide) the content will disappear. (sorry for the bad english :p)
so to fix that I just added the if statement here:
slides.forEach((slide, index) => {
slide.addEventListener("click", function() {
if (!this.classList.contains("active")) {
changeDots(this);
nextSlide(index);
scrollSlide = index;
}
});
});
Wow, you're a life saver
Really awesome tutorial, inspired me to start making my own portfolio website, thank you so much for doing this.
I even found a bug in this and managed to fix it. If you click on the slide button of the current page it starts the animation but something breaks and doesn't display anything. If you want to fix it just add an if statement at the start of the nextSlide function like so:
function nextSlide(pageNumber) {
if (pageNumber != current) {
...
}
}
Bit of a wild goose chase for the project files Ed.
This is better than a series on netflix.
Exactly!
Can you still "wheel" while the animation runs? Guess yes :D Youre getting an abo from now on :) thanks for providing funny and good paced tutorials.
You are Awesome man !! Keep it going.
when a human ,, is most creative and computer world lover , , then he developed like , (DEV ED) he is amazing person ,, i like his smile and jokes, and he is most creative and iteligent
AMAZING tutorial. Thank you so much, Ed.
Love me some Dev Ed in the morning
dud you rock, you really rock, thank you so much for such a great tutorial.
Wtf did i just watch😂😂. Well done Ed. (I just started learning javascript )
Was I the only one who got excited when Ed fixed the bugs?
nice series, i think you should add numbering to these 3 series video tho
This series was so fun!
Here comes the climax babyyyyyyyy.💙💙💙
Love your tutoring style
Great work, very interesting!
On a larger project we can see complexer build out functions, and also how to fix bugs!!!
Thanks ;)
I am doing magic for 2 years now and I gotta say, that was a clean classic pass. :D
40:29 My hover doesn't working after doing set. what should i do to set that?
for those of you who have trouble finding the libraries, here is the link:
cdnjs.com/libraries/gsap/latest
great work!. , Thank you very much for taking your time and share it with us...
Amazing tutorials senpai ❤
kudos 💎
Hi Dev Ed, first of all, your tutorials are a great way for learning and practicing Front End Development.
In this particular tutorial, I encountered a bug - Say, if we are on slide 1 and click the same circle for slide 1, content just fades away. Can you please help with the solution for this? P.S. learned a lot from this series! Thank you for sharing this course for free
You got be my first subscriber bro. Really like your videos. Could you continue the series onto how now to get it up and running live? Preferably using WordPress and a hosting provider. Or maybe that's not have one goes about it? You tell me. Or even better, please show me 😄
YAAY A VIDEO ON MY BIRTHDAY :D
In function scrollChange you could use modulus operator instead of if: scrollSlide = ++scrollSlide % 3; or scrollSlide = --scrollSlide % 3;
Anyway, you are awesome!
First sofa~~ Awesome tutorial
Loved this little mini-series. As a new aspiring developer/designer this really helped me out and gave me loads of knowledge and inspiration that I can use in future projects! One question tho...
The animations break when using @media in CSS to adapt window scaling. Is there a way to fix this so that animations retain function even in smaller scales?
Nice one buddy. keep it up!!
I like this type of tutorials..
You are a Real Original ❤
where can i now find the js gsap timelinemax and tweenmax files?
Thank you for the awesome series...
Can you please make a bonus video in which you make this same website responsive. I'm always confused about that part especially from a design point of view not knowing which bits to put where and how of an already existing desktop site... 😬
Thank you 😊
41:21 What does the red word "arguments" represent?
super complex but super amazing!
Gracias por todo. Cuando pueda compraré tus cursos. Eres genial
I would really like to see the source code of this course. I love it and I was trying to build it. Everything is fine, but not the dots, clicking them I get queryselector of undefined, and I can’t see what I’m doing wrong since the class names are the same. I would pay for your Paterson but I lost my job as a Webdesigner 2 month ago and I’m struggling, wanted to make this course to update my portfolio and learn some more JavaScript since that’s were I’m a bit weak. But can’t seem to figure it out and it would mean the world to me to be able to compare the code. I really hope there is a way and if not of course I will continue watching this courses since they teach me a lot. Thank you.
Please can you tell me what is your visual studio code's theme ?
Greatest intro🙌🙌🙌
I know I'm 1 year late but any idea why isn't it working for me? It just won't change pages when I clik on the dots on the right... Uncaught TypeError: Cannot read property 'querySelector' of undefined
wow thankyou so much beacuse of your vdos i have learnt so much !!! thannk you again god bless!!
Thanks for sharing dude !!!👍👍👍
The pass isn't a move you should do without misdirection. It's not a move you're trying to hide. Also, you getting a break was a bit obvious. I'd suggest just taking the top half of the deck and throwing it on the bottom half. When you do this a break is created naturally. Then something like a double undercut would be much less obvious.
Great video!
Very dope tutorial!!!
Is there a playlist with all of these laid out on?
hey i kinda need a crash course on the coding. if you have one cam you link me to the video please?
Please provide source code.. so we can also make it with those images ..please
thanks for everything!
Loved it!
19:16 Why did he use the template literals there?
You are my herooo
Bro please click on the selected dot twice and see the error : P You are the best ;)
If currentPage===nextPage return; 😃
@@developedbyedFacing the same issue. Where should I put currentPage===nextPage return; to avoid this from happening. Thanks so much :)
@@funkatfirstsight In nextSlide() function
Thank you for this. Bless you.
0:13 🤣 keep up the good humour
Awesome tutorial ! Can you make more with tweenmax ?
Show the output of code in first and then last so it would be good for us to see what the project is about
Awesome guy💪
Bro you are so funny, and very interesting to watch your tutorial
Buna ce mai faci! I can speak english too don't worry! I love your channel you are my favorite channel! Keep it up!
do some backend stuffs too in this course with node js
9.20 - why you didn`t use a visibility: hidden , or display:none on blocks that need to be hidden?
Because you cannot use the transition property on them.