A Complete jQuery Course from Beginners to Advanced

A Complete jQuery Course from Beginners to Advanced

by Laurence Svekis
Released July 2022
Publisher(s): Packt Publishing
ISBN: 9781838559885

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

jQuery is super powerful, lightweight, and easy to add to your webpages. jQuery is just a JavaScript library and knowledge of JavaScript is helpful for understanding and debugging code. jQuery makes it easy to get started with building interactive and dynamic web content. jQuery provides an easy-to-use solution for web developers to add smooth animations, handle webpage interactions and events, navigate page elements for selection, update and manipulate element properties and contents, and make AJAX requests for data. jQuery is an in-demand skill and learning jQuery will help you stand out in the crowd.

In this course, you will explore how to write jQuery basics, see how to add jQuery to your website, understand how to select elements and apply manipulations, learn applying style and classes, and see traversing elements to better select HTML content. You will be adding effects to elements such as hide and show, making your webpage come to life with animations and effects such as slide and fade, and creating interactions with your page using event listeners such as mouse events and keyboard events. Finally, you will use AJAX to connect to JSON data to easily populate content into your page.

By the end of the course, you will better understand how jQuery works and how you can use it to create better and quicker webpages.

What You Will Learn

  • Create amazing web content and dynamic webpages with jQuery
  • Learn about using jQuery within your web development process
  • Add effects such as fading and sliding to page elements
  • Insert and create new elements, and update existing page elements
  • Change the styling of page elements, and create lists and real-world coding projects
  • Use of AJAX, GET, and POST to connect to web API data JSON

Audience

This course is designed for JavaScript programmers, web developers looking to expand their programming skills, frontend developers, anyone who wants to learn more about dynamic web building, and anyone who wants to learn how to use jQuery.

Application developers and any individual wanting to develop professional dynamic websites along with programmers wanting to improve their skills in web development will also benefit a lot.

You will need JavaScript experience along with working knowledge of CSS and HTML. A desire to learn jQuery will help you grasp the concepts.

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.

Table of contents

  1. Chapter 1 : Introduction and Getting Started with jQuery
    1. Introduction to jQuery
    2. Getting Started with jQuery and Adding It to Your HTML
    3. Selection of Page Elements and DOM Element Selection jQuery
    4. Element Hide and Show Methods and Animation Effects
    5. Fading Effects with jQuery Elements
    6. Sliding Effects on Page Elements Create Slide
    7. How to Create Custom Animations with jQuery
    8. How to Insert Elements and Contents into and Outside Elements
    9. How to Element DOM Manipulation and Selection with jQuery
    10. Classes DOM Manipulation Adding and Removing Element Class with jQuery
    11. jQuery Dynamic List Project Interactive Elements with jQuery
  2. Chapter 2 : jQuery Element Traversing and Selection of Specific Elements Update Elements
    1. How to Get and Set CSS Properties with jQuery
    2. Getting and Setting Element Attributes with jQuery
    3. Element Dimensions and Properties Values with jQuery Methods
    4. Traversing Descendants of Page Elements jQuery Selection
    5. Traversing Ancestors of Page Elements Parent Methods with jQuery
    6. Traversing Siblings Page Elements and Other Selections with jQuery
    7. Traversing Filtering Page Elements to Select Them Using jQuery Methods
    8. How to Create a Dynamic List with jQuery Project
  3. Chapter 3 : More jQuery Events and Helpful Methods
    1. jQuery Data Method Save Values into the Element Object
    2. jQuery get Method to Get the Index Value of a Page Element
    3. jQuery Index of Page Element Index Method
    4. jQuery toArray Method to Get the jQuery Elements as DOM Elements
    5. jQuery Mouse Move Events Listeners and Hover Events
    6. jQuery to Listen for Keyboard Events and Get Values from the Event Object
    7. jQuery Form Events on Submit and More
    8. Attach Events with the on Method with More Powerful Events
    9. jQuery Scroll Event on Browser Events and Window Events
    10. How to Create a jQuery Mole Hit Game
  4. Chapter 4 : AJAX Requests with jQuery JSON POST GET Data from External Sources
    1. How to Load a File with jQuery Load Method
    2. Get JSON Data with jQuery get Method
    3. POST Data with jQuery Using Post Method
    4. GET Shorthand Methods jQuery getScript getJSON Methods
    5. jQuery AJAX Method and Callback Options

Product information

  • Title: A Complete jQuery Course from Beginners to Advanced
  • Author(s): Laurence Svekis
  • Release date: July 2022
  • Publisher(s): Packt Publishing
  • ISBN: 9781838559885