시즌 1
12 에피소드
1. Introduction to jQuery and Tools Needed to Complete the Course
1. Introduction to jQuery and Tools Needed to Complete the Course
Understand what jQuery is, what it does, who else is using it, and what value it can bring you as a designer or developer. Learn the tools needed for this course - modern web browser, text editor, plug-ins and more, and how to get and use the jQuery JavaScript file.
2. Syntax Basics, Objects and Methods, Libraries and Code Reuse
2. Syntax Basics, Objects and Methods, Libraries and Code Reuse
Learn about JavaScript syntax on the A, B, C, one, two, three level. Explore some concepts that will pop up when working with jQuery, what a library is and that jQuery is a JavaScript library, and how to use an API.
3. Introduction to HTML and CSS, Online jQuery Resources
3. Introduction to HTML and CSS, Online jQuery Resources
Understand the basics of HTML and explore that basics of Cascading Style Sheets or CSS. Learn about additional resources that will be useful during your initial jQuery training.
4. HTML, CSS, and Javascript, the Document Object Model (DOM), Interactive Webpages without jQuery
4. HTML, CSS, and Javascript, the Document Object Model (DOM), Interactive Webpages without jQuery
Learn how JavaScript, HTML, and CSS work together to generate a web page from an HTML document and associated CSS and JavaScript. Discover the document object model or DOM, and how to get common tasks done in JavaScript without using the jQuery library.
5. jQuery Function, Utility Methods, noConflict(), and Selectors
5. jQuery Function, Utility Methods, noConflict(), and Selectors
Learn about the jQuery function, the basic building block of any piece of jQuery code, jQuery utility methods, the no Conflict jQuery method, and the selector syntax and look into filters.
6. Filters, Objects, DOM Traversal Methods
6. Filters, Objects, DOM Traversal Methods
Discover how to use filters to rerun only the elements that match the filter wanted. Understand jQuery objects, how they differ from raw DOM elements, and what exactly is returned by the $ or jQuery function when you pass a selector string. Learn about jQuery's DOM Traversal methods.
7. Altering HTML Attributes and CSS Properties, Manipulating DOM Elements, and DOM Properties vs HTML Attributes
7. Altering HTML Attributes and CSS Properties, Manipulating DOM Elements, and DOM Properties vs HTML Attributes
Learn about setting and getting HTML attributes and CSS properties using jQuery, and how to work with jQuery methods to manipulate DOM elements. Explore the difference between .prop and .attr which is the difference between DOM element properties and the HTML element attributes.
8. Events, Event Handler Syntax, Shorthand Event Handlers and the Event Object
8. Events, Event Handler Syntax, Shorthand Event Handlers and the Event Object
Discuss the definitions of event and event handling. Learn about the jQuery on() method, which is jQuery's basic method for registering event handlers. Explore the different shorthand methods available for registering event handlers and jQuery.
9. Default Actions & preventDefault(), Delegation & event.stopPropagation(), Simulating Page Interactions, Custom Events, Deregistering Event Handlers
9. Default Actions & preventDefault(), Delegation & event.stopPropagation(), Simulating Page Interactions, Custom Events, Deregistering Event Handlers
Learn about default browser actions and how to override them, the difference between direct and delegated event handling and event bubbling. Understand event handler shorthand methods and the trigger and triggerHandler methods. Learn about jQuery's custom events and how to end your event with the Off methods.
10. Simple Effects, The animate() Method, Complex Animations, Queueing Animations
10. Simple Effects, The animate() Method, Complex Animations, Queueing Animations
Discover the visual effects methods that jQuery makes available and how to use the animate method. Learn how to queue and dequeue and about an online resource for building arbitrarily complex paths for animation. Discuss queueing up animations and other actions using jQuery.
11. HTML Form Elements, jQuery's AJAX Methods
11. HTML Form Elements, jQuery's AJAX Methods
Learn how HTML forms work and how you can interact with them using jQuery. Understand what AJAX is and jQuery's AJAX methods for retrieving data from the server without triggering a page refresh.
12. Callbacks and Functional Programming, jQuery Plugins and jQuery UI, Creating Plugins
12. Callbacks and Functional Programming, jQuery Plugins and jQuery UI, Creating Plugins
Learn about callbacks and why they are important when working with jQuery, jQuery plugins and how to make them work other jQuery elements, and extending jQuery with additional methods by creating plug-ins.