Fullpage Animations With Javascript Tutorial
Вставка
- Опубліковано 18 вер 2024
- Check out my courses!
developedbyed....
In this episode we are going to learn some javascript and animations!
We are going to take a look at gsap and fullpage js to create some fluid transitions between different sections in our websites.
If you are a beginner in javascript or you want to learn some javascript animations I highly recommend you to follow along!
Microphones I Use
Audio-Technica AT2020 - geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 - geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB - geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - geni.us/bilekX (Amazon)
Logitech G305 - geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
🎁Support me on Patreon for exclusive episodes, discord and more!
/ dev_ed
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/dev...
#javascript #programming
Code and Images ---> www.patreon.com/posts/30541351
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).
Thank u
Many thanks Ed :
is there any way to show nav dots name without hoivering on it ?
But it is nottt responsive
"empty file empty as our Life"🤣🤣🤣
Debabrata Sen i also laughed loudly😂
Lol
You make programming WAY more fun. Thanks a LOT for your tutorials!
Man, i haven't laughed and enjoyed learning to program like this in a while...thanks!
PewDiePie of Coding !!!!!!!
Respect
except that pewdiepie isn't good at anything.
pewdiepies cool older brother
Finally you recorded what I am here for :)
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 :)
I was searching for a perfect video from a while and I got it
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.
Hello my gorgeous friend on the Internet.
hello my gorgeous friend on the internet 1 year ago 🙂
@@pythonwolf3817 hello my gorgeous friend on the internet 5 months ago 🙂
@@oxcymultimedia6482 🙂🙂🙂😇😇🤗🤗
i love how this dude always looks happy.
Him: as empty as our lives.
Me: 😟
The only person who makes stuying as fun as watching a enterainment video love you
My favorite teacher!
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 :)
I fUCKIN' LOOOOOVEEEE YOUR ENERGY 😂 🤣
I really like your motivation on the videos like seriously you're awesome
"We have empty files, as our life!" 😆🤣😂 Man o man!!!
Excited to see this tutorial.
Nice tutorial as always!!! But will also nice to see this with "pure JavaScript", I mean, without library made from others.
Yes yes yes
We need more animation effect with pure JavaScript. Thanks for all
Yes. JavaScript animations. My favourite thing.
I have seen so many youtube tutorials but I am always delighted to see your videos 👍
Venia escuchandote en ingles muy tranquilo hasta que tiraste un "perfecto" y me quede como: -....¿que?- Saludos desde Argentina, me encantan tus videos
me pasó igual
Saludos a Nargentina we xd
Truely love the way you code and explain little things for us....thanx for everthing Mr.dev
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.
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.
I love your videos :3
Loved the video Ed. Javascript animations video by you are my favorites.
My boy is back in coding!
With FUN ❤
Love your tutorials mann!!! Thanks a lot for this!!
Thanks Ed, just what I was looking for
thanks so much
for take care about beginner :)
god bless you
Thank you for explaining everything so well as you go along. It really helps a beginner like me.
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...
I really enjoying this tutorial buddy... I am always waiting for new updating videos
Hello ed, great tutorial. Always fun to watch. I can’t wait for your new video.
Sit back and relax? I will probably be scratching my head after you write
Which you didn't write. You wrote everything all at once.
@@adarshkumar3518 lol
Gonna eat while watching this. Thank you for your humor btw!
I wish u made everything important from scratch like that fullpage animation u downloaded :(
14:55 cant you just do text-align center?
no because the background will occupy all not only the "h1" it will be from the left of the page to the right
Great explanation, easier to understand
I was searching for the exact same thing yesterday, and today you uploaded it! What a legend
Thanks a bunch
Exactly what I was looking for... Thanks D v Ed.
I always wanted to learn this! I am glad I stumbled on this video, I will play with it and see how it goes :)
Thanks, these are the best!
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 ..
Love you man, I get boosted up whenever I see you
Eyy look who's back at the classic js tutos
so useful! I'm starting to learn and really appreciaty your videos, greetings from Spain :)
thanks for the lesson it's really help for a student like me
You're getting better every video bro
Dev ed new video? YASSSSSSSSSSSSSS
Awesome and simple! Powerfull!
Dude, you're awesome!!
Great videos as always hope for more front end dev and python tutorials.
Thanks so much, please do more great stuff!
Good job 👏
I just love your videos! Especially your commentary on the tags 😂 also your accent helps me sleep so thank you :)
wtf hahaha do you play his videos and listen to his voice while trying to sleep??
This is awesome, glad I found your channel :))
all ur videos r amazing really helpful brother 🤘🏻
Literally the video I need
You can use shift + arrow keys to highlight letter by letter then shift + ctrl + arrow keys highlights word by word
thats super awesome. thanks
TY BRO! un saludo desde Colombia!
Let's hit one million at the end of the year
I love this dude he is funny and creative to...downtown from Nairobi,Kenya
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
Thanks man! i had learn to much with your videos
who's here thinks this guys is like PewDiePie, haha, everyday watching this channel. so helpful for me, thanks Man.
He's the life saver for all front end developers❤️😎
OMG I've been looking for this thing for so long .. and you saved me 😂Thank god
it doesn't work at all .... hahaha 😅
learn while laughing ... if my teachers had your talent 30 years ago, I would be ... a cowboy now! thanks for all ;)
Dude you are amazing thanks you for everything!
I just like this guy. He can make you like to code. Great person.
Perfect! Your Tuts makes learning easy. Please do video on Git. plzzzzzzz
16:41 you can just use color: transparent; and it will still work :)
I started my channel 10 days before him but my channel is nothing compare to his. Good job man.
Thanks for this topic . I really want to learn javascript . Thanks for attending this topic
this is JavaScript though, totally different from Java
hey Dev Ed love all of Ur video, would you recommend any other channels to learn js?
thank you for this helpful video
love u dude!!
beautiful, thx man:)
Hahahaha, the best intro to tutorial bro! You are the funniest profesor!
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.
alt + z to toggle word warp
Love this kinda videos , make of this kind 😍🔥
So fancy. Thank u awesome teacher!
Thanks for another dope tutorial!!. cant see the link for the images though
Keep doing more projects like this in JS please.
Wow,,,,,, Nice Animation brother
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.
awesome joker))
You are just crazy man i'm a a fan of yours now i subscribe your channel.
Great teacher ❤️
Boy you're simply great!!
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.
"Is always empty as our lives" lmao. That was an awesome tutorial though.
Hello my gorgeous friend on the internet
Other than learnings...you are so cool...love your way...
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)
😁😁😁😁
What you eat before coding....?
when you recieve a $110,000 contract in your gmail, 0:14 🤣