jQuery Crash Course [4] - Effects and Animation

In this video we will look at the jQuery fade and slide methods/effects as well as the animate method

[ankitaaarya]

last 3 minutes was like climax of this movie 😂☺. thanks Brad for all these videos.

[rafdnaah]

10x more thorough and informative than some college classes I know of. Keep it up.

[kadiroelemo]

Thank you so much Brad for doing this for me. It cleared out for me a lot of foggy areas. I will keep watching your videos with all ads.

[langchen]

This is so helpful! Thanks, Brad for making learning JQuery so enjoyable!

[sandeepraul]

Simple, precise, clear and to the point teaching style... if there was choice, i would have given million likes for this tutorial... your teaching style is amazing... Hoping to see videos on other subjects as well...

[FordExplorer-rmew]

This helps me from time to time when i need to revisit this.

jQuery animation chaining isnt something i commit to memory.

This is a good resource and i appreciate it thx

The sound of the keyboard is so pleasing

[Leonardo-gcrh]

1. Updating the HTML Structure and CSS file 00:00
2. FadeOut with two parameters (time and CallBack function) 02:30
3. FadeIn with one parameter (time) 04:30
4. Fade Toggle method 05:02
5. Creating some buttons in HTML for SlideUp and SlideDown methods 05:28
6. SlideUp and SlideDown methods 06:11
7. Stop Method 06:59
8. Setting up a session for Animation with HTML elements and CSS attributes 08:05
9. Animation for move to the Right using animate method 09:43
10. Animation for move to the Left using animate method 11:05
11. Animation with height, width, and opacity attributes for MoveRight & MoveLeft buttons 11:26
12. Move Around Button 12:55

[you_gotit_bud]

For anyone getting the ".fadeOut is not a function" error within the first few minutes of the tutorial, check to make sure you're using the correct jQuery library. I was using the "slim" cdn and found out the hard way after many minutes yelling at my computer and the sky that you need to include the "full" cdn version, which is available on the jQuery Downloads page. The slim version does not support animation, according to the Stack Overflow thread I read at least.

[benjaminrina]

simple and clean .... perfect tutorial

[dogstar]

This is great! Thanks Brad! ( PS> an ad came up for your Eudonix class, but I did not see your name anywhere on it. I clicked to see the summary and heard your voice. Your name should be on it as that would likely increase sales... Just my thoughts.)

[emdirtyyo]

Thx man! The only guy whose tutorials are cool and simple. also I like your voice

[TheCodebookInc]

sir I have been working on project in which i have to make a planner, so, for that I have an array containing all the dates between 2 dates and a holiday array. So how to get all the working dates between those dates excluding holidays and weekends... I was able to do that in PHP but not in javascript using its library functions..
Need Your help..

[mirelasemanjaku]

I didn't like this video.. i loved it! This simplicity in teaching is essential for anyone getting into programming. very comprehensive and not intimidating at all!

[samadhanbagal]

Really nice Brad, you made our life really simple. It gives actual information in shortest time of video. I could see 1.22M subscribers include me now :)

[saltech]

Nice series

Though people are still saying jQuery does not worth it

[dewao]

Good job with this tutorials Brad. Can you show us some on scrolling effects?

[virinchi]

Hey brad create a jquery animation crash course

[umangternate]

How to make auto dismiss (fadeOut) notification without any button to click?

[gregreedy]

When I hover a button multiple times then remove the mouse, it continues to bounce until it has completed the amount of times I hovered the button. How do I fix this? Thanks :)