Web visitors expect interaction and dynamic content; jQuery helps deliver!
Understand jQuery with this fast-paced and highly practical course. Learn to add jQuery to your webpages—the most popular JavaScript library.
About This Video
Web visitors expect interaction and dynamic content; jQuery helps deliver!
Understand jQuery with this fast-paced and highly practical course. Learn to add jQuery to your webpages—the most popular JavaScript library.
About This Video
In Detail
jQuery is super powerful, lightweight, and easy to add to your webpages. jQuery is just a JavaScript library and knowledge of JavaScript is helpful for understanding and debugging code. jQuery makes it easy to get started with building interactive and dynamic web content. jQuery provides an easy-to-use solution for web developers to add smooth animations, handle webpage interactions and events, navigate page elements for selection, update and manipulate element properties and contents, and make AJAX requests for data. jQuery is an in-demand skill and learning jQuery will help you stand out in the crowd.
In this course, you will explore how to write jQuery basics, see how to add jQuery to your website, understand how to select elements and apply manipulations, learn applying style and classes, and see traversing elements to better select HTML content. You will be adding effects to elements such as hide and show, making your webpage come to life with animations and effects such as slide and fade, and creating interactions with your page using event listeners such as mouse events and keyboard events. Finally, you will use AJAX to connect to JSON data to easily populate content into your page.
By the end of the course, you will better understand how jQuery works and how you can use it to create better and quicker webpages.
Audience
This course is designed for JavaScript programmers, web developers looking to expand their programming skills, frontend developers, anyone who wants to learn more about dynamic web building, and anyone who wants to learn how to use jQuery.
Application developers and any individual wanting to develop professional dynamic websites along with programmers wanting to improve their skills in web development will also benefit a lot.
You will need JavaScript experience along with working knowledge of CSS and HTML. A desire to learn jQuery will help you grasp the concepts.
Chapter 1 : Introduction and Getting Started with jQuery
Introduction to jQuery
Getting Started with jQuery and Adding It to Your HTML
Selection of Page Elements and DOM Element Selection jQuery
Element Hide and Show Methods and Animation Effects
Fading Effects with jQuery Elements
Sliding Effects on Page Elements Create Slide
How to Create Custom Animations with jQuery
How to Insert Elements and Contents into and Outside Elements
How to Element DOM Manipulation and Selection with jQuery
Classes DOM Manipulation Adding and Removing Element Class with jQuery
jQuery Dynamic List Project Interactive Elements with jQuery
Chapter 2 : jQuery Element Traversing and Selection of Specific Elements Update Elements
How to Get and Set CSS Properties with jQuery
Getting and Setting Element Attributes with jQuery
Element Dimensions and Properties Values with jQuery Methods
Traversing Descendants of Page Elements jQuery Selection
Traversing Ancestors of Page Elements Parent Methods with jQuery
Traversing Siblings Page Elements and Other Selections with jQuery
Traversing Filtering Page Elements to Select Them Using jQuery Methods
How to Create a Dynamic List with jQuery Project
Chapter 3 : More jQuery Events and Helpful Methods
jQuery Data Method Save Values into the Element Object
jQuery get Method to Get the Index Value of a Page Element
jQuery Index of Page Element Index Method
jQuery toArray Method to Get the jQuery Elements as DOM Elements
jQuery Mouse Move Events Listeners and Hover Events
jQuery to Listen for Keyboard Events and Get Values from the Event Object
jQuery Form Events on Submit and More
Attach Events with the on Method with More Powerful Events
jQuery Scroll Event on Browser Events and Window Events
How to Create a jQuery Mole Hit Game
Chapter 4 : AJAX Requests with jQuery JSON POST GET Data from External Sources
How to Load a File with jQuery Load Method
Get JSON Data with jQuery get Method
POST Data with jQuery Using Post Method
GET Shorthand Methods jQuery getScript getJSON Methods
jQuery AJAX Method and Callback Options