Developing Web Application using jQuery (Mar 2025)

Name: Developing Web Application using jQuery (Mar 2025)
Rating: 3.5 (73 reviews)

JQuery, jQuery methods, DOM elements, Ajax and JSON, web App using jQuery

Created byProton Expert Systems & Solutions

Last updated 3/2025

English

What you'll learn

Learn jQuery and its Key features
Setting up visual studio code IDE
Understand how to include jQuery in html file
Learn to create a webpage Using HTML,CSS and jQuery
Learn the Implementation of jQuery Methods in webpage
JQuery DOM elements and Methods
Implementation of AJAX methods in JQuery and JQuery UI
Learn jQuery UI - Interaction, Widgets, Effects and Utilities
Learn how to use JQuery to build a web application

Course content

7 sections • 20 lectures • 1h 52m total length

Introduction3:30
In this lesson, you will have information about Detailed Course Objectives, the Course Description based on the Objectives, Course Target Audience, Prerequisites for taking up this course, detailed Course Schedule and Practice Environment used in the course to do the activities.

Lesson 1: Introduction to jQuery6:27
In this lesson, you will learn to Install and set up visual studio code, Further, you will see how to include jQuery in an html file.
Practice 1-1: Downloading and Installing Visual Studio Code3:48
In this practice, you will learn how to download and Install Visual Studio Code IDE. Also you will learn to verify the workspace by running a basic html code.
Practice 1-2: Downloading JQuery0:44
In this practice, you will learn how to download and save jQuery library
Quiz 1: Quiz on Introduction to jQuery

Lesson 2: Webpage Using HTML,CSS and jQuery11:07
In this lesson, you will learn to the basics of html, css and JavaScript. Further you will learn to create a simple webpage along with jQuery selectors and filters.
Practice 2-1: Creating webpage and Executing jQuery selectors6:03
In this practice, you will learn to create a webpage and executing different types of jQuery selectors in the webpage
Practice 2-2: Executing jQuery filters in the webpage1:17
In this practice, you will learn how to implement different types of jQuery filter methods in an html document
Quiz 2: Quiz on Webpage Using HTML,CSS and jQuery

Lesson 3: Implementing jQuery Methods in webpage11:26
In this lesson, you'll learn overview to jQuery methods including jQuery event methods and jQuery effect methods, along with the event handling in jQuery.
Practice 3-1: Creating webpage and Executing jQuery events7:59
In this practice, you will learn to create an html document and executing commonly used jQuery event methods, including mouse events, form events, keyboard events and document events
Practice 3-2: Executing jQuery Effects in a webpage7:25
In this practice, you will learn how to implement various jQuery effects in an html document which includes display effects, fade effects, slide effects and other animation effects.
Quiz 3: Quiz on jQuery Methods in webpage

Lesson 4: JQuery DOM elements and Methods7:14
In this lesson, you will gain knowledge on working on DOM elements followed by DOM manipulation and DOM traversing. Additionally, you will learn different types of jQuery Miscellaneous Methods.
Practice 4-1: Executing DOM Traversing Methods in webpage3:17
In this practice, you will learn how to execute jQuery DOM traversing methods in a webpage.
Practice 4-2: Executing DOM Manipulation Methods in webpage2:58
In this practice, you will learn how to execute jQuery DOM manipulation methods in a webpage.
Practice 4-3: Executing jQuery Miscellaneous Methods in webpage2:45
In this practice, you will learn how to execute jQuery DOM manipulation methods in a webpage.
Quiz 4: Quiz on DOM elements and Methods

Lesson 5: jQuery with AJAX and jQuery UI9:36
In this lesson, you will learn jQuery methods for AJAX functionality and jQuery AJAX Events methods. Further you will learn about jQuery UI – Interaction, Widgets, Effects and Utilities
Lastly you will gain knowledge on Deferred Object and Promise
Practice 5-1: Executing jQuery AJAX Methods in webpage5:55
In this practice, you will learn how to invoke jQuery AJAX methods in html document.
Practice 5-2: Executing jQuery AJAX events in webpage4:09
In this practice, you will learn how to execute jQuery AJAX events methods in a webpage
Practice 5-3: Executing jQuery UI and utilities in webpage3:38
In this practice, you will learn how to execute jQuery UI in html document which includes user interface interactions, effects, widgets, and themes
Quiz 5: Quiz on jQuery with AJAX and UI

Lesson 6: Case Study – Sticky Notes Web Application5:32
In this lesson, you will learn to develop a web Application using HTML, CSS and jQuery, further you will explore how to Implementation of jQuery methods in the web application.
Practice 6-1: Web Application with login7:42
In this practice, you will learn to how to create a simple web application in which you can add list of notes and sticky notes using html, css and jQuery.
Quiz 6: Quiz on Case Study

Requirements

Basic knowledge of HTML5 to structure the webpage
Basic knowledge of CSS3 to style the webpage
Knowledge of JavaScript
Understanding of the working of a simple webpage

Description

JQuery is the most widespread JavaScript library today, used by 73% of the 10 million most popular websites. This course will helps you to explore the core features and functionalities of jQuery such as animation methods, DOM element selection, traversal, and modification. JQuery is a lightweight, “write less, do more”, JavaScript library. The main purpose of jQuery is to provide an easy way to use JavaScript on your website to make it more interactive and attractive. JQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events and develop Ajax applications. JQuery also provides capabilities for developers to create plug-in on top of the JavaScript library. In this course, you will learn to set up a development environment to execute jQuery, Once the environment is configured, you will learn the methods to download and include jQuery in your html document followed by the basics of HTML, CSS and JavaScript. Then you will get to know the use of jQuery selectors and filters followed by the verities of jQuery methods such as jQuery event methods, effect methods, ajax methods, Miscellaneous methods and its uses. End of the tale, you will learn how to use JQuery to build a web application.

Who this course is for:

Web developers
Software Developers
JavaScript Developers
Full Stack Developers

Developing Web Application using jQuery (Mar 2025)

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 4min

Lesson 1: Introduction to jQuery3 lectures • 11min

Lesson 2: Webpage Using HTML,CSS and jQuery3 lectures • 18min

Lesson 3: Implementing jQuery Methods in webpage3 lectures • 27min

Lesson 4: JQuery DOM elements and Methods4 lectures • 16min

Lesson 5: JQuery with AJAX and JQuery UI4 lectures • 23min

Lesson 6: Case Study – Sticky Notes Web Application2 lectures • 13min

Requirements

Description

Who this course is for: