Email Us   Phone : 503-259-0312   
  Home    |    Instructor-led Training    |    Self-Paced Learning    |    Online Training     


Contact Us   -   Why Choose Wintrac   -   Clients    

Courses
ADA
Adobe
Agile
AJAX
Android
Apache
AutoCAD
Big Data
Business Analysis
Business Intelligence
Business Objects
Business Skills
C++ programming
Cisco
Citrix
Cloud Computing
COBOL
Cognos
ColdFusion
COM/COM+
CompTIA
CORBA
CRM
Crystal Reports
Datawarehousing
DB2
Desktop Application Software
DNS
Embedded Systems
Google Web Toolkit (GWT)
IPhone
ITIL
Java
JBoss
LDAP
Leadership Development
Lotus
Machine learning/AI
Macintosh
Mainframe programming
Microsoft technologies
Mobile
MultiMedia and design
.NET
NetApp
Networking
New Manager Development
Object oriented analysis and design
OpenVMS
Oracle
Oracle VM
Perl
PHP
PowerBuilder
Professional Soft Skills Workshops
Project Management
Rational
Ruby
Sales Performance
SAP
SAS
Security
SharePoint
SOA
Software quality and tools
SQL Server
Sybase
Symantec
Telecommunications
Teradata
Tivoli
Tomcat
Unix/Linux/Solaris/AIX/
HP-UX
Visual Basic
Visual Foxpro
VMware
Web Development
WebLogic
WebSphere
Websphere MQ (MQSeries)
Windows programming
XML
XML Web Services
Other
jQuery Fundamentals
Overview

This 3-day course provides extensive training on selectors, DOM manipulation, handle events, create effects, build AJAX applications, write and use jQuery plugins and organize jQuery code. When you complete this course you will be able complete basic tasks using jQuery, and you will have a solid basis from which to continue your learning.

Audience

Front-end developers.

Prerequisites

Experience in HTML and JavaScript, and experience in CSS would be beneficial.

Course duration

3 Days

Course outline

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

 
About us
Contact us
Careers at Wintrac
Our Clients
Why Wintrac


Register for a free training CD-ROM drawing
Refer a client or instructor and earn $$$


Wintrac Inc.
16523 SW McGwire Ct.
Beaverton OR 97007
 
Wintrac, Inc. All rights reserved.                                                                               Site Map   |   Terms of Use   |   Privacy Policy