Intro to jQuery

Intermediate

Approx. 2 days

Join thousands of students Course 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.

Why Take This Course?

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.

Prerequisites and Requirements

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.

See the Technology Requirements for using Udacity.

What Will I Learn? Projects P2: Interactive Resume You will develop an interactive resume application that reads your resume content from a JSON file and dynamically displays that content within a provided template. You will use objects, functions, conditionals, and control structures to compose the content that will display on the resume. 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