Learning Path: jQuery: Interactive Web Apps with jQuery 3.x
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1 student enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Path: jQuery: Interactive Web Apps with jQuery 3.x to your Wishlist.

Add to Wishlist

Learning Path: jQuery: Interactive Web Apps with jQuery 3.x

Conquer the wider world of interactive web applications with jQuery
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1 student enrolled
Created by Packt Publishing
Last updated 9/2017
English [Auto-generated]
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn JavaScript's basic syntax and how to declare variables and create functions
  • Control code execution via conditional branching
  • Discover the Document Object Model and how to manipulate it with JavaScript and jQuery
  • Validate user input on forms with jQuery
  • Learn to Bootstrap basic web application with jQuery
  • Get basic knowledge about DOM API
  • Learn to create, extract, and manipulate page content with jQuery
  • Learn to access remote data via AJAX
View Curriculum
  • Basic programming knowledge of HTML, CSS, and JavaScript is needed
  • Prior knowledge of Bootstrap is assumed

jQuery is a framework that helps make writing in JavaScript easier. It's particularly useful for simply traversing the DOM in an HTML page. jQuery is a wrapper of JavaScript, with much pre-written functionality and DOM traversing. If you're interested to skill up your knowledge to develop outstanding visual and interactive website experiences, then you should surely go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

The highlights of this Learning Path are:

  • Get up to speed with JavaScript and jQuery
  • Improve your web development skills whether for personal, or professional projects with jQuery
  • Get to use practical web development skills with jQuery and Bootstrap

You start off by learning what JavaScript is and how browsers use it. You will learn how to execute different pieces of code based on certain conditions as well as how to make code loop a certain number of times. You will be then introduced to jQuery and how to use it in your projects. 

Moving ahead, this Learning Path will show you how to harness your JavaScript knowledge and combine it with Bootstrap and jQuery to build powerful modern UIs for your web apps. 

After completing this Learning Path, you will have a practical knowledge of jQuery and be able to create highly interactive, beautiful websites from scratch.

About the Authors:

For this course, we have the best works of these esteemed authors:

  • Chip Lambert has been developing websites and web applications for almost 20 years. He has authored two other books for Packt Publishing: Instant RESS Implementation How-To and Mastering jQuery Mobile. He is currently a software engineer for Jenzabar Inc. and an online instructor for Bluefield College, teaching courses in web and mobile application development.
  • Bartlomiej Potaczek is a Software Engineer working for Schibsted Tech Polska programming mostly in Javascript. He is a big fan of everything related to React world, functional programming and data visualization.
Who is the target audience?
  • This Learning Path is for those who want to graduate their skills from using plain JavaScript to developing sites and applications by incorporating the jQuery library.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
37 Lectures
Beginning JavaScript and jQuery
21 Lectures 02:54:44

This video will give an overview of entire course

Preview 05:32

How do we get started with JavaScript?

Introduction to JavaScript

What is the syntax of the JavaScript language?
Basic JavaScript Syntax

You need to store the data in the script and use it at various points.

So far, you have learned how to store data to use again, but what about a series of statements that we may use over and over again?


How can I make certain parts of my code execute a given number of times?

Preview 05:36

Is there an alternative to the for loop?
While and Do While Loops

There could be times when you need to execute your code only if certain conditions are true.
if Statement

After seeing how the if statement, there could be a requirement where you need to check multiple conditions and each condition has its own code execution.

Switch Statement

The Document Object Model (DOM) is a critical component of the JavaScript language. You need to learn what it is before you can use it.

Preview 07:46

The DOM seems so daunting; how can we get the pieces we need to use?

Accessing the DOM

Being able to select nodes is fun but not very productive on its own. You need to learn how to make changes to the DOM after you select the element.

Manipulating the DOM

What is jQuery and how can it be used in the place of traditional JavaScript?
Preview 06:55

jQuery can be used from the local file system or via a Content Delivery Network (CDN). What is the difference between the two, and which is better?

Using jQuery: Local Versus CDN

We have been talking about jQuery and the power behind it, but we have not seen it in action yet.
Basic jQuery Example

We know how to access the different elements of the DOM with JavaScript, but it seems clunky. Can jQuery make it easier?
Preview 07:12

It is easier to select the nodes of the DOM with jQuery, but just selecting them is no fun. How can we manipulate them?

Updating the Elements and Content

The final piece we need to manipulate the DOM is to add elements as needed.
Inserting the Elements and Content

jQuery is very powerful, but it seems to be lacking in form validation. How can we use jQuery to validate web forms?

Preview 09:50

You have learned how to change HTML or the text of DOM elements; can we change the CSS? Also, it would be nice to add some neat effects to elements.


jQuery events look much simpler to use compared with JavaScript events. How can we use them?

A Quick Look at Events
Building Web Apps with jQuery,JavaScript and Bootstrap
16 Lectures 02:11:24
This video provides an overview of the entire course.
Preview 01:54

To bootstrap a new project initiate a simple project from scratch—project root and structure, and create a new project using generators.

Setting up Our Foundation Project

To setup a development environment create a webpack configuration file and create dev server.
Setting up Webpack

What is a bootstrap framework, how to use it in the project? Provide specific loaders and plugin that make it work.
Bootstrapping HTML and CSS Using Bootstrap

What is a JavaScript ES6 standard and how to add support for it? Explain and provide specific loaders.

Adding Support for ES6

What is a jQuery library, when and why use this library? What is a DOM and DOM API? Explain jQuery library—features that the library contains and when and why to use this library. Explain what is a DOM, DOM API and how we can use DOM API in the browser.

jQuery and the DOM

How to select, filter elements from HTML? Using specific jQuery selector, select jQuery collection and using specific jQuery filter, filter jQuery collection.

Preview 06:16

How to change element CSSclass, attributes? How to manipulate DOM? How to set/get element attributes, properties? Use different types of jQuery methods.

Create, Extract, and Manipulate Page Content

What are events? What are browser events and document loading? Explain what are events, explain and use browser events jQuery methods, explain and use document loading jQuery method.

Browser Events and Document Loading

How to attach multiple events to the event handler? How to detach an event? How to trigger an event? Explain and use specific types of jQuery event handler attachment.

Event Handler

What is an event object? How to respond to user clicks and keyboard keys? Explain an event object, explain and use most common use jQuery mouse and keyboard events.

Interactive Page Content with Events

How to do basic effects? How to create a simple slideshow? Explain basic jQuery effects and show examples, implement a simple slideshow using fadein and fadeout effects.

Preview 09:20

How to improve page elements with animation? How to use animate method? Explain animate method and properties, implement animation for page elements.

Page Components Animation

What is an AJAX? How to do a get and post request using the jQueryajax method? How to fetch remote data using the ajax method from football data org API? Explain what is an AJAX, show simple example of get and post request, using jQueryajax create a get request for teams data and players data.

AJAX Methods

What is a promise?What is a Deferred object?When to use Deferred objects? Briefly explain what is a promise, explain what is a Deferred object, explain Deferred object use cases, and show a couple of examples of using a Deferred object.

Deferred Object

How to improve our application in a development and production environment? How to improve application? What we did during the course? Add scripts to thepackage.json file, prepare webpack configuration for production, add Bootstrap modal component to application, and summarize what we did and what you learned during the course.

About the Instructor
Packt Publishing
3.9 Average rating
8,175 Reviews
58,819 Students
687 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.