Welcome to jQuery 101: jQuery for beginners.
Let us 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 will repeat that:
jQuery is responsible for the JavaScript on hundreds of millions of websites.
It is so common that content delivery websites track over 1 billion downloads per month (each!). That is 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 is 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 is used by over 100 million websites and still favored by organizations like the Django Framework, then there is clearly a market demand for this skill.
What is in the course?
In the course we are 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 are getting into JavaScript recently, this course is for you.
If you are a backend developer and want to write nice JavaScript without needing to learn an entire framework like React, this course is for you.
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
Who this course is for:
Developers who want to become freelancers, or
Backend developers who want to spice up their sites with easy to use JavaScript, or
Frontend developers who are learning JavaScript right now
–
SKILLS YOU WILL GAIN
How to select HTML elements with jQuery selectors
Changing inner HTML and text of HTML elements
WHAT YOU WILL LEARN
jQuery, the most used JavaScript library on earth
What jQuery syntax looks like