jQuery and AJAX for Beginners - The Definitive Guide

Make dynamic websites using the jQuery JavaScript library
4.3 (24 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
339 students enrolled
$200
Take This Course
  • Lectures 37
  • Contents Video: 2.5 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2014 English

Course Description

Websites and HTML5 apps need to be interactive, dynamic and smooth to the end user.

jQuery is the world’s most used JavaScript library to create rich web applications that just feel natural to use. In this comprehensive course you’ll learn how to use jQuery to work with the DOM, use events, effects and animations, AJAX, JSON and to create interactive AJAX forms.

This course is 100% jQuery 2.x compliant!

This course is taught by Pablo Farias Navarro, founder of ZENVA and web application developer. Pablo has been using jQuery since 2007. More than 20,000 students are learning how to code with our courses, in particular our Programming for Entrepreneurs course series. This course builds on our previous HTML and JavaScript free courses and takes you to the next step, which is to make your website or HTML5 interactive and dynamic.

Some of the things you will learn in this course:

  • When to use jQuery 1.x or 2.x.
  • CSS selectors and DOM traversing functions in depth to find any element you want.
  • DOM manipulation to add or remove custom HTML content anywhere, whenever you decide.
  • Working with events to create interactive sites.
  • Listen to changes in select dropdowns and checkboxes.
  • jQuery animations and effects. Slide, fade, show, hide.
  • AJAX to load dynamic HTML from the server.
  • Working with JSON from the server.
  • Interactive forms that display extra fields according to the values of other fields.
  • AJAX form submission the easy way.
  • Dealing with cache issues in AJAX requests.
  • Learn jQuery in a 2.x compliant manner.

What are the requirements?

  • Basic knowledge of HTML, CSS and JavaScript, which you can obtain in our free courses

What am I going to get from this course?

  • Master the fundamentals of the jQuery library
  • Learn AJAX programming

What is the target audience?

  • Web developers of all backgrounds, including beginners, who want to update their skills and learn jQuery from scratch

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
05:13

Welcome to Programming for Entrepreneurs - jQuery! in this video we'll talk about the course goals and requirements. What is jQuery and what you can do with it.

---

Connect with ZENVA


What would you like to learn next?

04:42

In this lesson, we'll cover the installation process and what the difference is between jQuery 1.x and 2.x.

---

Connect with ZENVA


What would you like to learn next?

02:16

In this lesson we talk about where to find the documentation of jQuery.

---

Connect with ZENVA

What would you like to learn next?

Course Source Code
Article
Section 2: Selection
04:54

In this lesson we cover selection of DOM elements by id and by class using CSS selectors.

---

Connect with ZENVA

What would you like to learn next?

01:39

In this lesson we cover the selection of multiple DOM elements using CSS selectors.

---

Connect with ZENVA

What would you like to learn next?

03:29

In this lesson we cover the selection of children elements, which are elements inside another element.

---

Connect with ZENVA

What would you like to learn next?

04:06

In this lesson we cover the selection of DOM elements by their attributes using CSS selectors.

---

Connect with ZENVA

What would you like to learn next?

Section 3: DOM Traversing
03:16

In this lesson we cover DOM traversing techniques, in particular finding elements with the find() method.

---

Connect with ZENVA

What would you like to learn next?

01:32

In this lesson we cover the traversing of the children elements of a DOM element.

---

Connect with ZENVA

What would you like to learn next?

05:24

In this lesson we continue learning about DOM traversing techniques, including different methods to select the element we are after.

---

Connect with ZENVA

What would you like to learn next?

04:41

In this lesson we cover DOM traversing techniques in order to select parent elements.

---

Connect with ZENVA

What would you like to learn next?

Section 4: Working with Events
04:54

In this lesson we learn how to listen to click events.

---

Connect with ZENVA

What would you like to learn next?

04:59

In this lesson we learn the event delegation technique, which is one of the most important concepts of this course. This technique allows you to focus on the parent element of the element(s) we are after.

---

Connect with ZENVA

What would you like to learn next?

07:31

In this lesson we look at an example of event listening for select dropdowns.

---

Connect with ZENVA

What would you like to learn next?

05:24

In this lesson we cover the change event, which is triggered when an element changes it's value.

---

Connect with ZENVA

What would you like to learn next?

02:55

In this lesson we talk about keyboard events, such as when a key is being pressed or released.

---

Connect with ZENVA

What would you like to learn next?

02:53

In this lesson we talk about preventing default behaviors for some events using jQuery.

---

Connect with ZENVA

What would you like to learn next?

Section 5: DOM Manipulation
06:32

In this lesson we begin with DOM manipulation techniques and we introduce the methods append() and prepend() to add nodes to the DOM.

---

Connect with ZENVA

What would you like to learn next?

03:07

In this lesson we cover the before() and after() methods for DOM manipulation.

---

Connect with ZENVA

What would you like to learn next?

05:14

Continuing with DOM manipulation techniques, in this lesson we learn how to remove elements from the DOM.

---

Connect with ZENVA

What would you like to learn next?

03:36

In this lesson we learn how to empty a DOM element, also we talk about modifying the attributes of an element.

---

Connect with ZENVA

What would you like to learn next?

Section 6: Animations and Effects
05:19

In this lesson we begin working with effects and animations. In particular, we'll talk about showing and hiding elements.

---

Connect with ZENVA

What would you like to learn next?

01:05

In this lesson we learn how to fade in and fade out a DOM element using jQuery.

---

Connect with ZENVA

What would you like to learn next?

01:12

In this lesson we cover the slide effect, which is used to slide in or out a DOM element.

---

Connect with ZENVA

What would you like to learn next?

06:10

In this lesson we cover animating elements by changing their CSS properties over a period of time.

---

Connect with ZENVA

What would you like to learn next?

Section 7: AJAX
04:33

In this lesson we talk about basic concepts behind AJAX. What AJAX is and what it can be used for.

---

Connect with ZENVA

What would you like to learn next?

05:22

In this lesson we do our first AJAX example which is loading a HTML file from the server.

---

Connect with ZENVA

What would you like to learn next?

03:56

In this lesson we cover executing code before or after the AJAX call.

---

Connect with ZENVA

What would you like to learn next?

03:48

In this lesson we learn how to handle failed AJAX calls, which is something that is very likely to happen given conditions such as Internet connectivity problems.

---

Connect with ZENVA

What would you like to learn next?

06:04

In this lesson we learn how to load and work with JSON data from the server.

---

Connect with ZENVA

What would you like to learn next?

07:13

In this lesson we continue learning how to load and work with JSON data from the server.

---

Connect with ZENVA

What would you like to learn next?

07:18

In this lesson we learn how to work with AJAX and the POST method, used to update the server.

---

Connect with ZENVA

What would you like to learn next?

Section 8: Forms
04:30

In this lesson we begin working with forms and jQuery in order to make them more interactive. In this video we show extra form fields according to the value of a checkbox.

---

Connect with ZENVA

What would you like to learn next?

02:43

In this lesson we make our form more interactive by doing manipulations according to the value a of a select dropdown.

---

Connect with ZENVA

What would you like to learn next?

06:27

In this lesson we talk about doing a form submission using AJAX instead of the usual way.

---

Connect with ZENVA

What would you like to learn next?

Section 9: Summary
03:07

Congratulations!! you've completed Programming for Entrepreneurs - jQuery!!

Now you can make your websites and HTML5 apps much more powerful and interactive :)

Time to put this in practice and continue learning.

---

Connect with ZENVA

What would you like to learn next?

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Ready to start learning?
Take This Course