Complete Jquery Masterclass: From Beginner To Expert
Published 10/2024
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz
Build Professional, Responsive, and Dynamic Websites Using jQuery
What you’ll learn
Understand the purpose of jQuery and its advantages in simplifying JavaScript for web development.
Learn how to include jQuery in web projects, set it up using a CDN, and write basic jQuery syntax.
Master event handling with jQuery, including mouse, keyboard, form, and window events to create interactive user experiences.
Learn to retrieve and modify content using text(), html(), val(), and attr() methods for dynamic content management.
Manipulate and control CSS properties dynamically by adding, removing, or toggling classes and modifying inline styles.
Utilize on() and off() methods to manage event listeners efficiently and improve interactivity on your web pages.
Master DOM manipulation techniques such as appending, prepending, removing, and replacing elements for dynamic content control.
Understand how to measure and modify the size and position of elements using width, height, and offset methods.
Learn how to create animations and effects like showing, hiding, fading, and sliding elements to enhance user engagement.
Explore DOM traversal methods like finding ancestors, descendants, and siblings to efficiently manipulate specific elements.
Gain insight into event object properties such as pageX, target, and methods like preventDefault() for advanced event handling.
Discover how to extend jQuery functionality using plugins to create more advanced and customized web interactions.
Requirements
Basic understanding of HTML, CSS, and JavaScript
No prior experience with jQuery is required
Description
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Setup jQuery
Lecture 3 Setup jQuery with CDN
Lecture 4 Basic Syntax
Lecture 5 Selectors
Section 3: Events
Lecture 6 Mouse Event
Lecture 7 Keyboard Event
Lecture 8 Form Event
Lecture 9 Window Event
Section 4: Get & Set Methods
Lecture 10 Get Methods
Lecture 11 Set Methods
Section 5: CSS Manipulation
Lecture 12 Add Remove & Toggle Class
Lecture 13 CSS Method
Lecture 14 hasClass Method
Section 6: Event Handling
Lecture 15 On Method
Lecture 16 Off Method
Section 7: DOM Manipulation
Lecture 17 Append & Prepend
Lecture 18 After & Before
Lecture 19 Empty & Remove
Lecture 20 Appendto & PrependTo
Lecture 21 Clone
Lecture 22 ReplaceWith & ReplaceAll
Lecture 23 Wrap & Unwrap
Lecture 24 WrapAll & Innerwrap
Section 8: Dimension & Position
Lecture 25 Width & Height Methods
Lecture 26 Position & Offset Methods
Lecture 27 ScrollTop & ScrollLeft Methods
Section 9: Effects
Lecture 28 Show Hide & Toggle
Lecture 29 Fading Methods
Lecture 30 Sliding Methods
Lecture 31 Animate Method
Lecture 32 Stop Method
Lecture 33 Method Chaining
Section 10: Traversing the DOM
Lecture 34 Ancestors Methods
Lecture 35 Descendant Methods
Lecture 36 Sibling Methods
Lecture 37 Filter Methods
Lecture 38 Has & Is Methods
Lecture 39 Each Method
Section 11: Event Object Properties
Lecture 40 pageX & pageY
Lecture 41 Event Type
Lecture 42 Event Which Property
Lecture 43 Event Target Property
Lecture 44 preventDefault Method
Lecture 45 stopPropagation Method
Section 12: What’s Next?
Lecture 46 jQuery Plugins
Aspiring Web Developers looking to build dynamic, interactive websites.,Front-End Developers wanting to master jQuery for efficient DOM manipulation and event handling.,Students and Beginners with basic HTML, CSS, and JavaScript knowledge.,Freelancers and Web Designers aiming to create more responsive, interactive websites.
