Jquery and JavaScript

Introduction

This hands on JavaScript training course provides the knowledge necessary to design and develop dynamic Web pages using JavaScript. It introduces students to client-side JavaScript and how the language can be used to turn static HTML pages into dynamic, interactive Web pages. Students will learn the syntax of the JavaScript language and how client-side scripts interact with server-side programs. JavaScript topics include adding JavaScript to a Webpage, use of dialogs to interact with the user and JavaScript intrinsic objects such as Date, Array and Math. Students will also be introduced to the Document Object Model (DOM), creation of functions, event handling, form validation, JSON and Ajax. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency

LEARNING POINTS

  • Including JavaScript in a Web page
  • Using the Document Object Model (DOM) to access the HTML elements on the page dynamically
  • Using JavaScript objects effectively, including the window object and the navigator object
  • Creating and using variables
  • Using event handlers to handle user-triggered events
  • Using regular expressions with string methods to perform basic validation
  •  Working with primitive data types
  • Passing arguments to a function
  • Using conditional constructs and loops
  • Debugging JavaScript code
  • Working with JSON objects
  • Using Ajax to make asynchronous calls to a web server

TM_M1_GridBanner_v1_NoCTA

COURSE DETAIL

Overview of Client-Side JavaScript

  • Including JavaScript in a Page

o    Using the <script> Tag

o    Referencing an External Script File

o    Using an Event Handler

o    Using a URL

  • Evolution of the JavaScript Language
  • Common Misconceptions About JavaScript

JavaScript Fundamentals

  • Adding Comments
  • Debugging JavaScript Code
  • Declaring Variables with and without var
  • Local vs. Global Variables
  • Using JavaScript Primitive Types

o    String, Number and Boolean

o    undefined

o    null

  • Performing Data Conversions
  • Interacting with the User

o    alert

o    prompt

o    confirm

  • Using Strict Mode
  • Working with JavaScript Operators

o    Arithmetic Operators

o    Assignment Operators

  • Using the Math and Date Objects

Controlling Flow

  • Conditional Constructs

o    if else

o    switch

  • Looping Contructs

o    do while

o    while

o    for

o    for in

  • Branching Statements

o    break

o    continue

  • Equality and Identity Operators
  • Logical and Comparison Operators

Working with Strings, Numbers and Arrays

  • Creating String Objects
  • Using String Methods

o    Searching within a String

o    Returning a Substring

o    Converting Character Case

  • Creating Number Objects
  • Formatting Numbers
  • Creating Arrays

o    Using the Array Constructor

o    Using Literal Notation

  • Accessing Array Elements
  • Common Array Methods
  • Defining and Using Associative Arrays
  • Predefined Object Arrays

Implementing Functions

  • Declaring Functions
  • Invoking Functions
  • Named and Anonymous Functions
  • Passing Arguments
  • Local vs. Global Variables
  • Returning Values from a Function
  • The this Keyword
  • Explaining Closures

Browser Object Model

  • Overview of the Browser Object Model
  • Using the window Object

o    Opening and Closing Windows

o    Using Timers

o    Passing Data Between Windows

  • Using the document Object

o    Writing to the Webpage

o    Accessing Properties of the Document

  • navigator Object
  • location Object
  • screen Object

Introduction to the Document Object Model (DOM)

  • Selecting DOM Elements

o    getElementById

o    getElementsByTagName

o    getElementsByName

o    getElementsByClassName

o    querySelector

o    querySelectorAll

  • Modifying Page Content with the DOM
  • Manipulating CSS using JavaScript

Event Handling in JavaScript

  • Overview of JavaScript Events

o    Identifying Differences Between Browsers

o    The event Object

o    Event Capturing and Bubbling

  • Adding Event Handlers

o    Traditional (Inline) Model

o    Registering Events in JavaScript

o    addEventListener

o    attachEvent

  • Mouse and Keyboard Events
  • Preventing Default Behavior
  • Cancelling Events

Working with Forms

  • Accessing Forms from JavaScript
  • Working with Form Elements
  • Validating Form Fields

o    Checking Required Fields

o    Checking Length of Input

  • Cancelling Form Submission

Using Regular Expressions

  • Overview of Regular Expressions
  • Using Regular Expressions in JavaScript

o    Creating an RegExp Object

o    Using i and g Flags

  • Validating Strings with Regular Expressions
  • Using Backreferences

Working with JavaScript Objects and JSON

  • Understanding Objects
  • Defining Custom Objects

o    Object Literal Notation

o    Defining Properties and Methods

o    Creating a Constructor

  • Extending an Existing Object with prototype
  • Using the in and instance of Operators
  • Overview of JSON
  • Using JSON.stringify and JSON.parse

Using Ajax

  • Overview of Ajax
  • The XMLHttpRequest Object
  • Configuring an Ajax Request
  • Handling Errors on readystatechange
  • Using JSON with Ajax
  • Creating a "Hint" Feature with Ajax

Our Live Work In Core PHP