Fullpage Animations With Javascript Tutorial

[@developedbyed]

Code and Images ---> www.patreon.com/posts/30541351

[@serioussam9400]

you literally copy pasted fullpage.min.js, app.js ,fullpagemin.css .....Didn't understand a thing about scroll and how to make that work.. Why don't you post another video on it(as a complementary).

[@myanh2299]

Thank u

[@rennesinternet3872]

Many thanks Ed :

[@hunterss3017]

is there any way to show nav dots name without hoivering on it ?

[@saraharslan1435]

But it is nottt responsive

[@debabratasen6955]

"empty file empty as our Life"🤣🤣🤣

[@meyrlansuirkhanov1358]

Debabrata Sen i also laughed loudly😂

[@seo5856]

Lol

[@randerins]

You make programming WAY more fun. Thanks a LOT for your tutorials!

[@hassantariq8847]

PewDiePie of Coding !!!!!!! Respect

[@Jvst0nTime]

except that pewdiepie isn't good at anything.

[@bragiodinsen4604]

pewdiepies cool older brother

[@martin-1965]

Another excellent half hour spent in your company learning how easy something seemingly complex can be with a little bit of know how and a sense of humour :)

[@scythe_ghoul]

The only person who makes stuying as fun as watching a enterainment video love you

[@gavr1loo]

Man, i haven't laughed and enjoyed learning to program like this in a while...thanks!

[@gratien25]

Hey Dev Ed. The way you start your video is awesome. people who need to learn but also need to smile should watch your course.

[@ErrorDebug]

Finally you recorded what I am here for :)

[@lokeshnaidu1935]

He's the life saver for all front end developers❤️😎

[@avishkarnartawadekar2936]

I was searching for a perfect video from a while and I got it

[@frogsama666]

Same here lol. This guy seems to know how to read people's mind of something. Exactly what I was looking for 1 month ago. I had to use some Javascript plugins full of bugs.

[@chrispaige873]

My favorite teacher!

[@umeshagarwal4271]

I have seen so many youtube tutorials but I am always delighted to see your videos 👍

[@klesar84]

I love so much ur html css and what is the most important JS tutorials, they are so great and helpful in learning new technics. Just continue with that our georgeus teacher :)

[@sagarsingh2601]

Truely love the way you code and explain little things for us....thanx for everthing Mr.dev

[@ayoubbelouadah7195]

Eyy look who's back at the classic js tutos

[@johnjeralddechavez4813]

My boy is back in coding! With FUN ❤

[@---zf5qm]

You're getting better every video bro

[@bruce7012]

I was searching for the exact same thing yesterday, and today you uploaded it! What a legend Thanks a bunch

[@dadlord689]

I just like this guy. He can make you like to code. Great person.

[@Frankslaboratory]

Yes. JavaScript animations. My favourite thing.

[@codedbychavez8190]

Excited to see this tutorial.

[@rohansaand2023]

Loved the video Ed. Javascript animations video by you are my favorites.

[@robinware77]

Did you know that you can select multiple rows with the alt key, for example when making classes to the chairs, you can select one line, press alt, select the next line press alt and you have 3 blinking lines then you can type in class="chair" just once for 3 different img tags.

[@AkashAhmed-bb2nq]

We need more animation effect with pure JavaScript. Thanks for all

[@Earthcows]

Thank you for explaining everything so well as you go along. It really helps a beginner like me.

[@VerifyBot]

I really like your motivation on the videos like seriously you're awesome

[@zarghamaijaz5933]

i love how this dude always looks happy. Him: as empty as our lives. Me: 😟

[@buildwithgenai]

Love you man, I get boosted up whenever I see you

[@anastasia_kon]

Gonna eat while watching this. Thank you for your humor btw!

[@nith.p]

I started my channel 10 days before him but my channel is nothing compare to his. Good job man.

[@randomjane8731]

I just love your videos! Especially your commentary on the tags 😂 also your accent helps me sleep so thank you :)

[@guyfawkes6930]

wtf hahaha do you play his videos and listen to his voice while trying to sleep??

[@williamwalker4494]

Javascript: Oh yes please... Should call this " Funpage Animations with Javascript" Thank you for this tutorial! from one of your gorgeous friends on the internet...

[@techtips4019]

Hello my gorgeous friend on the Internet.

[@pythonwolf3817]

hello my gorgeous friend on the internet 1 year ago 🙂

[@oxcymultimedia6482]

@@pythonwolf3817 hello my gorgeous friend on the internet 5 months ago 🙂

[@pythonwolf3817]

@@oxcymultimedia6482 🙂🙂🙂😇😇🤗🤗

[@fvgoya]

Nice tutorial as always!!! But will also nice to see this with "pure JavaScript", I mean, without library made from others.

[@a.anvarbekov]

Yes yes yes

[@anamartin5311]

so useful! I'm starting to learn and really appreciaty your videos, greetings from Spain :)

[@jihaye9805]

OMG I've been looking for this thing for so long .. and you saved me 😂Thank god

[@jihaye9805]

it doesn't work at all .... hahaha 😅

[@janmejayshastri2892]

Love your tutorials mann!!! Thanks a lot for this!!

[@anilgadekar3036]

I really enjoying this tutorial buddy... I am always waiting for new updating videos

[@thewebproject]

Hello ed, great tutorial. Always fun to watch. I can’t wait for your new video.

[@antarracoding]

who's here thinks this guys is like PewDiePie, haha, everyday watching this channel. so helpful for me, thanks Man.

[@bounce21190]

Thanks Ed, just what I was looking for

[@charith-q8m]

Let's hit one million at the end of the year

[@loladinn12]

Dev ed new video? YASSSSSSSSSSSSSS

[@agungjanuardi9317]

Great explanation, easier to understand

[@Amitkumar-zp3wb]

Exactly what I was looking for... Thanks D v Ed.

[@dapydoe]

good job Ed..just in 8:00 i think that the chair is not in the middle bcs you write transform: translate(-50%, -70%); in place of transform: translate(-70% , -50%) and it s not a question of shadow ..

[@Mdelacruzmelo]

Hahahaha, the best intro to tutorial bro! You are the funniest profesor!

[@amarnathmukherjee3900]

Thanks for this topic . I really want to learn javascript . Thanks for attending this topic

[@nes3n16]

this is JavaScript though, totally different from Java

[@FedeRacun]

Venia escuchandote en ingles muy tranquilo hasta que tiraste un "perfecto" y me quede como: -....¿que?- Saludos desde Argentina, me encantan tus videos

[@gvstv_]

me pasó igual

[@alejomakevids]

Saludos a Nargentina we xd

[@itsrasterize8898]

Great videos as always hope for more front end dev and python tutorials.

[@agnieravinsensia4018]

thanks for the lesson it's really help for a student like me

[@thinkingaloud7925]

i stopped watching regular tut video because they don't tell where and how we can use it. But you........Thank you

[@mahbobalavi2257]

dude i'm from afghanistan ! i really love your work i mean ur vidoes ! :)

[@TheLollercaster]

I always wanted to learn this! I am glad I stumbled on this video, I will play with it and see how it goes :)

[@HarshRajAlwaysfree]

I wish u made everything important from scratch like that fullpage animation u downloaded :(

[@fibercreates]

You can use shift + arrow keys to highlight letter by letter then shift + ctrl + arrow keys highlights word by word

[@joaquimpaul7548]

I love this dude he is funny and creative to...downtown from Nairobi,Kenya

[@tyjaniihassan4362]

Literally the video I need

[@tavleenkaur8325]

I fUCKIN' LOOOOOVEEEE YOUR ENERGY 😂 🤣

[@TheDavechirag]

"We have empty files, as our life!" 😆🤣😂 Man o man!!!

[@VivekKumar-cj1jo]

which color theme does he use? anyone plz

[@heipadegdingamlesei]

ed I wanted you to know I would normally download the code and be off within 30 seconds but since you're so cool I see the whole thing to not miss any puns (Y)

[@shubhamranjan4596]

all ur videos r amazing really helpful brother 🤘🏻

[@ahmedrashed5567]

thanks so much for take care about beginner :) god bless you

[@jyscalv7008]

What theme are u using?

[@CarlosCruz85]

Awesome and simple! Powerfull!

[@csisz_zsolt6763]

This is awesome, glad I found your channel :))

[@dremiq6670]

16:41 you can just use color: transparent; and it will still work :)

[@thatguycheddar]

Thanks for another dope tutorial!!. cant see the link for the images though

[@wilsonfaustino]

Man, I love your tutorial videos. Keep publishing them, please. Ps. I do not hate everything, but I do get upset when a webpage messes around with my scroll bar. Ps2. You could teach us how to get around with those annoying webpages. P3. Thank you and greetings from Brazil.

[@rennesinternet3872]

learn while laughing ... if my teachers had your talent 30 years ago, I would be ... a cowboy now! thanks for all ;)

[@yolo-mb4cy]

14:55 cant you just do text-align center?

[@front-enddev5917]

no because the background will occupy all not only the "h1" it will be from the left of the page to the right

[@FerdousHassan-cx8zi]

Which theme you are using bro???

[@eloytekila]

Thanks man! i had learn to much with your videos

[@adarshkumar3518]

Sit back and relax? I will probably be scratching my head after you write

[@adarshkumar3518]

Which you didn't write. You wrote everything all at once.

[@mimiabdo7463]

@@adarshkumar3518 lol

[@flyinthesky3927]

Try using "toggle text wrap" (or something like that) in the VSCode view tab when you work with large paragraphs 😉. Thanks for the guide, I'm gonna use it in my next project.

[@hasanabir115]

alt + z to toggle word warp

[@HealthHabitsHQ.]

hey Dev Ed love all of Ur video, would you recommend any other channels to learn js?

[@suryanshusharma3227]

You are becoming more like PewDiePie with day by day

[@sinashohrat2353]

We love animation and javascript =D

[@yk-mp7bk]

You are great man. Today i see your video. Recommended from You tube algorithm. I subscribe your channel and this is my 3rd video. Awesome. Love from India.

[@ЮрВлад]

helllo, dear fan of Pew and 9gag. Thank you for the great video!

[@JC-yy5nf]

tweenMax from GSAP doesn't seem to be listed on the site anymore. here is the link if anyone has been looking for it: cdnjs. cloudflare . com/ ajax/libs/gsap/2.1.3/TweenMax.min.js

[@michongoma7598]

Thanks, these are the best!

[@varshakapil8224]

Other than learnings...you are so cool...love your way...

[@abdifatahmoh]

Keep doing more projects like this in JS please.

[@BorNation]

Did You Say You Stop Code??

[@suyeonkang9962]

So fancy. Thank u awesome teacher!

[@mdsakibalhasan4888]

Wow,,,,,, Nice Animation brother

[@salsy7286]

Hi this is the first time I do comment on your channel, I'm happy to watch your videos or lets say your video make me happy😁. My question is you did more than one h1 in same page! Can you put more than one h1 in same in this full page?

[@sedoid]

Dude, you're awesome!!

[@geekcode3079]

Love this kinda videos , make of this kind 😍🔥

[@Dropsen1]

+Dev Ed Hi, by specyfing index by typing === '1' can I select for example index 0 and index 3? And second question, how to loop animaton with chairs?

[@mathiasebner44]

Thanks so much, please do more great stuff!

[@farhaditsamadov5513]

Dude you are amazing thanks you for everything!

[@DominiQe9]

Gr8 video dude. Can u give a tip, how to make it work using that lambda(?) expression to add a navigation on top?

[@rajeshrout648]

Sir please make complete full responsive website tutorial with these animations tutorial. It can be a great help to the beginners

[@alvaro_trigo]

Just look at the "responiveWidth" and "responsiveHeight" options that fullPage.js provides as well as the class "fp-auto-height-repsonsive". Examples here: alvarotrigo.com/fullPage/examples/responsive.html alvarotrigo.com/fullPage/examples/autoHeightResponsive.html Docs: github.com/alvarotrigo/fullPage.js

[@Qors1314]

Hey Ed! Could you possibly do a tut on media query? =D

[@tuxdinosaur1672]

I love your videos :3

[@osmeig6025]

Good tutorial! What theme do you use in the VSCode?