JQuery | IT Training & Certification | Info Trek
Respect Your Dreams
Follow through on your goals with courses

JQuery

Location

Format What’s this?
  1. 3 Days
  1. All of our private classes are customized to your organization's needs.
  2. Click on the button below to send us your details and you will be contacted shortly.

JQuery

WHAT YOU WILL LEARN

jQuery is one of today’s most popular JavaScript web application development frameworks and libraries.

The course can get you started with jQuery quickly and easily. It will help to make your web sites will be more dynamic and lively.

AUDIENCE

This course is for developers and professionals who wish to make highly interactive websites with minimum code

PREREQUISITES

· Basic Knowledge about HTML scripting.

· Basic knowledge and skill in JavaScript.

METHODOLOGY

This program will be conducted with interactive lectures, PowerPoint presentation, discussions and practical exercise

COURSE OBJECTIVES

Upon completion of this program, participants should be able to:

· How to use the jQuery framework

· The basics of Cascading Style Sheets (CSS) and how they apply to jQuery and its functions

· Fundamentals like selectors, the DOM, and event handling with running code recipes

· How to make your web sites more dynamic using rich code templates

· How to apply animation effects to your web sites using jQuery code recipes

· How to develop Ajax applications using jQuery

· How to use jQuery utility functions

· How to extend jQuery with plug-ins and their types

Expand All

Modules

Module 1 - jQuery Basics

· Installing jQuery

· Selecting Nodes in the DOM

· Delaying the Execution of JavaScript

· Applying CSS to Elements

· Selecting a Non-Standard Series of HTML Elements

· Obtaining the HTML of an Element

· Changing the Content of a DOM Node

· Creating a DOM Node on the Fly

· Assigning the Same Class Name to Different HTML

· Elements and Applying Styles to Them

Exercise: Installing the development Environment

Module 2 - Arrays and Strings

· Displaying Names in a List Using Arrays

· Manipulating Array Elements

· Filtering Arrays to Show Desired Data Only

· Exercise: Displaying Customer Info

· Sorting String and Numerical Arrays

· Splitting an Array

· Combining Two Arrays

· Converting a Numerical Array into a String and Finding its Substring

· Creating an Array of Objects

· Sorting an Array of Objects

· Exercise: Bubble Sort

Module 3 - Event Handling

· Finding Out Which Button Is Clicked

· Triggering Events Automatically

· Disabling a Button After It Is Clicked Once

· Handling Mouse Events

· Finding Out Which Mouse Button Is Pressed

· Finding the Screen Coordinates of a Mouse-Button Press

· Highlighting Text Dynamically

· Making an Image Bright and Blurred with Mouse Movements

· Finding When an Element Gains and Loses Focus

· Applying Hover Effects on Buttons

· Exercise: User Entry Form

· Toggling the Application of a CSS Class

· Creating Image-Based Rollovers

· Adding and Removing Text in Response to Events

· Applying Styles in Response to Events

· Displaying Word Balloons

· Creating “Return to Top” Links

· Offering “Read More...” links

· Displaying Text with an Animation Effect

· Replacing Text with a Sliding Effect

· Making an Image Scroll

· Determining Which Key Was Pressed

· Preventing Event Bubbling

· Chaining Multiple Activities

· Exercise: Enhance User Entry Form

Module 4 - Form Validation

· Confirming a Required Field Is Not Left Blank

· Validating a Numerical Field

· Validating Phone Numbers

· Validating a User ID

· Validating a Date

· Validating an Email Address

· Exercise: Perform user validation 1

· Checking Whether a Checkbox Is Checked

· Checking Whether a Radio Button Is Selected

· Applying Styles to Options and a Form Button

· Checking and Unchecking All Checkboxes Together

· Validating Two Fields

· Matching the Password and Confirm Password Fields

· Disabling Certain Fields

· Validating a Complete Form

· Serializing Form Data

· Exercise: Perform user validation 2

Module 5 - Page Navigation

· Writing a Breadcrumb Menu

· Adding a Hover Effect to Menu Items

· Creating a Contextual Menu

· Creating a Navigation Menu with Access Keys

· Creating a Context Menu on Right-Click

· Creating Two Menus with Separate Menu Items

· Creating Two Menus with Submenu Items

· Making an Accordion Menu

· Making a Dynamic Visual Menu

· Exercise: Create Menu

Module 6 - Visual Effects

· Displaying Images Horizontally and Vertically.

· Creating a Horizontal Image Slider

· Displaying an Image that Scrolls Left and Becomes Invisible When Clicked

· Creating an Image that Scrolls Left, Disappears, and Reappears at the Right

· Scrolling an Image at the Center of the Browser Window

· Showing Images One After the Other on Hover

· Scrolling an Image Vertically

· Scrolling an Image Horizontally

· Making a News Scroller

· Displaying an Enlarged Image on Mouseover

· Showing Images Pagewise

· Shuffling Images in Either Direction

· Writing a Pendulum Scroller

· Scrolling Images Using Arrays

· Exercise: Develop product catalog

Module 7 - Dealing with Tables

· Highlighting a Table Row on Hover

· Highlighting Alternate Columns

· Filtering Rows

· Hiding the Selected Column

· Paginating a Table

· Expanding and Collapsing List Items

· Expanding and Collapsing Table Rows

· Sorting List Items

· Sorting a Table

· Filtering Rows from a Table

· Exercise: Arrange data in table

Module 8 - AJAX

· Displaying a Welcome Message

· Performing Authentication

· Validating a User Name

· Validating an Email Address

· Using Auto complete

· Importing HTML

· Getting JSON Data

· Getting XML data

· Paginating tables

· Exercise: Improve interactivity using AJAX

Module 9 - Using Plugins

· Filtering on any column of a table with a limit on rows

· Annotating an image with comments

· Dragging and dropping table rows

· Getting, serializing and clearing form controls

· Submitting the Form via Ajax

· Finding the exact position and dimension of an element

· Displaying images in a carousel

· Selecting a Date with a Datepicker

· Sorting tables

· Exercise: Using Plugin

Module 10 - Using CSS

· Distinguishing HTML Elements

· Applying Styles to an Element Nested Inside another Element

· Indenting Paragraphs

· Applying an Initial Cap to a Paragraph

· Removing the Gap between Heading and Paragraph

· Applying Styles to Heading Text

· Indenting the First Line of Multiple Paragraphs

· Creating Paragraphs with Hanging Indents

· Creating a Bordered Pull Quote

· Creating a Pull Quote with Images

· Applying List Properties to List Items

· Applying Styles to Only Selected List Items

· Placing Dividers between List Items

· Applying Image Markers to the List

· Creating Inline Lists

· Applying Styles to Hyperlinks

· Assigning Different Dimensions to HTML Elements

· Placing HTML Elements

· Creating a Multicolumn Layout

· Wrapping Text around Images

· Placing a Drop Shadow behind an Image

· Changing the Cursor When the Mouse Moves over a Link

· Displaying a Long Piece of Text within a Specific Area

· Making a Rounded-Corner Column

· Applying Text Decorations

· Scaling Images

· Setting a Background Image

· Centering a Background Image in the Browser

· Making the Background Image Stationary

· Exercise: Customizing page layout by customer

Gerald Hoong Seng Kah

Gerald Hoong Seng Kah

Gerald has 19 years of information technology experience and on community service and event experiences, he excels impressively. He was invited as a speaker for 3 break-out sessions for Microsoft TechED SEA 2008 on SQL Server 2008 at Kuala Lumpur Convention Center.

He even participated at the “Ask-The-Expert" booth for Microsoft Visual Studio 2008 and Microsoft SQL Server 2008 at the Heroes Launch 2008 and conducted a Microsoft Visual Studio Team System 2008, formerly code-named “Orcas" Metro workshop for Microsoft Certified Partners and independent software vendors (ISVs).

He was invited as a speaker on various occasions such as during the 2 break-out sessions and 3 instructor-led sessions at Microsoft TechED SEA 2007 on SQL Server 2008 and Office SharePoint Server 2007 respectively at Kuala Lumpur Convention Center. He was also a speaker for an instructor-led session at Microsoft TechEd SEA 2006 on development of web parts using Windows SharePoint Services Version 3.0 at Kuala Lumpur Convention Center.

He conducted a few Microsoft Office 2007 Touchdown workshops for Microsoft Certified Partners and independent software vendors and Microsoft Windows Vista Beta 1 Touchdown workshop and Microsoft Windows Vista Beta 1 Touchdown workshop for Microsoft Certified Partners and ISVs. He also conducted a Microsoft Windows Server code-named “Longhorn" Touchdown workshop and Microsoft Visual Studio Team System workshop for Microsoft Certfied Partners and ISVs.

He was invited as a guest speaker on Microsoft Office 2007 development for the MIND community, which is an active IT community under the helm of Microsoft. He is a committee member of SQL Practitioners Alliance Network (SPAN).

He was the co- speaker and tag team presenter at the recently concluded World SharePoint Conference 2014 at Las Vegas, USA. He was the only Malaysian presenter among the other presenters from Asia.

In March 2014, he participated as co-speaker and tag team presenter at the World SharePoint Conference 2014 at Venetian Hotel and Resorts, Las Vegas, USA.

Recently, he conducted a specialized Microsoft SharePoint training and consultancy for a team of 17 people from Carlsberg Group at Carlsberg & Jacobsen Brewhouse in Copenhagen, Denmark.

Read More

James Hong Chii Guan

James Hong Chii Guan

James has trained more than thousands of people in conducting in-house / public training and private tutoring. With his previous vast experiences, he is allowed to provide training for Microsoft Office 2002, 2003, and Microsoft Office 2007, Programming with Microsoft Visual Basic.net, Querying Microsoft SQL Server 2000 with Transact-SQL, Developing Microsoft .Net Applications for Windows (VB.Net), Developing Microsoft ASP. Net Web Applications Using Visual Studio.Net.


Read More

Leng Chee Kong

Leng Chee Kong

He has more than 22 years of experience in IT industry, especially in academic and training business. He worked as a trainer in Info-Trek for the IBM, Oracle (Sun), and Microsoft related training courses. With his more than 12 years solid software development experience, he provides many professional services and consultancy related to software engineering especially based on object-oriented technology, such as OOP, UML and etc.Besides, he is also active in provide consultancy to many local private companies and government agencies. Some of these organizations appointed his as panel member or advisor. Read More

Course Reviews

No Remarks

0

0 Ratings