Mastering JavaScript and JQuery

Course ID

35600

Course Description

Mastering JavaScript and jQuery provides an introduction to and experience working with the JavaScript programming language in the environment it's used in the most: the browser. JavaScript is simple and elegant, but is often difficult to work with because it's so different from the programming languages most developers are used to working with. This course also covers jQuery and provides practical and hands-on experience with the preferred JavaScript library for building rich web applications. If you are building for the web, learning jQuery will change the way you write JavaScript, working across multiple browsers and platforms.

Prerequisites

This is an introductory and beyond-level web development course, designed for experienced developers who need to extend their knowledge of web design and development. This is a hands-on programming class. Attendees should have previous experience or working knowledge of developing software applications. Real world programming experience is a must.

Audience

Experienced Web Developers

Course Content

    JavaScript

    JavaScript Basics
  • Identifiers and literals
  • Loop Structures
  • Iteration
  • Conditional Structures

    Debugging Tools
  • Internet Explorer Developer Tool
  • FireBug & FireBug Lite
  • Fiddler

    JavaScript Functions
  • Functions in JavaScript
  • Invoking Functions
  • Function Constructor
  • Function Scope and Closures

    JavaScript Arrays
  • JavaScript Object
  • JavaScript Literals
  • JavaScript Arrays

    JavaScript Strings and Regular Expressions
  • String Objects
  • JavaScript and Regular Expressions
  • Regex Content
  • Working with the RegEx Object

    Object-Oriented JavaScript
  • Classes as Functions or Functions as Classes
  • Prototypes
  • Extending Classes With Prototype
  • Reusable, Flexible Classes

    JavaScript Event Handling
  • Basic Event Handling
  • Handling HTML Events
  • DOM 2 Event Propagation: Three Phases
  • InnerHTML

    Advanced JavaScript
  • Same Origin Policy
  • Scheduling in JavaScript
  • Opening And Manipulating Windows
  • JavaScript Execution Context
  • Manipulating Document During Loading

    jQuery

    Why jQuery?
  • JavaScript Evolution
  • Why jQuery?
  • jQuery Usage
  • Downloading jQuery

    Basic jQuery
  • jQuery: Operational Overview
  • jQuery Capability Overview
  • Basic Selectors
  • Multiple Selector
  • Selecting by Order

    Manipulating the DOM
  • Attributes vs. Propertie
  • CSS Box Model Properties
  • Element Content
  • Manipulating Children
  • Wrapping and Unwrapping
  • Effects (Basic Animation)
  • Effects Queues

    More On Element Selection
  • Hierarchical Selectors (Combinators)
  • Attribute Selectors
  • Basic vs. Child Filters
  • Filtering Methods
  • Traversing Methods

    Working with jQuery

    Attributes, Forms, and DOM
  • Selecting From Forms
  • Selecting Parent and Children
  • Automatic DOM Traversal
  • Manipulating DOM Elements
  • Getting and Setting Attribute Values
  • Removing Attributes

    More jQuery!
  • The jQuery Function
  • The jQuery Object
  • Some jQuery "Static" Methods
  • Utility Methods

    Event Handling
  • Binding Multiple Events to Same Handler
  • Multiple Events to Different Handlers
  • Event Targets
  • Triggering Events
  • Custom Events
  • Live Events

    More On Elements!
  • Changing HTML Content
  • Changing Text Content
  • Managing Elements
  • Introduction to Animations

    Ajax
  • Posting Data
  • Global Ajax Handlers
  • JSONP
  • Serialization
  • Deferred Objects
  • Promises and Piping
  • Chaining Tasks

    jQuery Plugins and Enhancements

    jQuery Plugins
  • jQuery Validation Plugin
  • jQuery Form plugin
  • jQuery BBQ (Back Button Query) Plugin
  • jQuery Hotkeys Plugin
  • jQuery Color Plugin

    jQuery UI
  • jQuery UI Effects
  • Advanced Easing
  • Interactions
  • Position Utility
  • Widgets
  • Icons

    Templates
  • Micro Templates
  • jQuery Template Plugin
  • Compiling Templates Template Items

    JavaScript Object Notation (JSON)

    JSON Objects
  • Arrays
  • Objects
  • Arrays in Objects
  • Objects in Arrays

    JSON Syntax and Processing
  • JSON Parsers
  • Sending Data
  • JSON vs XML

    jQuery, JSON, and AJAX
  • jQuery AJAX Utility Method
  • jQuery and JSON
  • jQuery and Other Data Types
  • Serialization
  • Deferred Objects
  • Promises and Piping
  • Chaining Tasks

    Advanced Topics

    JavaScript Best Practices
  • JavaScript Code Conventions
  • Formatting and Structure
  • Variable and Function Declarations
  • Statement Conventions
  • Best Practices and Principles

    Performance and Optimization
  • Code Optimization
  • JavaScript Verbosity Tradeoffs
  • Memory Considerations
  • Cyclic References

    Download Options
  • User Experience on Page Load
  • Multi-Stage Downloading
  • Predictive Fetching
  • On-Demand Downloading
  • JavaScript and CSS Minification

    Security
  • Security: The Complete Picture
  • Unvalidated Input
  • Injection Flaws
  • XSS
  • Spoofing
  • How Attackers See JavaScript Applications
  • OWASP Top Ten for 2013

    Web Design

    Responsive Web Design
  • Adapting to Varying Screen Sizes
  • Scaling Page and Text Content
  • Scaling and Adapting for Media
  • Options for Adjusting Media

    User Interface Principles
  • Design Principles
  • Improving Interactions with Users
  • Matching Web Flow to User Expectations

    Layout Techniques
  • Page Layout Consideration
  • Stacking Content
  • Handling Excessive Content
  • Providing Consistency Across Web Presence

    Navigation Techniques
  • Handling Excessive Content
  • Providing Context and State Feedback
  • Navigation Placement and Techniques

    Selection Techniques
  • Improving Text Input
  • Improving Enumerated Input
  • Accessibility Considerations

For More Information

For training inquiries, call 850-308-1376

or email us at eramos@gbsi.com

Course Details

Duration - 5 days
Price - $2595.00 USD


(Discounts may apply. Call for more information.)

Course Actions

Acceletrain Collaborative Learning Environment (formerly know as VILT) places industry certified and expert instructors, peers, learners and multi-media components into a "borderless classroom", and interactive learning environment that can span multiple physical locations. VILT combines the benefits of the traditional brick-and-mortar classroom with innovative learning techniques and the cost savings of internet-based training.