jQuery 101: Learn the worlds most popular JavaScript library from scratch

——   Created by Kalob Taulien

Learn jQuery from a teacher who has been using it for 15 years

Share this course:

NEW
Course
36
Lessons
2h 30m
Lesson time
beginner
Skill level
$19.97
or $15/mo for unlimited courses
Sign Up

More about this course

Welcome to jQuery 101: jQuery for beginners. 

Let’s start with the big question: is jQuery still used? The answer is absolutely YES. jQuery is responsible for the JavaScript on hundreds of millions of websites. I’ll repeat that: 

jQuery is responsible for the JavaScript on hundreds of millions of websites.

It's so common that content delivery websites track over 1 billion downloads per month (each!). That's a mind blowing number!!

jQuery was originally created to bridge the JavaScript gap between browsers before JavaScript started to become more standardized. Internet explorer and firefox used JavaScript differently. Chrome and Safari implemented JavaScript differently. And jQuery was how you could write one language that “just worked”. 

These days that's less of a problem, and jQuery is simply used as a tool for writing less JavaScript in a more powerful way. 

Look, I know lots of people say you should skip learning jQuery altogether, but consider this: if it’s used by over 100 million websites and still favoured by organisations like the Django Framework, then there is clearly a market demand for this skill. 

What is in the course?

In the course we're going to dive into the following topics:

  • Installing jQuery on your website
  • What jQuery syntax looks like
  • How to select HTML elements with jQuery selectors
  • Changing inner HTML and text of HTML elements
  • How to get form values from an HTML elements
  • Adding HTML elements inside of other elements
  • Adding HTML elements before and after certain elements
  • How to delete HTML elements
  • Event listeners including:
  • Click events
  • Hover events
  • Keyup events
  • Focus events
  • Blur events
  • Form submission events
  • Window resizing events
  • How to hide and show HTML elements dynamically
  • How to add and remove CSS classes dynamically
  • How to add custom CSS to individual elements
  • Animations including:
  • Fade in and Fade out
  • Slide down and Slide Up
  • Custom animations 
  • What callback functions are and how to use them in jQuery
  • Element and window widths and heights using the box model
  • How to loop through multiple elements and change them
  • How to change HTML attributes dynamically
  • Ajax calls including:
  • GET requests, and
  • POST requests

Who is this course for?

If you’re getting into JavaScript recently, this course is for you. 

If you’re a backend developer and want to write nice JavaScript without needing to learn an entire framework like React, this course is for you.

About the teacher:

I’m Kalob Taulien and I’ve been using jQuery since it was invented in 2006. I’ve taught over 300,000 students and worked with clients such as NASA, Mozilla, Arctic Research Foundation, Samaritans and the NHS in the UK.

Would I call myself a jQuery expert? Yes.

Your project:

You will create a random Star Wars character generator using an API endpoint, an event listener, a random number using plain JavaScript, changing inner text of an element, changing an image elements source, an Ajax request and a little CSS to tidy things up. 

Requirements:

  • You should know basic HTML
  • If you know a little CSS that will make jQuery a lot more fun for you
  • You should know a tiny bit of JavaScript and how it works already

The course project

You will create a random Star Wars character generator using an API endpoint, an event listener, a random number using plain JavaScript, changing inner text of an element, changing an image elements source, an Ajax request and a little CSS to tidy things up. 

36 Lessons

0:02:37
What is jQuery and why learn it?
free preview
0:05:19
Installing jQuery on your website
free preview
0:05:32
jQuery syntax
0:08:14
jQuery selectors
0:03:34
Dynamically changing HTML
0:02:12
Dynamically changing text
0:04:37
jQuery getting form values
0:05:03
Prepend and append
0:03:20
Before and After
0:03:29
Deleting elements
0:04:12
Deleting child elements
0:07:11
Event listeners and the click event
0:05:11
Hover events
0:05:37
Keyup events
0:02:52
Focus events
View more lessons +
Enroll in this course for $19.97
or $15/mo for unlimited courses

Class benefits

24/7 streaming access
30 day money-back guarantee
Project included
Teacher Q&A
2h 30m of video content
1 downloadable file
Have a coupon?

About the instructor

Hi everybody! I'm Kalob Taulien.

Here's the TL;DR (short) version about me:

  • I have been coding since 1999 and teaching people how to code since 2011
  • I have over 350,000 web development students world-wide
  • I'm on the Wagtail CMS core development team (Wagtail is Python's #1 most popular website making …
View full profile

Access unlimited courses for only $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today