🔴 Introduction to jQuery • JavaScript Programming • JavaScript Tutorial • Learn JS • (Pt. 3)

🆃🅸🅼🅴🆂🆃🅰🅼🅿🆂 🅱🅴🅻🅾🆆

00:00 - Exploring jQuery and jQuery UI
04:34 - Downloading jQuery and jQuery UI
06:46 - Pulling jQuery and jQuery UI into a Project Folder
09:08 - Exploring jQuery's DOM Querying Features
11:32 - Understanding the jQuery Object and the $ Function
13:55 - Adding Hover States and Click Handlers with jQuery
16:30 - Understanding jQuery Objects
19:01 - Attaching Event Handlers with jQuery
21:23 - Working with jQuery Objects
24:11 - Combining Selectors with jQuery
26:33 - Understanding the 'this' Keyword in JavaScript
29:03 - Turning a JavaScript Object into a jQuery Object
31:33 - Using jQuery Selectors to Manipulate the DOM
33:58 - Adding and Removing Elements with jQuery
36:09 - Chaining Functions in jQuery
38:41 - Method Chaining and the Problem of Duplication
41:12 - Fixing the Issue with Dynamically Inserted DOM Elements
43:42 - Exploring the on() Function in jQuery
46:37 - Using jQuery's addClass(), removeClass(), and toggleClass() Functions
48:55 - Introduction to jQuery
51:06 - Styling the To-Do Lists
53:33 - Styling Completed List Items
55:57 - Adding an Item to the List with jQuery
58:15 - Retrieving Text from an Input Element
1:01:01 - Preventing Empty Items in Unordered Lists
1:03:25 - Working with jQuery and Data
1:05:52 - Accessing Data Attributes with jQuery
1:08:20 - Attaching IDs to Elements
1:10:44 - Setting Data Attributes with jQuery
1:13:01 - Using jQuery UI's Sortable Function
1:15:30 - Styling the Sortable Function
1:17:52 - Styling Drag and Drop Lists
1:20:50 - Constructing an Object to Represent Item Positions
1:23:00 - Representing the Positioning of Items in a List
1:26:08 - Reordering Items with JavaScript
1:28:00 - Exploring jQuery and jQuery UI Widgets
1:30:56 - Accessing Data from Parent Scopes
1:33:20 - Understanding JavaScript Scoping

Learn JavaScript Programming - Introduction to jQuery.

In this video, we look at the jQuery library. We show how we can use the shorthand jQuery syntax for DOM querying, manipulation and event handling to drastically clean up our code. We also take a quick look at the "Sortable" jQuery UI widget.

Videos no. 1 - 4 cover the foundations of JavaScript - and how to use it to create modern, dynamic, web applications. The focus of this class will mainly be on JavaScript itself and how to interact with the DOM (Document Object Model) to create rich web applications.

This 4-part JavaScript tutorial provides a full introduction to all the basic fundamentals and core concepts of JavaScript for beginners. Learn how to code - learn JavaScript programming the easy way.

Enter the world of object-oriented programming as a beginner, or expand your programming knowledge with a JavaScript full course taught by top-rated instructors. Apart from teaching you the fundamental programming concepts using JavaScript programming, this course also covers the tools, how to write code, debug features, explore customizations, and start writing programs right away. It's one of the best courses to learn JS programming with so many tips, examples, and exercises.

Note: Even though this is a legacy JavaScript tutorial, it is still one of the best JavaScript full courses available with a focus on JavaScript for beginners.

The next video in this JavaScript full course (Part 4 of 4) is:    • 🔴 Building Custom JavaScript Components • ...  

The playlist to this JavaScript full course is available at:    • 🔴 JavaScript Programming (Beginners)  

Disclaimer: I don't own the rights to the content provided in this video. All credit to the respective owners.

This video was created by 3D Buzz and is now available to you for free.