课程简介:
jQuery开发培训课程重点讲述:选择器(Selectors),DOM操作,处理事件,创建效果,构建AJAX应用程序,编写和使用的jQuery插件和组织jQuery代码。通过这个课程,你将学会使用jQuery来完成基本任务,并为进一步深入学习奠定一个坚实的基础。
培训对象:
前端工程师。
预备知识:
有HTML和Javascript经验,有CSS经验更佳。
培训内容:
1. jQuery Introduction
- How jQuery Works
- First Example
2. JavaScript Basics
- Syntax Basics
- Reserved Words
- Operators
- Operations on Numbers and Strings
- Logical Operators
- Comparison Operators
- Conditional Code
- Conditional Variable Assignment with the Ternary Operator
- Switch Statements
- Loops
- Arrays
- Object
- Functions
- Testing Type
- Scope Closures
3. jQuery Basic Concepts
- Basic Flow of a jQuery Application
- Using $(document)ready()
- Selecting Elements
- Operating on Selections
- Working with Selections
- CSS, Styling, and Dimensions
- Traversing
- Manipulating the DOM
4. jQuery Core
- $ vs jQuery
- $ vs $()
- Utility Methods
- Checking Types
- Storing and Retrieving Data Related to an Element
- DOM-Related Utilities
- Avoiding Conflicts with Other Libraries
5. Events and Event Handlers
- Connecting Events to Elements
- Namespacing Events
- Inside the Event Handling Function
- Triggering Event Handlers
- Increasing Performance with Event Delegation
- Removing Delegated Event Handlers
- Event Helpers
6. Effects
- Built-in Effects
- jQueryfxspeeds
- Limitations on Effects
- Queuing of Effects with Other Operations
- Callbacks – Doing Something When an Effect is Done
- Running Code When an Effect is Complete
- Custom Effects with $fnanimate
- Easing
- Managing Effects
- jQueryfxoff
7. Ajax
- Key Concepts
- GET vs POST
- The Same Origin Policy
- Data Types
- A is for Asynchronous
- Same-Origin Policy and JSONP
- Ajax and Firebug
- jQuery’s Ajax-Related Methods
- $ajax
- Convenience Methods
- $fnload
- Ajax and Forms
- Working with JSONP
- Ajax Events
8. Plugins
- How to Create a Basic Plugin
- Testing Our Plugin
- Finding and Evaluation Plugins
9. Best Practices
- JavaScript Best Practices
- Namespacing Variables
- Cache Frequently Used Values
- Beware Anonymous Functions
- jQuery Best Practices
- Optimize Selectors
- Use “Safe” Selectors
- Use Event Delegation
- Detach Elements to Work with Them
- Use Stylesheets for Changing CSS on Many Elements
- Use $data Instead of $fndata
- Code Organization
- Don’t Treat jQuery as a Black Box
10. Custom Events
- About Custom Events
- Recap: $fnon, $fntrigger, and $fntriggerHandler
- Summary
11. jQuery Mobile jQuery UI
- jQuery UI & jQuery Mobile
- jQuery UI
- jQuery Mobile
培训时间:
3天。