jQuery for Application Development: Fundamentals

Name: jQuery for Application Development: Fundamentals
Rating: 4.5 (131 reviews)

jQuery | jQuery Ajax | jQuery UI

Created bySkillSprints Inc., Mark Lassoff

Last updated 5/2021

English

What you'll learn

What is jQuery
How to Integrate the jQuery Libraries
jQuery Syntax
The document ready event
How to use basic selectors
Complex jQuery Selectors
How to use First, Last and (n)th Selectors
How to use PseudoSelectors
Fade Effect with jQuery
Showing and Hiding Elements with jQuery
Hiding Versus Removing jQuery Elements
Sliding jQuery Elements
Creating Animations with jQuery
Understanding jQuery Callback Functions
Manipulating HTML and CSS with jQuery
Adding and Removing Classes
Inserting and Appending Content
Changing the Height and Width of Elements
Positioning Elements with jQuery
Working with Element Content
Wrapping Elements
Setting CSS Rules of Elements
Working with Forms using jQuery
Blur and Focus Form Elements
The change() event
The select() event
The submit() event
Serializing Form Content
Working with Events in jQuery
click() and dblclick()
Mouse events
Browser events
Keyboard events and the event object
Communicating with an API using jQuery
Loading Local Data with jQuery
Loading Remote Data with jQuery
Adding JSON Data
Deleting JSON Data
jQuery UI: Accordians
jQuery UI: Tabs
jQuery UI: Dialog Boxes

Course content

10 sections • 66 lectures • 5h 12m total length

Your first jQuery Page7:29
You'll hit the ground running as you immediately create your first page using jQuery.
What is jQuery... And Why?3:03
Mark describes what jQuery is, when and how to use it and tells you some of the advantages of this popular JavaScript library.
Adding jQuery to Your Site5:20
There are a number of methods that allow you to add jQuery to your site. You'll learn them in this video.
jQuery Syntax3:31
jQuery has a specific syntax that's easy to learn and enables you to use this powerful library. You'll learn the syntax in this video.
The document.ready() Event2:44
The document.ready() event is important! It fires when your application is ready for jQuery to start working. You'll learn how to implement the event in this video.
Basic Selectors (name, class name and Id)7:06
Selectors allow you to determine which elements have jQuery applied to them. Mark demos the fundamental selectors in this video.
Complex Selectors (attribute, css, decendent)8:09
There are a number of more complex selectors that allow you to select multiple elements, or filter elements selected. You'll learn how to use more complex selectors in this video.
First, Last and (n)th Selectors3:01
In this video, you'll learn how to select elements by their position relative to each other in the code.
Other Pesudo-selectors4:19
Pseudo-selectors modify selectors and provide you with additional selection criteria. mark demos pseudo-selectors in this video.

Fading in and Out5:16
Mark demos the fading in and out effect available in jQuery.
Showing and Hiding Elements5:35
You'll learn the show and hide effects in jQuery.
Hiding Versus Removing Elements2:29
You'll learn to hide elements from view and remove elements entirely from the DOM in this video.
Sliding Elements6:16
You'll learn how to use the "Slide" effect in jQuery in this video.
Creating Animations9:01
Animation effects are demonstrated in this video.
Chaining Animations4:05
In jQuery, you can chain animations so one runs when another ends. Mark demonstrates chaining animations in this video.
Understanding Callback Functions3:25
Callback or delegate functions can run when another process ends. You'll learn how to set up your callback functions in this video.

Adding and Removing Classes6:47
Using jQuery you can dynamically add and remove classes from HTML elements. You'll learn how in this video.
Inserting and Appending Content8:01
Mark demonstrates how to insert and append content to HTML elements in this video.
Height and Width of Elements6:16
You'll learn how to dynamically change the height and width of elements in jQuery.
Positioning Elements7:43
You can actually change the position of elements within the browser window using jQuery. Mark demonstrates how in this video.
Working with Element Content5:00
In this video, Mark will demonstrate how to access and edit element content.
Wrapping Elements4:18
Mark will demonstrate, in this video, how to dynamically wrap elements with other HTML elements.
Setting CSS Rules of Elements6:37
Setting CSS rules at run time allows you to dynamically change the look and feel of a page. Mark will demonstrate how to set CSS rules using jQuery in this video.

Blur and Focus Form Elements5:14
Blurring and focusing on form elements can help users determine what they're supposed to do next. You'll learn how in this video.
The .change() Event2:50
The change() event will allow your site to react as soon as the content within a form element has changed. Mark will demonstrate in this video.
The .select() event4:09
The select() event fires as soon as an element is selected so your website will react. You'll learn how to use this event in this video.
The .submit() Event2:23
In this video, you'll learn how to create code that runs when a form is selected.
Serializing Form Content3:11
There are times when you'll need to serialize form content into a string. This video demonstrates jQuery's serialization ability.

.click() and .dblclick()4:29
Learn how to respond to click() and double click events on web elements in this video.
Mouse Events4:25
jQuery allows you to easily handle mouse events. You'll learn how in this video.
Browser Events5:02
jQuery contains a number of events that allow you to respond to browser events. You'll learn how to implement these in this video.
Keyboard Events and the Event Object4:07
In this video Mark demonstrates how to respond to keyboard events, like keypresses, and also dissects the event object to examine its properties.

Loading Local Data with jQuery7:00
jQuery allows you to easily load local JSON or XML data and process it. You'll learn how in this video.
Loading Remote Data with jQuery10:48
jQuery enables you to easily load remote data from an API or other source. Mark demonstrates the code in this video.
Adding JSON data5:30
Once JSON is stored in the DOM, you can easily add data to the JSON structure. Mark demonstrates in this video.
Deleting JSON data6:24
In this video, you'll learn how to remove JSON data from the DOM.

Project Introduction1:14
Mark introduces the Bart project written in JavaScript with jQuery.
Application Demo2:14
Mark demonstrates the BART transit app written in jQuery
Skills and Technologies Used1:25
The skills and technologies used to build the app are reviewed.
The Application HTML6:13
Mark reviews the HTML used in the application. You'll also see how jQuery is used to create the app structure.
The Application JavaScript0:51
Mark previews the upcoming JavaScript and jQuery videos.
The JavaScript and jQuery Part I5:13
Detailed, Lined-by-Line Review of the application JavaScript and jQuery
The JavaScript and jQuery Part II3:56
The detailed, line-by-line review of the application JavaScript and jQuery continues.
The JavaScript and jQuery Part III4:55
Review of JavaScript and jQuery code continues.
The JavaScript and jQuery Part IV3:17
Mark concludes his review of the JavaScript and jQuery code.
Good bye and Good Luck0:50
Mark says goodbye. Hope you enjoyed this project!

Requirements

Successful members of this course have a fundamental understanding of HTML, CSS and JavaScript

Description

jQuery remains the most popular client-side development library on the web. Designed to do some of the heavy-lifting in JavaScript, you're going to find the jQuery library used in millions of sites.

While it's not the sexiest or newest JavaScript library-- jQuery remains the most deployed. It's a "need-to-know" item if you're on the road to becoming a web developer, client-side-engineer, or another type of development pro.

If you're going to learn jQuery-- you should do it with Mark Lassoff. Mark has taught coding, design, and development to over 2,000,000 people online through Udemy and other online sites. Mark makes learning easy explaining each concept in basic terms so you don't have to be an experienced coder to understand. The videos included in this course are short, and to the point, without a lot of extra unneeded fluff.

Mark designed this course so you could get moving quickly and apply what you've learned immediately.

This course covers it all-- From the basic jQuery syntax, simple through complex selectors, jQuery Ajax, jQuery UI, and much more. There are even a couple of complete jQuery projects included for you to test your skills after you've learned the fundamentals.

If you want to learn jQuery, press the enroll button now! You'll complete this course and immediately be able to start using your new jQuery skills in your everyday development work!

Who this course is for:

Web Development Students
Front-end and Client-Side Developers and Designers
Anyone who Wants to Use jQuery-- the most popular Client Side Development Library

jQuery for Application Development: Fundamentals

What you'll learn

Explore related topics

Course content

Getting Started with jQuery9 lectures • 45min

Effects with jQuery7 lectures • 36min

HTML and CSS Manipulation with jQuery7 lectures • 45min

Forms and jQuery5 lectures • 18min

Events in jQuery4 lectures • 18min

API Communication with jQuery and JSON4 lectures • 30min

jQuery UI3 lectures • 13min

Goal Tracker App5 lectures • 41min

Flash Cards Application12 lectures • 37min

BART-- Bay Area Rapid Transit App10 lectures • 30min

Requirements

Description

Who this course is for: