Introduction to Javascript and jQuery

Request info

JavaScript & jQuery Training

Variables and Operators

  • Variables and Data Types

  • Using Variables and Literals

  • Operators

Control Statements

  • Controlling the Flow using Control Statements

Functions and Objects

  • Functions

  • Objects

The Window Object

  • The Window Object

  • Dialog Boxes

  • Status Bar Messages

  • Window Manipulations

The Document Object

  • The Document Object

  • Writing to Documents

  • Dynamic 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

Dates and Math

  • The Date Object

  • Using and Manipulating Dates

  • The Maths Object

  • Doing Maths With JavaScript

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

  • Custom Lightbox

  • ColorBox: A Lightbox Plugin

  • 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

  • Picking HTML with Selector

  • Introduction to JSON

  • Loading JSON

  • 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

Storing Data on the Client

  • LocalStorage vs SQLite

  • Storing Complex Data locally Using LocalStorage

 

Course duration: 3 Days

 

 

SELECT wp_posts.*, wp_p2p.* FROM wp_posts INNER JOIN wp_postmeta ON ( wp_posts.ID = wp_postmeta.post_id ) INNER JOIN wp_p2p WHERE 1=1 AND ( ( wp_postmeta.meta_key = 'start_date' AND CAST(wp_postmeta.meta_value AS DATE) >= '2025-02-08' ) ) AND ((wp_posts.post_type = 'schedule' AND (wp_posts.post_status = 'publish' OR wp_posts.post_status = 'acf-disabled'))) AND (wp_p2p.p2p_type = 'schedule_to_courses' AND wp_posts.ID = wp_p2p.p2p_from AND wp_p2p.p2p_to IN (SELECT wp_posts.ID FROM wp_posts WHERE 1=1 AND wp_posts.ID IN (1402) AND ((wp_posts.post_type = 'courses' AND (wp_posts.post_status = 'publish' OR wp_posts.post_status = 'acf-disabled'))) ORDER BY wp_posts.post_date DESC )) GROUP BY wp_posts.ID ORDER BY CAST(wp_postmeta.meta_value AS DATE) ASC