Best Jquery Courses

Find the best online Jquery Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings. We also have a separate page listing only the Free Jquery Courses.

Complete Javascript & jQuery Course with Bonus Vue JS Intro

Learn Javascript, jQuery and Ajax from the start + Bonus Intro to Vue JS 3. Incudes complete written course material!

Created by Ivan Lourenço Gomes - Programmer & Front End Web Developer

"]

Students: 148149, Price: $79.99

Students: 148149, Price:  Paid

In this course you will learn JAVASCRIPT in a very natural and intuitive way. Our step by step method of teaching mixed with exercises, real life examples, challenges and projects will make you feel very confident with the language and become a professional Javascript programmer in just a few weeks.

The course includes a complete jQuery section with exercises and a cool project where you will build an online t-shirt price calculator with multiple filters.

There's also one whole section about AJAX and JSON where we will get external data from APIs to use in our web applications. The ending project of this section is building a Quiz Game where users can play live and try to beat the computer on questions about Music, Science, History, Entertainment and many other topics. 

BONUS: We've recently included a new section fully dedicated to give you a great introduction to Vue JS. Get ready to learn modern web development with the most popular Javascript framework in the industry.

If you want to learn Javascript with ease and boost your developer career, just enroll in the course today. You will get instant lifetime access and money back guarantee so you can learn at your own pace anytime you want. 

jQuery for Absolute Beginners : From Beginning to Advanced

Learn jQuery : Client Side Web Development using jQuery through Step by Step Learning, JavaScript Library jQuery

Created by Creative Online School - Creative & Engaging Online Courses

"]

Students: 139150, Price: $99.99

Students: 139150, Price:  Paid

Our students review about this course --

"Best course to get started with jQuery, Thankyou :) " -- Vipinraj KT

"It is easy to understand for beginners in JQuery. Simple and clear explanation." -- Irina Zakharova

"taking everything into the details and steps by steps, I love the course so far" -- Maher Mahbouby

"Loved this course. I had zero knowledge on jQuery and now I just love it!" -- Sachin Satish Pai

"I loved this course, it will definitely help me complete my second year of my FdSc Computing course. Thank you" -- Daryl Sturman

"That is really good course not just for learning new, but also reviewing jquery." -- Mirnaghi Aghazada

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin.

Mastering jQuery will boost up your career especially in web development. This course is designed you to master yourself in jQuery through step by step process. 

Course Contents 

jQuery Intro

  • What is jQuery and what you will learn?

  • Downloading jQuery 

jQuery Basics

  • A first look at jQuery code 

  • Selectors and Filters 

  • Replacing contents 

  • Handling events 

  • Hide/Show events 

  • Fading 

  • Slide 

  • Toggle 

  • Animate

  • Selectors 

  • Filters 

jQuery Advanced

  • Advanced Selectors

  • Creating Content 

  • Creating Content: Part 2

  • Inserting content 

  • Modifying content 

  • Modifying CSS 

  • Final thoughts

Bonus Lecture: HTML5 Basics

  • Introduction to HTML

  • HTML4 vs. HTML5

  • Making your first HTML page

  • Tools to create HTML files

  • Base HTML Tags

  • Paragraph Tags

  • Break Tags

  • Header Tags

  • Bold and Italic Tags

  • Ordered and unordered Lists

Bootstrap & jQuery – Certification Course for Beginners

Learn to Create fully Animated, Interactive, Mobile Responsive Web Pages using Bootstrap & jQuery Library.

Created by YouAccel Training - 4+ Million Student Enrollments Globally, 50k+ Reviews

"]

Students: 128322, Price: $89.99

Students: 128322, Price:  Paid

Welcome to the Bootstrap & jQuery – Certification Course for Beginners

With over 64% of the world using mobile devices to browse web pages, it’s no surprise that Bootstrap and jQuery have become the industry leaders in front-end scripting languages.

This course starts right from the foundational concepts and gradually progresses to intermediate topics. Through a project-style learning approach, students will have the opportunity to build mobile-responsive web pages, complete with animation and interactivity.

Bootstrap Section:

Students are taught to use the Bootstrap framework for responsive, mobile-first - front-end development. As one of the leading open-source development libraries, Bootstrap is an essential part of the developers coding arsenal. The section begins with teaching students how to include essential Bootstrap files into web pages. It then explores the Bootstrap Grid system and popular layout strategies for optimal cross-device and cross-browser compatibility.

Students gain exposure to just about every Bootstrap component, from typography, tables and images, to jumbotrons, wells, alerts, buttons, glyphicons and progress bars. The section includes several hands-on exercises that will walk students through the process of creating stunning layouts, complete with modals, carousels, popovers, drop-down menus, forms and much more.

jQuery Section:

We explores the jQuery library and many of its unique features, used to create stunning, animated web pages. We start with the basics, from embedding jQuery into web pages to working with Selectors. Students then explore working with events, toggling, fading, sliding, and other forms of animation. The lessons also teach students how to work with callbacks, chaining, dragables, accordion menus and many other functions.

JavaScript & jQuery – Certification Course for Beginners

Add Animated, Dynamic, Client-Side Functionality to your Web Pages using JavaScript & jQuery

Created by YouAccel Training - 4+ Million Student Enrollments Globally, 50k+ Reviews

"]

Students: 126872, Price: $89.99

Students: 126872, Price:  Paid

Welcome to the JavaScript & jQuery – Certification Course for Beginners

This course offers a comprehensive guide into the fundamentals of coding using JavaScript and jQuery. These powerful languages can be used to add animated, dynamic client-side functionality to any web page.

The JavaScript section of the course takes students on a journey that starts right from the basics. This includes JavaScript placement, and embedding External JavaScript code. From there, we move into variable declaration and operators for performing arithmetic. We also look at the order of operations, and different data types. Students then move into more advanced topics such as:

  • JavaScript Objects

  • Arrays, and Array Attributes

  • Conditional Statements

  • JavaScript Comparisons and Booleans

  • JavaScript Loops, Functions, and Events

The second section of the course takes an in-depth look into jQuery. This is where students can take their development skills to the next level, by adding interactivity to static elements. We start with foundational concepts such as embedding jQuery, and various selectors. We then explore jQuery events, Animations, complex functions, and much more.

If you are interested in improving your web development skills, then look no further - Enrol today!

jQuery Ultimate Course

Everything you need to know to about jQuery to go from beginner to advanced

Created by Learn Tech Plus - Web Development | Adobe | Google | Microsoft | Productivity

"]

Students: 113630, Price: $89.99

Students: 113630, Price:  Paid

SO YOU’RE LOOKING FOR A COURSE THAT WILL TEACH YOU ADVANCED JQUERY QUICKLY & IN A FUN MANNER?

I’ve got just the course for you!

Hey, my name is Josh and I’ve put this course together to help people just like you quickly master Advanced jQuery...Whether you’re a beginner or a web developer with existing programming knowledge/skills!

If your goal is to become a web developer, then this course is perfect for you. It’ll get you started on the right path and give you the knowledge and skills you need to start building beautiful web pages from scratch...

Learning Advanced jQuery is Not only for web developers, but also everyone else. Because when you have mastered Advanced jQuery, you can build your own site by yourself, edit any web pages when needed (for example landing pages) versus having to get someone else to do it for you which can cost both time and money!

In short, a good understanding of Advanced jQuery is tremendously beneficial (You can’t even get around the internet these days without a basic understanding of jQuery).

Now, in this course, we’ll go far beyond that. By the end of it, you’ll have gained complete proficiency in Advanced jQuery even if you’re currently a complete beginner!

THAT’S RIGHT...NO PRIOR CODING EXPERIENCE OR KNOWLEDGE IS REQUIRED!

You don’t need any previous coding experience or knowledge to take this course. In fact, all you need is a desire to learn and master Advanced jQuery.

This is not one of those courses that will throw too much at you at once and cause you to get overwhelmed. This is a course that you’ll not only learn so much from, but also enjoy the journey as you’re learning (which is a very important part of the learning process)

The course will take you by the hand and teach you everything you need to know step by step and even put your knowledge to practice immediately by working on a real-world project.

On top of this, you will also get my continuous support as well to make sure you’re successful with my course.

LEARN ADVANCED JQUERY BY DOING! (BUILD A TIC TAC TOE GAME FROM SCRATCH USING JQUERY)

We will go step by step and build a project from scratch using jQuery. The goal here is to help you

A) Learn and put into application your acquired knowledge from this course

B) Be able to build & edit web pages with total confidence!

Here’s what we’ll cover in the course:

1. We’ll start from the very beginning and explain what jQuery is, why & how it’s used.

2. Install some of the software we’ll be using all throughout the course.

3. Introduce you to some of the Advanced jQuery Properties

4. Get more in-depth into some of the most important Properties (Toggle Class, Remove Class, Add Class...etc.)

5. Build an actual project together from scratch!

YOU CAN TRY MY COURSE FOR 30 DAYS WITH UDEMY’S MONEY BACK GUARANTEE!

Enroll Now I’d love to see you inside and to help you learn and master Advanced jQuery!

Learn jQuery – For Beginners

Learn to create animated, interactive web pages using jQuery Library

Created by YouAccel Training - 4+ Million Student Enrollments Globally, 50k+ Reviews

"]

Students: 100108, Price: $89.99

Students: 100108, Price:  Paid

Take your web development skills to new heights by using jQuery to create animated, interactive web page components using this powerful JavaScript Library.

We begin with the fundamental concepts such as embedding jQuery into documents and basic syntax. We then progress into working with Events, Event handlers, animations, fading, sliding, toggling, hiding and much more. Students will also learn to effectively use Callback functions and chaining methods.

Through a series of hands-on exercises students will create draggable layers, accordion menus and fully animated web interfaces. Many other jQuery attributes, filters and classes are also explored.

Complete Web Developer Course HTML CSS JavaScript PHP jQuery

Complete web developer Guide to websites working with HTML, CSS, JavaScript, PHP, Bootstrap, JQuery, MySQL and more

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 48618, Price: $99.99

Students: 48618, Price:  Paid

The Premier Web development Course. EVERYTHING web creation.

Regular content updates and new material. One stop place to learn web development!

Did you know that you can make an extra income online by learning the skills presented in this course! Whether you want to earn extra income, change your career or want to launch your own web business this is the course for you. You can begin to earn money online by while you're learning and practicing web development.

We teach you the skills you need to succeed.

Everything you need to know to create your own websites and web applications, easy to follow complete course. Creating websites give you freedom to express you creativity, launch a business and a whole lot more.

I've been a web developer for over 14 years, and I wanted to create a course that has it all, answers all of your questions about starting off and gives you the base to launch your own successful web creations.

This course is designed to have important information to everyone of all levels, we include source code, practice exercises, challenges, quizzes, resources, examples, samples and everything else in between. I want you to be able to take this course and gain a solid understanding of how to create your own websites. This course is designed to be effective at teaching and stressing the important aspects and common goals to create websites.

This course is designed to equip you with the knowledge to proceed with your own goals.

We are also planning on having regular updates, if you find something isn't covered or you want more information let me know and I will help. I'm committed to creating a premier course that is designed to help.

We cover everything in an easy to follow format.

  • HTML
  • CSS
  • JavaScript
  • JQuery
  • Bootstrap
  • PHP

We have a full 30 day money back guarantee. Content is designed to be effective and clear.

We walk you through step by step with detailed explanations of code and more.

  • quick lessons get right to the point
  • fully covered topics with real world examples
  • source files downloadable to work along
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • 30 day money back guarantee
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

Everyone and anyone can benefit from this course.

Learn to Use jQuery UI Widgets

A jQuery UI Tutorial that will show you how to use tabs, accordion, datepicker and more without having to learn jQuery!

Created by Marie Taylor - Web Developer & Educator

"]

Students: 43896, Price: Free

Students: 43896, Price:  Free

Are you a designer or "skinner" that wants to integrate things like tabs, accordion, or a datepicker into your UI but *don't* want to learn jQuery or javascript? Then this is the course for you!!

This course will guide you through:

  • How to install jQuery UI
  • Exactly what snippets you need to copy and paste for each widget to work
  • The pattern to follow in your HTML for each widget
  • How you can move existing HTML content into the format for the widget

Plus you will get:

  • An awesome static HTML & CSS website with a really cool look and feel that is for you to keep and use. This will give you a chance to try out each demonstration in the same website you are watching me work in.
  • Quizzes to test your knowledge on each widget
  • Additionally, the finished product that we create in this course is available to download.

Don’t know JavaScript? That’s okay. You can use jQuery UI Widgets with little or no experience with JavaScript. Don’t know jQuery? That’s okay too. As long as you know HTML and CSS, jQuery UI provides simple snippets that can be easily integrated into your code.

In this course you will learn everything you need to know to integrate the jQuery UI Widgets into your HTML to provide a rich user experience on your website. Join me, Marie Taylor, and learn how to use jQuery UI Widgets today!

Infinite Scroll Project AJAX MySQL API PHP jQuery

Explore how to create a web application that sends requests to the server for additional data as users scroll the page

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 34370, Price: Free

Students: 34370, Price:  Free

Infinite scrolling is a web-design technique that loads content continuously as the user scrolls down the page, eliminating the need for pagination.  This technique popular is used on many websites and this course will show you how to build one yourself from scratch.

Best of all this course provides a great learning experience on how to develop an API that can return database content into the front end.  Learn how to combine technologies and the steps needed to plan out the building of applications. Explore how you can use AJAX to send requests to a server API returning content in a JSON format to be added to your web page content.

Prerequisites to this course include working knowledge of jQuery, JavaScript and PHP.  We cover the aspects of the languages needed to create the API endpoint and to query the endpoint for data.

One of the best ways to learn programming is by projects and this project is perfect since it combines the use of multiple technologies within one application so that students get a real world experience. 

  • Learn how to setup the structure of your web application
  • Find out about creating a PHP database connection
  • Create a simple PHP application to populate the database with lorem ipsum text
  • Explore how an API works outputting content from the MySQL database into JSON format
  • Use PHP code to build a customized JSON output
  • Explore how easy it is to make AJAX requests with jQuery
  • Use JavaScript to detect scroll and more
  • Assemble your HTML page dynamically
  • Examine how web applications are built

Source Code is included to get you started quickly.

Taught by an instructor with over 18 years of web development experience, ready to help answer any questions you may have.

Join now and start building your own applications today.

Learn AJAX with jQuery

Learn one of the coolest techniques on the web and begin building quick, interactive, and attractive websites today!

Created by Ian Schoonover - Full Stack Developer and Coding Instructor

"]

Students: 25941, Price: Free

Students: 25941, Price:  Free

Hi and welcome to the course!

So you've learned HTML, CSS, & JavaScript, but now you are wondering what to learn next so you can advance your web development skills.

Well look no further! Join me in this quick, easy-to-follow, step-by-step course and get started learning the ins-and-outs of AJAX with jQuery, today!

What will we be building?

We're going to take a simple CRUD application, made with Node's Express framework, and refactor it into a single page application using jQuery & AJAX (I've already created the Express app for you, so you can jump right into learning AJAX).

You can then use this knowledge to integrate AJAX into any of your current or future web projects.

If you don't know Express or jQuery then you can still follow along, but I would highly recommend learning those technologies beforehand to get the most out of this course. You can learn Express and jQuery (along with a myriad of other modern web technologies) from Colt Steele in his "The Web Developer Bootcamp" course on Udemy.

jQuery Fundamentals Powerful Bootcamp for beginners

Quality jQuery learning with no wasted time, jQuery is powerful to for web developers. JavaScript with examples

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 25421, Price: Free

Students: 25421, Price:  Free

Learn web development with JavaScript. JavaScript is an essential part of creating websites and JQuery helps you speed up you JavaScript programming.

jQuery is a JavaScript library that simplifies JavaScript programming. Learning jQuery will help you create amazing JavaScript functionality within your code.

This course will walk you through step by step about everything you need to know to use jQuery on your applications. We provide a comprehensive, course which will get you familiar with what jQuery has to offer and what you can do with jQuery. jQuery is easy to learn and will save you time when coding.

  • 20 source files included
  • no wasted time watching code typed
  • code is explained with visual examples
  • 30 day money back guarantee
  • Regular updates
  • downloadable resource PDF

If you haven't used jQuery before or are curious about it, or just want to learn more about it this is the course for you.

We provide regular updates, challenges within the course and resource links to download the best resources for web development.

We provide a unique learning environment, that provides all the source files discussed in the course, links to resources and online code editors. Watch, learn and practice, is proven to be the best way to learn coding. With many years of experience in teaching and code creation let us help you learn.

JavaScript for beginners to JavaScript advanced users, this course also includes lots of coding examples. This course will show you how to Master JavaScript, learning dynamic web design using JavaScript. JavaScript is a crucial part to become a Complete Web Developer. Learn and master JavaScript from Scratch. Check out our other JavaScript courses to learn even more advanced JavaScript included with our of web developer courses. Comprehensive JavaScript Programming, learn by making and working with examples. Build dynamic websites with JavaScript.

  • javascript web
  • javascript design
  • javascript complete
  • javascript for programmers
  • javascript tutorial
  • javascript basics

This course is perfect whether you are an Absolute Beginner, who wants to learn about JavaScript Programming or whether you are a web developer who wants to learn more about JavaScript.

jQuery and AJAX for Beginners – The Definitive Guide

Make dynamic websites using the jQuery JavaScript library

Created by Pablo Farias Navarro - Certified Game Developer and Founder of ZENVA

"]

Students: 23385, Price: Free

Students: 23385, Price:  Free

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.

Build A Custom Dynamic Blog Website with PHP, MySQL & Jquery

Learn the skills used in web development like creating major web projects, platforms and applications

Created by Parth Modi - A passionate student, programmer and tutor

"]

Students: 21603, Price: $19.99

Students: 21603, Price:  Paid

Build your very own beautiful dynamic blog website with an admin panel customized to your needs.

Blogging is one of the most common ways to generate passive income while doing something you enjoy - writing. You will be guided step by step in the creation of your own custom blog website, which you can either use for your blog or outsource to friends, family, and anyone else. Furthermore, the skills you learn in the course will enable you to build platforms such as e-commerce stores, complex web applications and much more.

In my opinion, learning happens best by building something, so I have designed and structured this course where you'll build something fun while learning new skills.

We'll take a look at:

  • Installing templates

  • Customizing the templates according to our requirements

  • Developing our database based on industry standards

  • Connecting the web project with the database

  • Adding admin functionality and creating the interface

  • Linking the admin panel with the front-end blog pages

  • Debugging code when errors are encountered

  • Adding extra functionality and features as finishing touches

It is not necessary to have a background in web development to take this course, but programming experience is recommended. In this class, I have attempted to explain the steps and processes as clearly and thoroughly as possible.

Please feel free to contact me if you have any questions or concerns, I'd be delighted to help. Looking forward to having you along for the ride. ?

If you’re interested, I have another course on building an online presence without having to learn to code.

The Complete jQuery Course: From Beginner To Advanced!

Use jQuery to create stunning animations, provide fast feedback forms, handle all user events and perform Ajax calls.

Created by Joe Parys - Top-Rated Instructor, 800,000+ Students

"]

Students: 21099, Price: $89.99

Students: 21099, Price:  Paid

Have you always wanted to learn how to develop professional dynamic websites using JavaScript & jQuery but you just don't know where to start?

Or maybe you have started but you just don't know how.

Then the “Complete jQuery Course: From Beginner To Advanced” is for You!

_________________________________________________________________________

Welcome To the “Complete jQuery Course: From Beginner To Advanced.”

⇉ Join 800,000+ Students Who Have Enrolled in our Udemy Courses!

⇉ 10,000+ Five Star Reviews Show Students Who Enroll in our Courses get Results!

⇉ You Get Over 51 Lectures and 6+ hours of premium content

⇉ Watch the Promo Video to see how you can Get Started Today!

_________________________________________________________________________

What do you get with this course?

  • Hours of easy-to-watch video lessons

  • Resources on Github

  • Practical activities

  • Instructor support if you have any questions

  • Community of students ready to help

What will you learn in this “Complete jQuery Course: From Beginner To Advanced.”

In short, you'll learn it all! Seriously, our goal is to make the most comprehensive jQuery course out there - not filled with fluff, but filled with only the most actionable and latest tips and strategies. We'll be updating this course periodically to make sure we're covering any change with jQuery.

You'll start by an overview of the jQuery course and learn about JavaScript frameworks, then set up the editor.

You'll then start by learning effects and animations like fading in/out elements, showing and hiding elements, sliding elements up and down, moving elements, custom animations, delaying and chaining animations, and timing animations using callback functions.

Once you understand the effects and animations, you will learn about element selectors, manipulating the DOM like inserting, replacing and removing elements, changing element data and CSS. You will also learn events like handling mouse events & keyboard events, forms, and Ajax with jQuery.

By the end of our course you will be able to:

  • Add beautiful effects & animations to your sites

  • Use AJAX to add content a the page dynamically from APIs like Flickr and TheMovieDB

  • Create dynamic websites that users enjoy

  • Handle arbitrary user events such as mouse clicks and keyboard presses

  • Add fast feedback and validation for forms using jQuery

  • Manipulate the appearance and content of any element on the page

Ready to get started?

Once you enroll we recommend students to install their favorite editor on their computers, download jQuery and access APIs, to follow along.

_____

See What Current Students Are Saying About Our Course:

Good demonstrations on how to use various jQuery methods. As a beginner, I really liked the mini-challenges spread throughout most of the lectures.”
-Lamont Wilson

It was perfect for my level of expertise. The end result catapulted me ahead with a much better understanding of not only jquery, but with a few well-placed examples, also JavaScript and debugging.”
-Larry Loreman

A very well laid out class, it truly is a beginner to advanced course. It does help to have at least an introductory level of knowledge to Javascript. My favorite part is that all the course code is available on Github, which allows you to download each sections code so you can troubleshoot against mistakes you may have made along the way.”
-Lindsey Higginbotham

_____

Who are your instructors?

We are Joe Parys and Peter Sommerhoff, creatives who have taught over 800,000+ students around the world with our online courses, tutorials and other content. Peter Sommerhoff is the lead instructor for this course, bringing his wealth of knowledge in JavaScript and jQuery. Joe Parys is the Bestselling Online Instructor, Digital Marketing Expert and Leader in the eLearning industry. He is the CEO of the Joe Parys Academy serving more than 1,000,000+ students in more than 100+ co-authored courses from 190 countries all around the world.

Our goal is to show you the real world and practical ways to start using jQuery with confidence today!

_________________________________________________________________________

With the right mindset, understanding, and application, you will instantly begin learning how to use jQuery.

When I learn something new I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

What I can't do in this Course..

I can't guarantee your success – this course does take work on your part. But it can be done!

I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.

_________________________________________________________________________

It's time to take action!

Our happiness guarantee

This course includes a money back guarantee, so there is no risk to try it out. Sign up today, see if it's the right one for you.

Enroll now.

Sincerely,

Joe Parys and Peter Sommerhoff.

1 hour jQuery

Have you ever wanted to learn to code. This course will show you the basics of coding in 1 hour!

Created by John Bura - Best Selling Instructor Web/App/Game Developer 700k Students

"]

Students: 19256, Price: $89.99

Students: 19256, Price:  Paid

Have you ever wanted to learn to code but don't know where to start? Learning how to code can get you a better job and lead to a better future. This course starts you off with the basic coding language of jQuery. This is a very condensed 1 hour tutorial that will show you how to code in jQuery. Enroll to begin your journey to be a web development master.

jQuery For Beginners : A Basic Introduction

Learn the basics of this powerful javascript library and Write less code to achieve more

Created by Bluelime Learning Solutions - Learning made simple

"]

Students: 15069, Price: $64.99

Students: 15069, Price:  Paid

This is a Hands-On jQuery course that will teach you the basics of using
the jquery library. jQuery allows you to write less code than javascript to achieve
the same or more. jQuery uses a lot of css selectors and also has some custom ones of their own.
jQuery makes it easy to manipulate webpages .

The course is video based and less than 2hours long.
There are exercises and quiz to help build on what you will learn.

What You Will Learn

How to access the jQuery library locally or via CDN
How to write jQuery syntax
How to manipulate contents on a webpage
How to create simple animation
How to create a sliding effect to slide an element up and down
How to make an element vanish and reappear from a webpage
How to create a response to an event like a click or mouse movement

jQuery Crash Course: Learn the Essentials of jQuery Fast

Learn the essentials you'll need to get started with jQuery.

Created by Simon Sez IT - 490,000+ Students | Wordwide Use 180 Countries |150+ Courses

"]

Students: 13602, Price: $74.99

Students: 13602, Price:  Paid

Learn the essentials you'll need to get started with jQuery, the most popular JavaScript library in use today.

During this two-hour crash course, your instructor will introduce you to the basics of the jQuery syntax.

Learn about jQuery selectors, one of the most important parts of the jQuery library, and how to manipulate the Document Object Model (DOM). Discover how jQuery events can be used to register behaviors that take effect when the user interacts with the web browser.

You will also learn how to use jQuery to traverse and filter the DOM, which is used to help find HTML elements.

Learn advanced topics, including how to capture mouse events using the jQuery UI framework and some of the popular jQuery plugins used to extend the power of jQuery.

By the end of this course, you will be confident in your knowledge of the fundamentals needed to effectively use jQuery.

This course includes:

  • Demo files
  • An optional quiz to test what you've learned
  • Certificate of completion

All of our videos are high-definition videos, therefore, they are best viewed with the HD setting on, and the videos enlarged.

What People Are Saying:

★★★★★ “This course is very good. the explanation is very clear and easy to understand” Justin Rogers

★★★★★ “Very easy to follow course, extremely informative, very well done. Thank you so much!” -Mike Webster

★★★★★ Excellent accelerated intro to jQuery. Clearly spoken and the videos are crisp and easily viewed.” -Leslie Milburn

★★★★★ “Instructor did a fantastic job explaining what we were doing. This course is one of the best on the subject that I've done. I especially appreciate the project based approach of learning jQuery, but the instructor does a good job walking us through the HTML, CSS, and jQuery of building these examples. I'd definitely take more Simon Sez IT courses from this teacher.” -Daniel Maldonado

JQuery Create Overlay Popups from scratch using Jquery

Modal popups, enter popups and timed popups can help keep your traffic on your website. Make them using jQuery

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 10738, Price: Free

Students: 10738, Price:  Free

Learn by example create amazing jquery code which can be added to websites HTML CSS JavaScript JQuery MYSQL PHP together

Modal overlay popups, enter popups and timed popups can help keep your traffic on your website.  Make them using jQuery “overlay popups” cannot be blocked by popup blockers and are extremely popular for web marketing.

Learn to write JQUERY from Scratch.

This is a useful code snippet which can be easily marketed to clients or added to your won website to increase user interaction. Modal popup windows are everywhere and very popular, this course teaches you how to create them from scratch.

A real world project adding a marketing popup window which can be used to collect and build email lists, highlight featured products, and redirect guiding your visitors to other parts of your website.

Source code is included, customize and apply to your own websites.

Everything is included in this course, it is designed to guide you step by step on how to use JQuery to create useful code snippets. Each step is explained and shown what it does and why it is there.

Learn about HTML, CSS, JavaScript, JQuery and even MYSQL PHP. Create a marketing popup modal window to display on your website. Include a countdown to activate if the user is inactive for a period of time. Use this popup window, sending email form data to PHP which records it into a MYSQL database.

We walk you through step by step with detailed explanations of code and more.

  • quick lessons get right to the point
  • fully covered topics with real world examples
  • source files downloadable to work along
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • 30 day money back guarantee
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.

Create Dynamic web Forms with jQuery

Guide to accessing form content and utilizing the data within jQuery and JavaScript code

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 10455, Price: $34.99

Students: 10455, Price:  Paid

jQuery is a great way to add amazing functionality and dynamic effects onto your web pages.   jQuery provides great functionality when it comes to forms, and creating forms is an essential skill within web development.

Together with HTML forms jQuery can do so much.

This course will cover how to match two form fields to check if the content is the same which is a useful code snippet to help provide form content vetting.

Use check-boxes to trigger events such as TOS windows and more.   Check-box interaction within a form is a much needed piece of functionality.

Learn to make AJAX calls to the server with drop down values, checkboxes and radio buttons triggering events.   Dynamic form interaction allows you to provide each user a more customized form experience.

Add jQuery UI auto complete and populate the auto complete with dynamic JSON data.   JQuery UI has many pre-built capabilities that are easy to add to your web projects.

By the end of the course you will have the skills and know how to apply jQuery within your website.   

I am here to help you learn how to create your own websites and ready to answer any questions you may have.

JavaScript and jQuery are in demand skills, and learning how to use them will help to separate you from the crowd.

Want to know more, what are you waiting for take the first step.  Join now to start learning how you too can utilize jQuery within your website today.

Build a Complete JQuery Plugin

Use jQuery to create an amazing, animated, full fledged plugin, including the best practices of writing JQuery plugin.

Created by Umair Jameel - Mobile and Web App Developer.

"]

Students: 9810, Price: Free

Students: 9810, Price:  Free

JQuery is one of the most famous JavaScript libraries, that is used to create interactivity in your web apps. More than that, it provides you the way to create fully functional plugins. 

Plugins are the way to increase use ability of common and unique functionality in your web application. In this course, you will learn to build one of common functionality called image pop dialog in the form of plugin. This plugin will work for image galleries in your web apps. You will learn all the tactics and best practices of creating generic JQuery plugins. It comprised of following major topics:

  • Plugin Structure
  • Custom and Default Properties
  • Giving controls to HTML element(s)
  • Caring about each instance of element.
  • Exposing functions.

We will bring up the topics that after completing this course, you will be able to develop your own advance level JQuery plugins.

jQuery for Absolute Beginners

Learn Fundamental jQuery as per the Current Industry Demands.

Created by EDUmobile Academy - Programming Made Easy

"]

Students: 9577, Price: $34.99

Students: 9577, Price:  Paid

Overview

JQuery is a popular JavaScript library that is used extensively in modern websites. This library facilitates common JavaScript tasks such as animations, event handling, manipulating HTML content, and communication with external servers. In addition to its easy-to-use features, JQuery also takes care of many cross-browser compatibility issues automatically.

Prerequisites

HTML: The student must know how to use HTML tags and attributes. Only a very basic understanding of HTML is assumed.

JavaScript: Since JQuery is a JavaScript library, the student must know how to write JavaScript. JQuery makes extensive use of functions and objects, so the student must be familiar with these concepts.

Notepad++ (Recommended): Notepad++ is a free, open-source text editor. Although JavaScript and HTML can be written using any text editor, Notepad++ is highly recommended because of features such as syntax highlighting and auto-complete.

JavaScript-enabled browser: In order to run JavaScript, the student must have a

ccess to a JavaScript-enabled browser. Although Google Chrome is used throughout the tutorial, any modern web browser will work as long as JavaScript has not been disabled by an administrator.

What you will learn

We will begin the course by learning about selectors. Selectors are strings that are used to target specific HTML elements on the page. The selector syntax is highly intuitive and easy to read and understand.

We will then move on to events. The student will learn how to write code that reacts to things like mouse clicks, key presses, when the page is done loading, and a few others. These events allow programmers to create interactive user interfaces.

After that, we will move on to effects and animations. Effects are used to hide and show elements. An example would be a menu that slides open when the mouse hovers over it. JQuery has a few built-in effects that can be implemented with minimal coding. For further customization, we will look at animations, which allow programmers to animate most of the visual properties of HTML elements.

Then we will learn about changing the HTML content of a webpage. This includes adding and removing entire HTML elements, as well as modifying text and other HTML attributes programmatically. We will also learn about how to navigate the tree-like structure of an HTML document using the concept of parent-, sibling-, and child-elements.

Finally, we will end the course by looking at AJAX, which stands for Asynchronous JavaScript and XML. AJAX allows programmers to interact with external servers. To serve as our example, we will read airport data from a public web service. We will learn how to request data, how to handle the response, and how to handle errors.

jQuery Practice Exercises for Beginners Building Forms

All jQuery practice exercise building 2 projects from scratch using jQuery

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 9073, Price: Free

Students: 9073, Price:  Free

jQuery is a great addition to any web project to make it more interactive and have dynamic content.

This course covers how to use jQuery in a project.

#1 Project create a multiple step output.  Click next show content on the next page hide content from the previous page.  Designed to practice element manipulation and also accessing elements via the Document Object Model DOM.

#2 Project create form validation using jQuery.  Build this from scratch once the form is submitted get all the input values check for length and also check for valid emails.  Output and update element CSS if errors occur.  All done in jQuery so students can familiar themselves with traversing elements, selecting elements and updating styling of elements all through jQuery.  

This course requires knowledge of jQuery, JavaScript DOM, CSS, and HTML.  Its designed to walk through and practice using jQuery in various exercises including getting form values, updating and manipulating HTML elements and more. Work along side the lessons and try the code, source code is included.

This course is taught by an instructor with over 19 years of web development experience, ready to help you learn jQuery and answer any questions you may have.  

Join now and start practicing using jQuery today see what you can build.

Learn jQuery for beginners web development

Quick and easy Guide to working with jQuery Learn to add jQuery to your webpages most popular JavaScript library website

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 8770, Price: $89.99

Students: 8770, Price:  Paid

Fast Paced Introductory course to learning jQuery

This course is designed to demonstrate and help you learn the core concepts of working with jQuery.  JQuery can help you develop web projects quicker!

Learn the fundamentals of jQuery and find out why its so amazing to work with.  You can do so many great things with jQuery. 

JQUERY makes creating DYNAMIC and INTERACTIVE web content EASY!

This course is designed to help you learn jQuery quickly.  You should have a basic understand of JavaScript in addition to HTML and CSS to enhance your learning experience.

jQuery is easy to use and  just makes sense.  The methods and concepts are easy to pickup and start using.

This course covers everything you need to know about using jQuery.  By the end of the course you will better understand how jQuery works and how you can use it to create better quicker web pages.   

Web visitors are expecting interaction and dynamic content, jQuery help deliver!

See jQuery in action and I guarantee you will want to apply it to your own code.  It really is fun to use, and simplifies many of the popular JavaScript functionality.

Topics covered in the course include

  • How to add jQuery to your website
  • Basics of jQuery and JavaScript
  • Event listeners
  • Traversing elements to better select HTML content
  • Adding CSS to wow your visitors
  • jQuery Effects and Animations
  • jQuery and AJAX

jQuery is super powerful, lightweight and easy to add to your webpages.  Its JavaScript but only better.

I am here to help you learn jQuery and ready to answer any questions you may have.

 jQuery is an in demand skill, and learning jQuery will help to separate you from the crowd who don't know jQuery.

Want to know more, what are you waiting for take the first step.  Join now to start learning  jQuery today.


Javascript and jQuery Basics for Beginners

Learn the skills necessary to get started with Javascript and jQuery. A simple course made for beginners.

Created by EDUmobile Academy - Programming Made Easy

"]

Students: 8746, Price: $89.99

Students: 8746, Price:  Paid

Overview

JavaScript is a programming language that can be run by all modern web browsers. It is downloaded alongside the HTML code of a webpage. Unlike HTML, which can only be used to display content, JavaScript allows web designers to add functionality and interactivity to their websites.

JQuery is a popular JavaScript library that is used extensively in modern websites. This library facilitates common JavaScript tasks such as animations, event handling, manipulating HTML content, and communication with external servers. In addition to its easy-to-use features, JQuery also takes care of many cross-browser compatibility issues automatically.

What you will learn

Javascrtipt Modules...

We will begin the course by learning where to write JavaScript. We will look at writing JavaScript directly inside an HTML tag, then inside of a <script> tag, and then finally in a file separate from the HTML document. We will discuss some of the reasons for using each method.

After that, we will learn about how to manipulate some basic data types. We will learn about how to do simple arithmetic, and also look at some of JavaScript's built-in mathematical capabilities. Then, we will learn about working with words and characters, using a data type known as the "string". We will also cover the Boolean type, which is a representation of True and False inside of a programming language.

Then we will move on to more complex types. We will learn about the array, which is essentially a list. We will look at how to create arrays, how to access elements inside them, and how to modify the contents of an array. Functions will also be covered, which will allow us to organize code into simple, reusable pieces. We will also learn about objects, which are a way of grouping together data and behaviors.

We will then move on to control flow. We will look at the "if" statement, which allows the script to decide whether or not to execute a block of code based on some condition. We will also look at looping. Looping refers to repeatedly executing a block of code until some condition is met. Then, we will learn about errors, and how to handle them properly so that they do not halt execution of the script.

Next, we will look at the Document Object Model ( DOM ). This is what allows JavaScript to interact with the HTML code of a webpage. We will look at several ways of finding any particular HTML element on the page. Then we will see what information we can extract from that element (tag name, attributes,etc.). We will learn about adding and removing elements from a page. Finally, we will learn about events, which allows JavaScript to react to things like mouse clicks, mouse movement, key presses, and many others.

We will end the course with a practical exercise, in which we will build a simple JavaScript-based webpage. We will put to use most of the concepts covered in the course. We will look at how to validate user input, how to display results, and how to display meaningful error message to the user.

jQuery Modules...

We will begin the course by learning about selectors. Selectors are strings that are used to target specific HTML elements on the page. The selector syntax is highly intuitive and easy to read and understand.

We will then move on to events. The student will learn how to write code that reacts to things like mouse clicks, key presses, when the page is done loading, and a few others. These events allow programmers to create interactive user interfaces.

After that, we will move on to effects and animations. Effects are used to hide and show elements. An example would be a menu that slides open when the mouse hovers over it. JQuery has a few built-in effects that can be implemented with minimal coding. For further customization, we will look at animations, which allow programmers to animate most of the visual properties of HTML elements.

Then we will learn about changing the HTML content of a webpage. This includes adding and removing entire HTML elements, as well as modifying text and other HTML attributes programmatically. We will also learn about how to navigate the tree-like structure of an HTML document using the concept of parent-, sibling-, and child-elements.

Finally, we will end the course by looking at AJAX, which stands for Asynchronous JavaScript and XML. AJAX allows programmers to interact with external servers. To serve as our example, we will read airport data from a public web service. We will learn how to request data, how to handle the response, and how to handle errors.

Prerequisites

HTML: The student must know how to use HTML tags and attributes. Only a very basic understanding of HTML is assumed.

Google Chrome (Recommended): Google Chrome is a free web browser and it will be

used to execute all the examples in this course. Although all browsers can run JavaScript, Chrome has extensive built-in developer tools. In the course, we will be using Chrome's JavaScript console, which will allow us to run quick little examples without the need to create and edit files.

Notepad++ (Recommended): Notepad++ is a free, open-source text editor. Although JavaScript and HTML can be written using any text editor, Notepad++ is highly recommended because of features such as syntax highlighting and auto-complete.

Complete jQuery and AJAX Programming Curriculum

Create Interactive Websites and Widgets

Created by Pablo Farias Navarro - Certified Game Developer and Founder of ZENVA

"]

Students: 8163, Price: Free

Students: 8163, Price:  Free

Learn jQuery – the most popular JavaScript library in the world. Able to perform basic and essential operations in web development (including rich interactions), jQuery can also work cross-browser, allowing you to create applications that work everywhere, for every user, without compatibility issues.

Beginning with a fundamental understanding of what jQuery is and why you should work with it, you will learn the basics of this versatile library as you are guided through the creation of a responsive website which features a shop page and responsive form.

You will learn

  • How to work with selection to search for elements (by elements, or by class)
  • Traversing – a more efficient way of finding elements than the CSS selectors
  • How to work with events
  • Incorporating simple animations to improve the user  experience
  • Manipulating the DOM through dynamically created objects
  • Using AJAX to asynchronously load and post information to a local or remote server

Learn jQuery: An In-depth Course For Beginners

Master jQuery at your own Pace. Learn Everything you need to know about jQuery!

Created by Infinite Skills - High Quality Training

"]

Students: 7235, Price: $49.99

Students: 7235, Price:  Paid

This jQuery for beginners course provides a complete guide to web-based development using this Javascript library that allows unprecedented functionality and graphical effects. With hands-on training from expert author and web designer Craig Buckler, you'll learn the internal structure of the jQuery library and see how you can create functional animations, utilities and effects according to current web standards.

Though it was created in 2006, jQuery is already being used by more than 50 percent of the most popular sites online and is only growing. In this jQuery tutorial, you'll learn how to harness its power to your own advantage, first looking at basic chaining, selectors and events, and also going into more sophisticated HTML5, AJAX and plugin features.

This jQuery course is designed for beginners. You'll learn everything you need to harness jQuery's full potential.

jQuery Image Slider Project JavaScript HTML CSS Carousel

Explore how to create an image slider for your web pages with jQuery Image Carousel component rotate images on intervals

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 5653, Price: Free

Students: 5653, Price:  Free

Explore how to create a dynamic image carousel component from scratch using HTML CSS JS and jQuery.   

Challenges and tasks for project at the end of each lesson - code alongside the lessons to develop your own Image Slider. Source Code included - Downloadable PDF resource Guide Included.

  • Section setup details and info for starting the project - resource and websites.

  • Create an array of Image Paths used to output images to the Page. Explore how to setup a testing array of placeholder images, customize the images and generate a useful array of content for your page.

  • Random Image Colors function adding colorful images to the web page. Using JavaScript String methods create random hex color value generator.

  • How to Add CSS Styling to jQuery Image Slider Project Make it look nice - setup the images to stack and position images to prepare for jQuery Coding. Create visible images output to page and setup CSS.

  • Adding and removing element classes with jQuery. Setting Interval moving slides Using selection of active elements - to update and remove classes adding new active class to the new sibling element using jQuery Code. Setting Interval moving slides.

  • Add Control Button Options for user event listeners and controls of slider.  Adding buttons for user interaction so that the user can control movement of slides to next and previous images. User interaction and event listeners with jQuery. Move to next slide on click.

  • Update Intervals reset timer of interval on user interaction.  Debug the jQuery project update and reset the interval timer to restart with counters once a user interacts with the slider controls.

  • jQuery slider Image Carousel Project Review code updates and debugging.  Final code review and updates to clean the code and update styling.

Source Code is included

Taught by an instructor with over 20 years of web development experience ready to help you learn more about JavaScript

jQuery for Beginners – Create Website Animations Easily

jQuery for Beginners : Learn this Javascript Framework to add animations easily and fast to any website.

Created by Edwin Diaz - Web Developer & Premium Udemy Instructor - 700,000 students

"]

Students: 5425, Price: $89.99

Students: 5425, Price:  Paid

ADD NICE FEATURES TO WEBSITES OR APPS EASILY......

Over 3,000 Students taking this course already.........

This jQuery for beginner's tutorial or course will teach you what jQuery is and how to start using it to create animations and advance features for your websites or applications.

jQuery is all around us, everywhere you see a slider, photo gallery, navigation menu, special effects, pop up boxes with photos or videos with plugins like lightbox or prettyphoto or anywhere you see nice animations on any website, jQuery its there.

Do you need jQuery? If you want to add the best awesome Javascript features and animations to sites or apps without the complicated code then YES.

If you are new to web development and don't know Javascript or have very little knowledge then this jQuery tutorial / course is for you.

Here is what my students think about me and my courses......

Fantastic cource once again!!

Edwin you are the best teacher, thank you so much!! Guys don't think just enroll to this course and you will love it like i do! I cant wait for more courses on PHP from you my best teacher.

Best course I've taken on Udemy!!

I'm an absolute beginner in Javascript. I had started other courses on Udemy but got lost early on due to the instructor not being able to clearly explain what they're teaching. As a result I became discouraged thinking I just don't get Javascript. Well I have just completed this course (the first course I've actually seen through to the end) and I feel a lot more confident now. The teacher (Edwin) is what makes this course enjoyable. He explains the content so clearly and gives good simple examples, which we then build upon as the course progresses. His encouraging, cheerful and down-to-earth approach make for the perfect learning environment. He also responded to my questions very quickly. I can't recommend this course highly enough!! It's perfect for the beginner to build a good solid foundation to then move onto move advanced courses. **Take this course you won't be disappointed** :)

Excellent Class

This class provides a very good introduction to the basic concepts and building blocks of javascript.

The instructor, Edwin, is very engaging and enthusiastic about the subject which makes the class very enjoyable.

I would highly recommend this class for anyone just stating out in javascript.

It's magic

Hi , I finished this tutorial successfully . The way of teaching was really good and understandable . The main plus point of this course is the syllabus . Yo have focused on very important topics for a beginner so it will be easy for him to jump to advance level easily with little bit of practice . thank you

My Promise

I will do my best to teach you jQuery and to answer your questions promptly.

If you spend anything on this jQuery Course Tutorial, your money will be multiplied over and over again.

jQuery helps make website and apps alive with all the animations and advance features with simplicity. This course will help set you apart from the rest of designers and developers that don't know jQuery.

100% Money Back if you don't like it

Don't like this jQuery Course? If for some reason you don't like the course within 30 days, Udemy will return your money and no hard feelings from me.

Are you still reading? What are you waiting for? Join now and learn jQuery the easy way.

jQuery Course Beginner to Professional jQuery for beginners

jQuery for beginners jQuery Exercises Included with Source Code. Create Dynamic Interactive web content jQuery Coding

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 4988, Price: $89.99

Students: 4988, Price:  Paid

Learn how to code jQuery

This course has everything you need to use add jQuery to your skills as a web developer!

Loaded with FULL practice exercises to help you learn with ALL SOURCE CODE INCLUDED

With over 15 hours of training, exercises and challenges, it's the most comprehensive jQuery course available on Udemy!

You'll go from beginner to extremely high-level and your instructor will complete each project with you step by step on screen with source code provided.

Inside the course, you'll build a color guessing game, form exercise, YouTube API AJAX data application, combo lock game and much much more!

You'll learn how to:
Adding jQuery
Traversing and selecting elements with jQuery
Page manipulations and DOM interaction
Event triggers page trigger and more
Class and styling with jQuery
Forms with jQuery
jQuery Page animations
AJAX and JSON with jQuery

You'll get friendly support in the Q&A area and all the source code available for download. 

This Offer Won't Last Forever

You will be amazed at how easy it can be to do some much.  Best of all jQuery syntax just makes sense!
Go ahead and hit that "take this course" button to start learning the jQuery Today.  

jQuery is still the most popular JavaScript library available, in fact over 19 Million websites use it and its used in almost 5000 libraries.   jQuery Knowledge should be part of any front end developers skill set and its a natural choice for anyone who is familiar with CSS and JavaScript.  

jQuery provides web developers and easy way to create interactions with web pages.

Basic understanding of the JavaScript Document Object Model and CSS is suggested as a prerequisite to this course.  this course covers everything you need to know in order to start creating amazing web applications using jQuery.

Course covers how to do cool things with jQuery

  • Setup and start using jQuery

  • Simple element manipulation

  • Making selections of elements

  • Getting and setting element attributes

  • Looping and multiple item selection

  • Selecting by Order odd even

  • Traversing the tree structure for better selection

  • Click events and how to apply them to elements

  • Making element interactive and dynamic

  • Filtering of selections

  • Advanced traversing of the DOM tree

  • Working with forms and getting data

  • Event listeners and options

  • Hiding showing elements

  • Updating element content, appending and prepending of content

  • Checking for classes

  • Page content manipulations text html and more

  • Getting properties of elements

  • Animations and amazing effects with jQuery

  • jQuery utilities

  • AJAX JSON and working with Data

  • Next steps of jQuery UI and plugins

Taught by an instructor with over 19 years of web development experience ready to answer your questions and help you learn jQuery

What are you waiting for join now and start creating your own amazing applications.

Richard Stibbard’s “jQuery UI Interfaces” – A mini course

A series of mini-projects showing how to build various styles of AJAX-driven jQuery user interfaces.

Created by Richard Stibbard - Web Developer and Online Educator

"]

Students: 4797, Price: Free

Students: 4797, Price:  Free

First launched in 2014, this series of mini-project tutorials has proven popular ever since and shows how to build various styles of jQuery user interfaces, each of which updates a database in the background using an AJAX call.

In the first, we drag items from one list to another – we have a list of available fruits on the left and out-of-stock fruits on the right, and we can drag an item from one list to the other to change its availability. Refresh the page and the items remain in their new position because we’ve updated their details in the database in the background. This is done using “sortable” and “connect with” in jQuery to connect the two lists.

The second project is the same but with more than two lists – we can drag items from any list to any of the others and their new positions are saved. The code for this is is very similar to the first one, and again uses “sortable” and “connect with”.

Third is a ‘click’ interface where the user just clicks on an item and it is immediately added to the opposite list. Because it’s not so obvious to the user how this works, we’ll have instructions appear as the mouse moves over each of the lists.

The fourth mini-project reorders list items using a drag-and-drop interface – again, this is done with jquery sortable, this time using the serialize function to send the data to the AJAX file.

In an add-on lesson to the original course, I combine lesson 2, in whch items are dragged between multiple lists, and lesson 4, in which items are reordered in a list. In this lesson, you can drag between lists and the position of the items in the lists is also stored in the database.

The last of the mini-projects is another drag and drop interface – this time with multiple boxes as containers – using jquery draggable and droppable interactions.

As with all my tutorials, these provide everything you need to get your project working – including the database connection and AJAX files – and all the code is available as a zip file to download.

So if you’ve been searching around here and there and only found bits of code which are hard to put together, this series of tutorials may be just what you’ve been looking for – let’s get going!