COURSE OBJECTIVE:
This course will show how you can integrate jQuery 3.0 into your web pages, avoid complex JavaScript code, create brilliant animation effects for your web applications, and create a flawless app.
Begin with configuring and customizing the jQuery environment and get hands-on with DOM manipulation. Learn to integrate jQuery with your favorite backend framework. Learn how the ECMAScript 6 features affect web development with jQuery. Discover how to use the newly introduced JavaScript promises and the new animation API in jQuery 3.0, along with sample code and examples.
By the end of the course, you will be able to successfully create a fully-featured and efficient single-page web application and leverage all the new features of jQuery 3.0 effectively.
TARGET AUDIENCE:
This course is ideal for client-side JavaScript developers. You do not need to have any previous experience with jQuery.
COURSE PREREQUISITES:
You do not need to have any previous experience with jQuery, although basic JavaScript programming knowledge is necessary.
You should know the basics of JavaScript, including variables, functions, and selecting DOM elements.
You should also have a basic knowledge of HTML5 and CSS3 syntax.
COURSE CONTENT:
Lesson 1: Beginning with jQuery 3
• Making our First jQuery-Powered Web Page
• Using jQuery with Developer Tools
Lesson 2: Selecting Elements
• Understanding the DOM
• Exploring CSS Selectors
• DOM Traversal Methods
• Lesson 3: Handling Events
• Performing Tasks on Page Load
• Handling Simple Events
• Event Propagation
• Altering the Journey – The Event Object
Lesson 4: Styling and Animating
• Modifying CSS with Inline Properties
• Built-in Animation Effects
• Creating Custom Animations
• Simultaneous Versus Queued Effects
Lesson 5: Manipulating the DOM
• Manipulating Attributes and Properties
• DOM Tree Manipulation
Lesson 6: Working with Ajax
• Loading Data on Demand
• Passing Data to the Server
• Deferreds and Promises
Lesson 7: jQuery Plugins
• Using a Plugin
• jQuery UI
• jQuery Mobile
Lesson 8: Advanced Selectors, Traversing, and DOM Manipulation
• Selecting and Traversing Revisited
• Writing a Custom Selector Plugin
• Using HTML5 Data Attributes
• Revisiting Attribute Manipulation
Lesson 9: Advanced Events and Effects
• Event Delegation
• Defining Custom Events
• Interrupting Animations
• Multi-property Easing and Deferred Objects
Lesson 10: Advanced Ajax
• Fetching Data with CORS
• Using the jqXHR Object
• Extending Ajax Capabilities
FOLLOW ON COURSES:
Not available. Please contact.