NOTE: This course uses jQuery 3.1.0 and jQuery UI 1.12.1
jQuery takes the most common operations that you would want to perform on your website and allows you to accomplish it in one line of code. Learn jQuery by example: from basic building blocks to developing your own custom plugins!
Let's parse that.
What's included in this course:
Using discussion forums
Please use the discussion forums on this course to engage with other students and to help each other out. Unfortunately, much as we would like to, it is not possible for us at Loonycorn to respond to individual questions from students:-(
We're super small and self-funded with only 2 people developing technical video content. Our mission is to make high-quality courses available at super low prices.
The only way to keep our prices this low is to *NOT offer additional technical support over email or in-person*. The truth is, direct support is hugely expensive and just does not scale.
We understand that this is not ideal and that a lot of students might benefit from this additional support. Hiring resources for additional support would make our offering much more expensive, thus defeating our original purpose.
It is a hard trade-off.
Thank you for your patience and understanding!
Why is it important to build a good website? What are the technologies involved?
Get a web server running and set up your examples.
Selectors are the backbone of jQuery. How do you choose the DOM elements that you want to manipulate?
Use the element name, class name and the element id to select DOM elements.
jQuery offers a rich variety of ways by which you can choose elements to perform actions on.
You can also choose to write code to select DOM elements you're interested in. This is an advanced use case though.
jQuery functions are concise precisely because they can be chained together. This example shows you the power of chaining.
All event handlers get an event object as an input argument. This holds meta information about the context in which the event occurred and is very useful.
Understand how events are propagated in the browser and how jQuery abstracts away all the quirks of when to handle a event.
Hook up event handlers so that they fire only for the very first occurrence of an event.
Namespaces allow us to work on events in logical groups.
Hook up events to elements which do not exist yet using event delegation.
This is a great tool for testing your event code, trigger events without the browser event actually occurring.
A simple DOM component can choose to fire its own custom events.
Get introduced to the variety of animations that jQuery enables for us.
Look behind the scenes at how jQuery manages to smoothly change CSS properties over the duration of the animation.
You can add a delay between every animation that plays using a simple function
Animations can be logically bundled together by adding them to custom queues.
Remove elements from the DOM before editing them as a performance optimization
Loonycorn is us, Janani Ravi and Vitthal Srinivasan. Between us, we have studied at Stanford, been admitted to IIM Ahmedabad and have spent years working in tech, in the Bay Area, New York, Singapore and Bangalore.
Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft
Vitthal: Also Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too
We think we might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why we are so excited to be here on Udemy!
We hope you will try our offerings, and think you'll like them :-)