Complete jQuery Masterclass: From Beginner to Expert
Build Professional, Responsive, and Dynamic Websites Using jQuery
Lectures -46
Duration -3 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Take your web development expertise to the next step with Complete jQuery Masterclass: From Beginner to Expert. Whether you are a newcomer to jQuery or want to broaden your experience, it puts everything you need together to build professional, responsive, and dynamic websites.
As a basic form, you will be led step-by-step to include jQuery in your projects, how to make the correct selection and syntax, and to work on events, DOM manipulation, and adjustments, CSS manipulation, and its advanced features in the creation of interactive and aesthetic web experiences. You will come across powerful effects, animations, and methods to optimize performances and better user interactivity.
Learning Objectives
You'll learn about the importance of jQuery and how it makes JavaScript easier for web development.
Learn how to apply jquery to projects, configuring using a CDN, and also basic syntax writing.
Master Event Handling with jQuery
Show off events such as mouse, keyboard, form, and window events to create interactive user experiences.
Learn content retrieval and modification methods including text(), html(), val(), and attr() for dynamic modifications of content.
Master Dynamic Manipulation and Control of CSS properties such as adding classes, removing classes, toggling classes, and inline styles.
Use the ability of on() and off() methods to track events on your web page for making your page lively.
Master the manipulation of the DOM : appending and prepending to remove or replace elements, an activity for content dynamism.
Learn to control and alter the size and position of an element, by making it possible to measure and modify it with width, height, and offset methods.
Know how to make animations, show/hide, fade, and slide effects to raise the interest of users.
Learn how to traverse the DOM using ancestors, descendants, and sibling methods in order to comfortably manipulate the DOM.
Be familiar with pageX and target properties of an event object as well as preventDefault() method for more complex event handling.
Learn about extending jQuery functionality with plugins for creating complex and customized web interactions.
You'll spend the entire course working on actual projects, which demonstrate the practical use of jQuery, such that at the end of this course you'll be quite skillful, confident, and ready to apply this knowledge in actual environments.
By the end of the course, you will be well-equipped to implement jQuery in any web project to deliver dynamic and engaging sites.
Goals
Introduction to jQuery
Including jQuery in a project
Implementation with CDN
Basic Syntax
Selectors
Mouse Events (click, dblclick, contextmenu, mouseenter, mouseleave)
Keyboard Events (keypress, keydown, keyup)
Form Events (submit, change, focus, blur, select)
Window Events (resize, scroll)
Get Methods (text(), html(), val(), attr() )
Set Methods (text(), html(), val(), attr() )
addClass() & removeClass(), toggleClass() )
CSS() Method
hasClass()
on() & off() Methods
Append() & Prepend()
After() & Before()
Empty() & Remove()
appendTo() & prependTo()
Clone()
replaceWith() & replaceAll()
Wrap() & unwrap()
wrapAll() & wrapInner()
Width() & Height(), innerwidth, innerheight, outerwidth, outerheight, outwidht(true), outerheight(true)
Position() & Offset()
scrollTop() & scrollLeft()
Hide(), Show(), & Toggle()
fadeIn(), fadeOut(), fadeToggle(), fadeTo()
slideUp(), slideDown(), & slideToggle()
Animate() Method
Stop() Method
Method Chaining
Descendant Methods children() & find()
siblings(), next(), nextUntil(), prev(), prevAll(), prevUntil()
Filtering Methoes first(), last(), eq(), not(), slice()
has() & is()
each() Method
pageX & pageY
Event Type
Event Which Property
Event Target Property
Event preventDefault() Method
Event stopPropagation() Method
Prerequisites
Basic understanding of HTML, CSS, and JavaScript.
No prior experience with jQuery is required

Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
1 Lectures
-
Introduction to jQuery 02:45 02:45
Getting Started
4 Lectures

Events
4 Lectures

Get and Set Methods
2 Lectures

CSS Manipulation
3 Lectures

Event Handling
2 Lectures

DOM Manipulation
8 Lectures

Dimensions and Positioning
3 Lectures

Effects
6 Lectures

Traversing the DOM
6 Lectures

Event Object Properties
6 Lectures

What is Next?
1 Lectures

Instructor Details

Mehmood Khalil
Its All About Technology and ProgrammingI am Mehmood Khalil CEO of Logixx Grid, and a school buddy having an MS Software Engineering degree and years of experience. My services include Web designing & Development, e-commerce Development, and CMS Customization & Development, My objective is to make a positive impact on clients, co-workers, students, and the internet using my skills and experience to provide cutting-edge development and teaching services to provide fantastic learning experience. I enjoy working on projects that involve technology.
Course Certificate
Use your certificate to make a career change or to advance in your current career.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now