Introduction to jQuery for Designers
In this jQuery tutorial, we'll learn about one of the most popular JavaScript libraries for the web. Software required: Brackets Text Editor, Google Chrome.
What you'll learn
In this jQuery tutorial, we'll learn about one of the most popular JavaScript libraries for the web. This course will cover presentational uses of jQuery such as selecting elements, manipulating and traversing the DOM, basic and custom jQuery animation, and event handling. We'll also learn some important concepts like understanding what the Document Object Model is and how to use it to understand document structure and native browser objects. We'll finish up this jQuery training by applying jQuery to a project to improve the user experience of a form with client-side validation. This course assumes a familiarity with JavaScript and a basic knowledge of object-oriented concepts. Software required: Brackets Text Editor, Google Chrome.
Table of contents
- What Is jQuery? 9m
- Setting up Our Project 8m
- Selecting Elements 8m
- The DOM 9m
- Understanding the DOM 5m
- Manipulating the DOM 9m
- Understanding DOM Manipulation 11m
- Traversing the DOM 6m
- Basic Effects 7m
- Custom Effects 11m
- Events 9m
- Client-side Form Validation 7m
- Client-side Form Validation Continued 11m
About the author
Susan is a web design tutor for Pluralsight. Growing up, Susan was both a passionate artist as well as a computer tech aficionado. When she discovered the world of web development, she found that she could meld those two passions together into something amazing. Soon after, Susan began devoting herself to building beautiful and functional web content for businesses and nonprofits. It was through those experiences Susan developed a fluency for web coding languages. Since then, Susan has develo... more