Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 7 hours on-demand video
  • 153 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development jQuery

Learn By Example: jQuery

53 examples which form a step-by-step guide to master jQuery
Rating: 4.0 out of 54.0 (154 ratings)
3,764 students
Created by Loony Corn
Last updated 12/2016
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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
Curated for the Udemy for Business collection

Course content

13 sections • 78 lectures • 7h 12m total length

  • Preview01:59

  • Preview07:44
  • Preview08:08
  • Preview04:45

  • Npm and Http Server install
    04:47
  • Download and set up jQuery
    03:32
  • Set up examples used in this course
    02:13

  • Preview11:33
  • Selectors
    04:27
  • Example 2: Simple selectors
    04:12
  • Example 3: More selectors
    09:10
  • Example 4: Traversing The DOM
    08:37
  • Example 5: Advanced selectors
    04:44
  • Example 6: Select using functions - the filter() selector
    04:34

  • Example 7: Chaining
    04:38
  • Example 8: jQuery in the no-conflict mode
    07:19
  • Accessing native browser element
    01:20

  • Preview07:29
  • Example 9: Event handlers
    09:12
  • The event object
    06:02
  • Example 10: Accessing the event object properties
    05:28
  • Event capture and bubble phases
    08:07
  • Example 11: Multiple event handlers
    04:32
  • Example 12: Passing data to event handlers
    03:11
  • Example 13: Listen just once
    03:09
  • Example 14: Remove event handlers
    04:29
  • Example 15: Events in namespaces
    06:19
  • Event delegation
    06:05
  • Example 16: Setting up delegated events
    05:05
  • Example 17: Listening to key events
    03:05
  • Example 18: Event triggers
    04:30
  • Custom events
    04:04
  • Example 19: Working with custom events
    04:27

  • Preview03:57
  • Example 20: The css() function
    09:03
  • Example 21: The show() and hide() functions
    06:03
  • Example 22: The fadeIn() and fadeOut() animations
    03:01
  • Example 23: The slideUp() and slideDown() animations
    02:15
  • Example 24: The toggle() function
    02:43
  • How do jQuery animations work?
    04:15
  • Example 25: Run code after an animation completes
    04:38
  • Example 26: The animate() function
    05:33
  • Example 27: More animation fun
    04:00
  • Example 28: Stop animations using the stop() function
    07:38
  • Example 29: Delay animations using delay()
    03:46
  • Example 30: Chaining and queueing animations
    07:34
  • Example 31: Custom animation queues
    05:05
  • Example 32: Bypassing the queue
    04:55

  • Preview01:15
  • Example 33: Manipulating element contents
    04:27
  • Example 34: The attr() and removeAttr() functions
    04:37
  • Example 35: Add DOM elements relative to selected elements
    09:48
  • Example 36: Create or clone elements
    06:31
  • Example 37: The remove(), detach() and empty() functions
    07:32
  • Example 38: The wrap() and wrapAll() functions
    04:03
  • Example 39: Explicit iteration using each()
    02:23

  • Preview05:09
  • Example 40: The $.ajax() request
    10:10
  • Example 41: Syntactic sugar - the $.get(), $.getScript(), $.getJSON()
    06:36
  • Example 42: The load() function
    02:36
  • Example 43: Serialize form contents using serialize() and serializeArray()
    07:18
  • Example 44: Local and global Ajax events
    09:30

  • Preview04:22
  • Performance optimizations tips and tricks
    08:56

Requirements

  • Basic understanding of HTML, CSS and Javascript

Description

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

Who this course is for:

  • 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

Instructor

Loony Corn
An ex-Google, Stanford and Flipkart team
Loony Corn
  • 4.2 Instructor Rating
  • 21,359 Reviews
  • 127,149 Students
  • 73 Courses

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

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.