Fullpage Animations With Javascript Tutorial

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 386

  • @developedbyed
    @developedbyed  5 лет назад +83

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

    • @serioussam9400
      @serioussam9400 5 лет назад +7

      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
      @myanh2299 5 лет назад

      Thank u

    • @rennesinternet3872
      @rennesinternet3872 4 года назад

      Many thanks Ed :

    • @hunterss3017
      @hunterss3017 4 года назад

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

    • @saraharslan1435
      @saraharslan1435 4 года назад

      But it is nottt responsive

  • @debabratasen6955
    @debabratasen6955 5 лет назад +286

    "empty file empty as our Life"🤣🤣🤣

  • @randerins
    @randerins 5 лет назад +8

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

  • @martin-1965
    @martin-1965 5 лет назад +3

    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 :)

  • @gavr1loo
    @gavr1loo 5 лет назад +10

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

  • @hassantariq8847
    @hassantariq8847 5 лет назад +30

    PewDiePie of Coding !!!!!!!
    Respect

    • @Jvst0nTime
      @Jvst0nTime 3 года назад +5

      except that pewdiepie isn't good at anything.

    • @bragiodinsen4604
      @bragiodinsen4604 3 года назад

      pewdiepies cool older brother

  • @scythe_ghoul
    @scythe_ghoul 3 года назад

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

  • @gratien25
    @gratien25 5 лет назад

    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.

  • @klesar84
    @klesar84 5 лет назад +3

    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
    @sagarsingh2601 5 лет назад

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

  • @umeshagarwal4271
    @umeshagarwal4271 3 года назад

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

  • @ErrorDebug
    @ErrorDebug 5 лет назад +13

    Finally you recorded what I am here for :)

  • @avishkarnartawadekar2936
    @avishkarnartawadekar2936 5 лет назад +7

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

    • @frogsama666
      @frogsama666 5 лет назад +1

      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.

  • @bruce7012
    @bruce7012 5 лет назад +3

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

  • @lokeshnaidu1935
    @lokeshnaidu1935 3 года назад

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

  • @chrispaige873
    @chrispaige873 5 лет назад +7

    My favorite teacher!

  • @AkashAhmed-bb2nq
    @AkashAhmed-bb2nq 5 лет назад +2

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

  • @anamartin5311
    @anamartin5311 3 года назад

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

  • @VerifyBot
    @VerifyBot 5 лет назад +1

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

  • @Earthcows
    @Earthcows 5 лет назад

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

  • @zarghamaijaz5933
    @zarghamaijaz5933 4 года назад +9

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

  • @codedbychavez8190
    @codedbychavez8190 3 года назад

    Excited to see this tutorial.

  • @tavleenkaur8325
    @tavleenkaur8325 3 года назад +1

    I fUCKIN' LOOOOOVEEEE YOUR ENERGY 😂 🤣

  • @---zf5qm
    @---zf5qm 5 лет назад

    You're getting better every video bro

  • @randomjane8731
    @randomjane8731 4 года назад

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

    • @guyfawkes6930
      @guyfawkes6930 3 года назад

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

  • @rohansaand2023
    @rohansaand2023 5 лет назад

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

  • @dadlord689
    @dadlord689 5 лет назад

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

  • @johnjeralddechavez4813
    @johnjeralddechavez4813 5 лет назад +1

    My boy is back in coding!
    With FUN ❤

  • @jihaye9805
    @jihaye9805 3 года назад

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

    • @jihaye9805
      @jihaye9805 3 года назад

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

  • @techtips4019
    @techtips4019 5 лет назад +47

    Hello my gorgeous friend on the Internet.

    • @pythonwolf3817
      @pythonwolf3817 3 года назад +1

      hello my gorgeous friend on the internet 1 year ago 🙂

    • @oxcymultimedia6482
      @oxcymultimedia6482 2 года назад

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

    • @pythonwolf3817
      @pythonwolf3817 2 года назад

      @@oxcymultimedia6482 🙂🙂🙂😇😇🤗🤗

  • @Frankslaboratory
    @Frankslaboratory 5 лет назад +2

    Yes. JavaScript animations. My favourite thing.

  • @anilgadekar3036
    @anilgadekar3036 5 лет назад

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

  • @anastasia_kon
    @anastasia_kon 5 лет назад +1

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

  • @buildwithgenai
    @buildwithgenai 4 года назад

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

  • @FedeRacun
    @FedeRacun 5 лет назад +16

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

    • @gvstv_
      @gvstv_ 4 года назад

      me pasó igual

    • @alejomakevids
      @alejomakevids 3 года назад +1

      Saludos a Nargentina we xd

  • @thewebproject
    @thewebproject 5 лет назад

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

  • @fvgoya
    @fvgoya 5 лет назад +19

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

  • @nith.p
    @nith.p 5 лет назад

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

  • @ayoubbelouadah7195
    @ayoubbelouadah7195 5 лет назад

    Eyy look who's back at the classic js tutos

  • @yolo-mb4cy
    @yolo-mb4cy 5 лет назад +9

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

    • @front-enddev5917
      @front-enddev5917 5 лет назад

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

  • @TheLollercaster
    @TheLollercaster 5 лет назад

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

  • @janmejayshastri2892
    @janmejayshastri2892 3 года назад

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

  • @williamwalker4494
    @williamwalker4494 4 года назад

    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...

  • @agnieravinsensia4018
    @agnieravinsensia4018 2 года назад

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

  • @dapydoe
    @dapydoe 2 года назад

    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 ..

  • @amarnathmukherjee3900
    @amarnathmukherjee3900 5 лет назад

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

    • @nes3n16
      @nes3n16 5 лет назад

      this is JavaScript though, totally different from Java

  • @bounce21190
    @bounce21190 4 года назад

    Thanks Ed, just what I was looking for

  • @agungjanuardi9317
    @agungjanuardi9317 3 года назад

    Great explanation, easier to understand

  • @charith-q8m
    @charith-q8m Год назад

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

  • @Amitkumar-zp3wb
    @Amitkumar-zp3wb 4 года назад

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

  • @tyjaniihassan4362
    @tyjaniihassan4362 5 лет назад

    Literally the video I need

  • @itsrasterize8898
    @itsrasterize8898 5 лет назад

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

  • @robinware77
    @robinware77 5 лет назад +1

    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.

  • @HarshRajAlwaysfree
    @HarshRajAlwaysfree 5 лет назад +7

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

  • @Mdelacruzmelo
    @Mdelacruzmelo 5 лет назад

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

  • @antarracoding
    @antarracoding 5 лет назад +1

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

  • @adarshkumar3518
    @adarshkumar3518 5 лет назад +2

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

    • @adarshkumar3518
      @adarshkumar3518 5 лет назад +1

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

    • @mimiabdo7463
      @mimiabdo7463 5 лет назад

      @@adarshkumar3518 lol

  • @yk-mp7bk
    @yk-mp7bk 5 лет назад +1

    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.

  • @shubhamranjan4596
    @shubhamranjan4596 5 лет назад

    all ur videos r amazing really helpful brother 🤘🏻

  • @dremiq6670
    @dremiq6670 5 лет назад +1

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

  • @ahmedrashed5567
    @ahmedrashed5567 5 лет назад +2

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

  • @loladinn12
    @loladinn12 5 лет назад +1

    Dev ed new video? YASSSSSSSSSSSSSS

  • @csisz_zsolt6763
    @csisz_zsolt6763 4 года назад

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

  • @4v41on8
    @4v41on8 4 года назад

    TY BRO! un saludo desde Colombia!

  • @eloytekila
    @eloytekila 5 лет назад

    Thanks man! i had learn to much with your videos

  • @tuxdinosaur1672
    @tuxdinosaur1672 5 лет назад +1

    I love your videos :3

  • @TheDavechirag
    @TheDavechirag 5 лет назад +5

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

  • @rennesinternet3872
    @rennesinternet3872 4 года назад

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

  • @joaquimpaul7548
    @joaquimpaul7548 5 лет назад +1

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

  • @michongoma7598
    @michongoma7598 5 лет назад +1

    Thanks, these are the best!

  • @heipadegdingamlesei
    @heipadegdingamlesei 4 года назад

    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)

  • @CarlosCruz85
    @CarlosCruz85 5 лет назад

    Awesome and simple! Powerfull!

  • @sedoid
    @sedoid 5 лет назад +1

    Dude, you're awesome!!

  • @farhaditsamadov5513
    @farhaditsamadov5513 5 лет назад

    Dude you are amazing thanks you for everything!

  • @mahbobalavi2257
    @mahbobalavi2257 3 года назад

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

  • @suyeonkang9962
    @suyeonkang9962 4 года назад

    So fancy. Thank u awesome teacher!

  • @Mountaineer07
    @Mountaineer07 4 года назад

    You are just crazy man i'm a a fan of yours now i subscribe your channel.

  • @rishandilruk9365
    @rishandilruk9365 3 года назад

    Great teacher ❤️

  • @PaschalAOgba
    @PaschalAOgba 5 лет назад

    Perfect! Your Tuts makes learning easy. Please do video on Git. plzzzzzzz

  • @thinkingaloud7925
    @thinkingaloud7925 5 лет назад

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

  • @abdifatahmoh
    @abdifatahmoh 5 лет назад

    Keep doing more projects like this in JS please.

  • @sinashohrat2353
    @sinashohrat2353 5 лет назад

    We love animation and javascript =D

  • @watanuki2367
    @watanuki2367 3 года назад

    in 16:48 what's the difference between using [ -webkit-text-fill-color ] vs [ color ]? as they seem to have the same effect

  • @dhirajzope6375
    @dhirajzope6375 4 года назад

    Boy you're simply great!!

  • @rajeshrout648
    @rajeshrout648 5 лет назад

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

    • @alvaro_trigo
      @alvaro_trigo 5 лет назад

      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

  • @mdsakibalhasan4888
    @mdsakibalhasan4888 3 года назад

    Wow,,,,,, Nice Animation brother

  • @varshakapil8224
    @varshakapil8224 5 лет назад

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

  • @thatguycheddar
    @thatguycheddar 5 лет назад +1

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

  • @dfordemo981
    @dfordemo981 5 лет назад

    thats super awesome. thanks

  • @mathiasebner44
    @mathiasebner44 5 лет назад +1

    Thanks so much, please do more great stuff!

  • @ЮрВлад
    @ЮрВлад 5 лет назад

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

  • @flyinthesky3927
    @flyinthesky3927 5 лет назад

    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.

  • @wilsonfaustino
    @wilsonfaustino 5 лет назад

    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.

  • @waseemhaddad4796
    @waseemhaddad4796 5 лет назад

    dude your the best

  • @geekcode3079
    @geekcode3079 5 лет назад

    Love this kinda videos , make of this kind 😍🔥

  • @VivekKumar-cj1jo
    @VivekKumar-cj1jo 4 года назад +1

    which color theme does he use? anyone plz

  • @HealthHabitsHQ.
    @HealthHabitsHQ. 5 лет назад +1

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

  • @JC-yy5nf
    @JC-yy5nf 4 года назад +1

    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

  • @fibercreates
    @fibercreates 5 лет назад

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

  • @kunalbatra4166
    @kunalbatra4166 5 лет назад +1

    love u dude!!