Summary

jQuery is the most popular JavaScript library today, in use by over 60% of the top 100,000 most visited websites. This course will teach you how to use jQuery’s core features - DOM element selections, traversal and manipulation.

You'll also learn how to read and make sense of jQuery's documentation, making it easy for you to go beyond the methods taught in this class and take advantage of jQuery's full array of features!

This course is also a part of our Front-End Web Developer Nanodegree.

Expected Learning

Due to jQuery’s popularity and ease of use, learning jQuery is a must for all front-end web developers. jQuery makes selecting DOM elements and manipulating them simple by providing a consistent API that works across all browsers.

Proficiency in using jQuery is an important skill that can speed up your development time and opens up a world of useful plugins.

Syllabus

In this course, you will learn how to use jQuery to select and navigate to DOM elements within your page, how to manipulate DOM elements by altering attributes, how to dynamically change content and how to add/remove DOM elements.

Most importantly, you'll practice making sense of jQuery's documentation so that you'll be able to go beyond what you learn here and take advantage of jQuery's full suite of features!

Lesson 1: the DOM, $ and Selectors

• The jQuery Object ($)
• Basic DOM Structure
• Selectors
• Filters

Lesson 2: DOM Manipulation

• Reading jQuery Documentation
• Accessing HTML Attributes and Content
• Modifying HTML Attributes and Content
• Adding and Removing DOM Elements
• Iterating with .each()
• Using jQuery to run on DOM ready

Required Knowledge

To succeed in this course, we expect you to have some HTML and JavaScript experience. You should at minimum understand loops, functions, and conditional statements (if/else).

Udacity’s JavaScript Basics course and HTML/CSS course are good preparation for this course.