Variables and Operators

• Variables and Data Types
• Using Variables and Literals
• Operators

Control Statements

• Controlling the Flow using Control Statements
• Conditional Logic
• Looping

Functions and Objects

• Functions
• Objects

The Window Object

• The Window Object
• Window Manipulations

The Document Object

• The Document Object
• Writing to Documents

Forms and Forms-based Data

• The Form Object
• Working With Form Elements and Their Properties

The String and RegExp Objects

• The String Object
• Using String Object Methods to Correct Data Entry Errors
• Creating Dynamic Effects With Substring Methods
• The RegExp Object

Arrays and Objects

• Creating Arrays
• Creating Custom Objects
• Understanding JSON (Javascript Object Notation)

Dates and Math

• The Date Object
• Using and Manipulating Dates
• The Math Object
• Doing Math With JavaScript

Debugging Javascript

• Logging Messages to the Console
• Examining Objects in the Console
• Introducing Breakpoints
• Watching Variables

Advanced Browser Capabilities

• Exploring Geolocation
• Introducing Webworkers
• Discussing Advanced Features eg Websockets, Webworkers, NodeJS

Introduction to jQuery

• About jQuery
• Cross-browser Compatibility
• CSS3 Selectors
• jQuery UI
• Plugins
• Downloading and Including jQuery

Selecting, Styling and Enhancing

• Making Sure the Page Is Ready
• Selecting
• Filters
• CSS with jQuery
• Reading & Setting CSS Properties
• Classes
• Enhancing: Adding Effects
• Progressive Enhancement
• Modifying Content
• Callback Functions

Animating, Scrolling and Resizing

• Animating
• Animating CSS Properties
• The Animation Queue
• Chaining Actions
• Pausing the Chain
• Scrolling
• The scroll Event
• Floating Navigation
• Scrolling the Document

Images and Slideshows

• Lightboxes
• Slideshows

Menus, Tabs, Tooltips and Panels

• Menus
• Expandable/Collapsible Menus
• Drop-down Menus
• A Simple Accordion
• UI Accordion
• UI Tabs
• Tooltips

Forms, Controls, and Dialogs

• Forms
• Form Validation with the Validation Plugin
• Autocomplete
• Date Picker
• Sliders
• Drag and Drop
• UI Dialog

Lists, Trees, and Tables

• Lists
• jQuery UI Selectables
• Sorting Lists
• Manipulating Select Box Lists
• Trees
• Expandable Tree
• Event Delegation
• Tables
• Fixed Table Headers
• Repeating Header
• Data Grids
• Selecting Rows with Checkboxes

Ajax

• Ajax Crash Course
• What Is Ajax?
• Loading Remote HTML
• Fetching Data with $.ajax
• Ajax Settings
• GET and POST Requests
• jQuery Ajax Events
• Displaying JSON data in the HTML Structure
• Sending Data to the Server

Common 3rd Party Plugins and Libraries

• Datatables - Interactive paginated HTML tables
• Fullcalendar
• Generating Charts with ChartJS
• Bootstrap

Storing Data on the Client

• LocalStorage and SessionStorage

Storing Complex Data locally Using LocalStorage