Learn By Example- jQuery

Learn By Example: jQuery, available at $54.99, has an average rating of 4.7, with 78 lectures, based on 174 reviews, and has 3906 subscribers.

You will learn about Use jQuery with ease to add styles, animations, Ajax support and more to their websites Use custom plugins to add common components to sites rather than re-inventing the wheel Build their own stateless and stateful custom plugins in jQuery Work with the jQuery UI library including the theme roller This course is ideal for individuals who are Yup! Web developers who want to move beyond mundane Javascript programming and harness the power of jQuery or Nope! Students who have never done web development using Javascript before It is particularly useful for Yup! Web developers who want to move beyond mundane Javascript programming and harness the power of jQuery or Nope! Students who have never done web development using Javascript before.

Enroll now: Learn By Example: jQuery

Summary

Title: Learn By Example: jQuery

Price: $54.99

Average Rating: 4.7

Number of Lectures: 78

Number of Published Lectures: 78

Number of Curriculum Items: 78

Number of Published Curriculum Objects: 78

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Use jQuery with ease to add styles, animations, Ajax support and more to their websites

Use custom plugins to add common components to sites rather than re-inventing the wheel

Build their own stateless and stateful custom plugins in jQuery

Work with the jQuery UI library including the theme roller

Who Should Attend

Yup! Web developers who want to move beyond mundane Javascript programming and harness the power of jQuery

Nope! Students who have never done web development using Javascript before

Target Audiences

Yup! Web developers who want to move beyond mundane Javascript programming and harness the power of jQuery

Nope! Students who have never done web development using Javascript before

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.

Accomplish stuff with one line of code:?jQuery makes common stuff super simple. Select?all paragraphs on a page? One line of code. Style all headers under the container <div> with a yellow highlight? One line of code. Animate all the ball widgets such that they bounce and move around the screen? One line of code

Basic building blocks to custom plugins:?The course starts?with?basic principles which form the backbone of jQuery. Selectors, working with events, applying styles and animations, DOM manipulations, Ajax requests, using custom plugins etc. The later part of the course shows you can roll your own stateless and stateful plugins using the $.fn object and the widget factory.

In this course, we will?learn by example.?Each example is self-contained, has its source code attached, and gets across a specific jQuery use-case.?Each example is simple by itself, but they?come?together as building blocks to build complex use cases.

What’s included in this course:

Installing and setting up a basic web?server with jQuery and jQuery UI libraries?

jQuery basics:?Selectors, selector functions, mouse and key event handlers,?CSS animations and styles,?the animate() function, appending and editing DOM elements, Ajax requests

jQuery in-depth: Advanced selectors, event propagation, event capture and bubble phases,?how animations work, custom animation queues and bypassing the queues, performance tips and tricks

jQuery plugins: Using custom plugins, developing a stateless plugin using the?$.fn object, stateful plugins using the Widget Factory, jQuery UI components and the jQuery UI?theme roller

Course Curriculum

Chapter 1: You, This Course and Us

Lecture 1: You, This Course and Us

Chapter 2: Introduction To jQuery

Lecture 1: Client side programming with Javascript

Lecture 2: Why is jQuery cool?

Lecture 3: The Document Object Model

Chapter 3: Install And Set Up

Lecture 1: Npm and Http Server install

Lecture 2: Download and set up jQuery

Lecture 3: Set up examples used in this course

Chapter 4: Selectors

Lecture 1: Example 1: Hello jQuery World!

Lecture 2: Selectors

Lecture 3: Example 2: Simple selectors

Lecture 4: Example 3: More selectors

Lecture 5: Example 4: Traversing The DOM

Lecture 6: Example 5: Advanced selectors

Lecture 7: Example 6: Select using functions – the filter() selector

Chapter 5: Some Loose Ends

Lecture 1: Example 7: Chaining

Lecture 2: Example 8: jQuery in the no-conflict mode

Lecture 3: Accessing native browser element

Chapter 6: Event Handling

Lecture 1: Events and event handling

Lecture 2: Example 9: Event handlers

Lecture 3: The event object

Lecture 4: Example 10: Accessing the event object properties

Lecture 5: Event capture and bubble phases

Lecture 6: Example 11: Multiple event handlers

Lecture 7: Example 12: Passing data to event handlers

Lecture 8: Example 13: Listen just once

Lecture 9: Example 14: Remove event handlers

Lecture 10: Example 15: Events in namespaces

Lecture 11: Event delegation

Lecture 12: Example 16: Setting up delegated events

Lecture 13: Example 17: Listening to key events

Lecture 14: Example 18: Event triggers

Lecture 15: Custom events

Lecture 16: Example 19: Working with custom events

Chapter 7: CSS And Animations

Lecture 1: Effects and animations

Lecture 2: Example 20: The css() function

Lecture 3: Example 21: The show() and hide() functions

Lecture 4: Example 22: The fadeIn() and fadeOut() animations

Lecture 5: Example 23: The slideUp() and slideDown() animations

Lecture 6: Example 24: The toggle() function

Lecture 7: How do jQuery animations work?

Lecture 8: Example 25: Run code after an animation completes

Lecture 9: Example 26: The animate() function

Lecture 10: Example 27: More animation fun

Lecture 11: Example 28: Stop animations using the stop() function

Lecture 12: Example 29: Delay animations using delay()

Lecture 13: Example 30: Chaining and queueing animations

Lecture 14: Example 31: Custom animation queues

Lecture 15: Example 32: Bypassing the queue

Chapter 8: DOM Manipulation

Lecture 1: Manipulating the DOM

Lecture 2: Example 33: Manipulating element contents

Lecture 3: Example 34: The attr() and removeAttr() functions

Lecture 4: Example 35: Add DOM elements relative to selected elements

Lecture 5: Example 36: Create or clone elements

Lecture 6: Example 37: The remove(), detach() and empty() functions

Lecture 7: Example 38: The wrap() and wrapAll() functions

Lecture 8: Example 39: Explicit iteration using each()

Chapter 9: Ajax Requests

Lecture 1: Ajax

Lecture 2: Example 40: The $.ajax() request

Lecture 3: Example 41: Syntactic sugar – the $.get(), $.getScript(), $.getJSON()

Lecture 4: Example 42: The load() function

Lecture 5: Example 43: Serialize form contents using serialize() and serializeArray()

Lecture 6: Example 44: Local and global Ajax events

Chapter 10: Performance Optimizations

Lecture 1: Categories of optimization techniques

Lecture 2: Performance optimizations tips and tricks

Chapter 11: Plugins

Lecture 1: What are plugins?

Lecture 2: Example 45: The Slick carousel

Lecture 3: Building your own custom plugin

Lecture 4: Example 46: Our first custom plugin, the fancyButton()

Lecture 5: Example 47: Best practices to follow in the fancyButton() plugin

Chapter 12: The Widget Factory

Lecture 1: What is the Widget Factory?

Lecture 2: Example 48: Build your first widget

Lecture 3: Example 49: Widgets which expose methods to manipulate them

Lecture 4: Example 50: Widgets which trigger events

Chapter 13: The jQuery UI Library

Lecture 1: Download and install the jQuery UI library

Lecture 2: Example 51: Set up components using the jQuery UI library

Lecture 3: Example 52: The effects() function

Lecture 4: The jQuery UI theme roller

Lecture 5: Example 53: Try a custom theme

Instructors

Loony Corn
An ex-Google, Stanford and Flipkart team

Rating Distribution

1 stars: 1 votes

2 stars: 7 votes

3 stars: 11 votes

4 stars: 70 votes

5 stars: 85 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!