The Complete jQuery Course - Beginner to Professional

Video description

jQuery is still the most popular JavaScript library available; in fact, over 19 million websites use it and it’s used in almost 5,000 libraries. jQuery Knowledge should be part of any front-end developer’s skill set and it’s a natural choice for anyone who is familiar with CSS and JavaScript. jQuery provides web developers with an easy way to create interactions with web pages.

This course has everything you need in order to use add jQuery to your skills as a web developer! Inside the course, you will build a color guessing game, form exercise, YouTube API AJAX data application, combo lock game, and much more. You will be amazed at how easy it can be to do so much. Best of all, jQuery syntax just makes sense.

This course will help in adding jQuery, traversing and selecting elements with jQuery, looking at page manipulations and interaction, and understanding et triggers, page triggers, and more. You will see class and styling with jQuery, forms with jQuery, and look at jQuery page animations. Finally, you will see AJAX and JSON integrating with jQuery.

By the end of this course, you will have learned about jQuery from scratch and be confident to start creating amazing web applications using jQuery.

What You Will Learn

  • Set up and start using jQuery and look at simple element manipulation
  • Apply jQuery coding to applications and benefit from the ease of jQuery
  • Use the power of jQuery in their projects
  • Learn to add jQuery, traverse, and select elements with jQuery
  • Update element content, append and prepend content
  • Look at class and styling with jQuery and forms with jQuery


This course is for anyone who wants to learn how to use jQuery and web developers looking to expand their programming skills. JavaScript programmers and front-end developers will also get a lot of benefits from this course.

Knowledge of HTML, CSS, and JavaScript is strongly recommended along with some programming background. Understanding web technologies and how websites work is a plus but not mandatory.

About The Author

Laurence Svekis: Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Introduction to jQuery
    1. jQuery Course Introduction
    2. Introduction to jQuery
    3. Development Environment Setup
    4. First jQuery File
    5. jQuery Versus JavaScript
  2. Chapter 2 : Getting Started with jQuery
    1. jQuery Ready
    2. Do You Need jQuery
    3. Update HTML and Text Made Easy
  3. Chapter 3 : Element Selection and Traversing
    1. Images and Attributes
    2. Selectors and Updating Multiple Items
    3. Form Elements Selection
    4. Selection by Order jQuery
    5. More Selection
    6. Multiple Element Selections
    7. jQuery Making it Interactive
    8. Selection Filtering and Fine Tuning
    9. jQuery Advanced Filtering
    10. Introduction to Traversing
    11. jQuery Traverse the Elements
    12. Element Siblings
  4. Chapter 4 : Exercise Mini Project Lock Game
    1. jQuery Exercise Lock Combo Guess
    2. Combo Lock Project Intro
    3. Create Interactive Elements
    4. Apply Game Logic
    5. Check Guess Values
    6. Combo Lock Project Review
  5. Chapter 5 : Exercise Mini Project Multiple Step Screen
    1. Simple jQuery Exercise
    2. Traversing the Elements
    3. More Ways to Select Elements
    4. Final Project Tweaks
  6. Chapter 6 : Exercise Form Validation Project
    1. Form Validation Project
    2. Form Input Check
    3. Form Tweaks and Overview
    4. Form Complete Project
  7. Chapter 7 : Exercise Color Guessing Game
    1. Color Match Game Introduction
    2. Color Guess Game Introduction
    3. Build Gameplay Area
    4. Just Add Color
    5. Events for Dynamic Elements
    6. Build in Game Logic
    7. Tweaks and Adjustments
    8. Better Gameplay Overview
  8. Chapter 8 : jQuery Next Steps - Focus on Forms
    1. jQuery Working with Forms
    2. jQuery Do Even More with Forms
    3. Next Steps with Forms
  9. Chapter 9 : Making Interactive Elements
    1. jQuery Events
    2. Keyboard Events jQuery
    3. Browser Events jQuery.
  10. Chapter 10 : Page Manipulation and Content Updates
    1. Hide Show Toggle
    2. Page Content Updater
    3. Before and After
    4. Using jQuery Empty
    5. HasClass Check Exercise Debugging
    6. Back to Forms jQuery
    7. jQuery Forms and Events
    8. Remove Attribute
    9. jQuery Placeholder Image Generator
    10. jQuery Page Manipulation Classes
    11. jQuery Form Error Classes
    12. Window and Document Information
    13. Popup Image Using jQuery
    14. More jQuery Dimensions
  11. Chapter 11 : jQuery Effects and Animations
    1. jQuery Slide Animation
    2. jQuery Fade Animation
    3. jQuery Animate Effect
    4. jQuery Animate Even More
    5. jQuery Animate Advanced
    6. jQuery Animate Exercise
    7. jQuery Utilities Explored
  12. Chapter 12 : AJAX with jQuery Get Data Connect with APIs
    1. jQuery AJAX JSON
    2. jQuery Load Data
    3. jQuery Load More Data
    4. jQuery Load Details
    5. jQuery AJAX
    6. jQuery, AJAX, and JSON
    7. shorthand get and getJSON
    8. Web APIs AJAX
    9. More Random Images Each
    10. More APIs More AJAX
    11. AJAX jQuery Post Data
    12. jQuery AJAX Post
    13. Connect More Web APIs
  13. Chapter 13 : jQuery AJAX YouTube API Application
    1. Introduction YouTube API
    2. Web Application Setup
    3. Get YouTube Developer Key
    4. Bring in jQuery AJAX
    5. Loop Each Returned Video
    6. Use JSON Feed Data
    7. Output Results from API
    8. Customize Results for API
    9. Tweaks and Updates
    10. Customize Code jQuery
  14. Chapter 14 : jQuery Whack-a-Mole Exercise
    1. jQuery Whack-a-Mole Introduction
    2. HTML Page Setup
    3. Get Coding jQuery
    4. Build Dynamic Gameboard
    5. Just Add Styling
    6. Moles Keep Moving
    7. Tweak and Update Code
    8. Whack that Mole
    9. Add that Whack
    10. Source Code Review
  15. Chapter 15 : Memory Game Project
    1. Memory Game Project Introduction
    2. Web Developer Setup
    3. HTML and CSS Setup
    4. Build Game Board Start Game
    5. Build Gameboard
    6. Randomize Array Contents
    7. Flip the Cards
    8. Apply Gameplay
    9. Reset Cards to Back
    10. Game Over Bug Fix
    11. Memory Game Code Review
  16. Chapter 16 : jQuery Image Carousel Component Rotate Images with jQuery/JavaScript/HTML/CSS
    1. Image Carousel Project with jQuery Coding Introduction What to Expect
    2. How to Get Started to Write Code for This Section Setup of HTML and JS Files
    3. How to Create a Placeholder Array of Images to Use with Coding in Practice Code
    4. How to Generate Random Color Code Values with JavaScript and jQuery
    5. Applying Styling CSS to Page Elements to Create Image Carousel with jQuery
    6. How to Add and Remove Classes from Elements Using jQuery Code
    7. How to Add Option Control Buttons to jQuery Image Carousel
    8. How to Set Up Intervals for Automatic Slider Rotation Source Code
    9. jQuery Image Carousel Project Code Review and Debugging
    10. jQuery List Item Select Coding Example with eq and nthChild
  17. Chapter 17 : jQuery Resources Course Conclusion
    1. jQuery Conclusion

Product information

  • Title: The Complete jQuery Course - Beginner to Professional
  • Author(s): Laurence Svekis
  • Release date: June 2022
  • Publisher(s): Packt Publishing
  • ISBN: 9781789612837