JavaScript and jQuery Introduction

Planning Information

The duration of this course is 2 Days. The list price is $790.00.

Description

In this 2 day class, students will learn to use or create JavaScript variables, arithmetic and logical operators, built-in and custom functions, and conditional statements and loops, as well as how to use JavaScript to control appearance and functionality of web images.

Intended Audience

This course is for web designers who are new to programming and scripting and want to build more interactive webpages. Web designers who need to understand the capabilities of Javascript and jQuery to better communicate with developers within their web teams.

At Completion

Upon successful completion of this course, the student will have covered the following topics:

  • What Javascript is and what it can be used for
  • How to add Javascript and jQuery to web pages
  • Understand the basic programming terms and techniques used in Javascript and many other languages
  • How to use Javascript and jQuery to manipulate, add and interact with HTML and CSS
  • How to trouble shoot and correct scripting errors
  • Where to find more Javascript resources and how to take your new scripting skills further

Prerequisites

Before taking this course, students should be familiar with the basic functions of their computer’s operating system such as creating folders, launching programs and working with windows. Students should also have basic knowledge of the web and how to navigate using their browser.

Materials

JavaScript & jQuery :The Missing Manual 3rd Edition

Course Outline

1. Introducing Javascript

  • What is Javascript and jQuery
  • The History of Javascript
  • A quick HTML and CSS refresher
  • Tools used to create Javascript

2. Creating Javascript

  • Introduction to programming
  • Adding Javascript to your page
  • Writing text to your page with Javascript
  • Finding errors in your scripts

3. The Grammar of Javascript

  • Built-in Functions
  • Data Types
  • Variables
  • Arrays
  • What are Objects
  • Using Comments

4. Adding Logic and Control to Your Programs

  • Using Conditional Statements
  • Creating Loops to Handle Repetitive Tasks
  • Creating and Using Functions
  • Tutorial: Create a Simple Quiz

5. Getting Started with jQuery

  • Introducing the jQuery Library
  • Where to get jQuery
  • Adding jQuery to your page
  • Understanding the DOM
  • Selecting Page Elements with jQuery
  • Adding, Deleting and Manipulating Content
  • Formatting Page Elements

6. Making Pages Come Alive Using Events

  • What are Events
  • Using Events with jQuery
  • Event Management

7. Animation and Effects

  • Adding and Activating Plug-Ins
  • Using Widgets
  • Updating Plug-Ins

8. Common jQuery Tasks

  • Swapping Images
  • Adding Rollover Images
  • Controlling a Link’s Behavior
  • Creating New Windows
  • jQuery Plug-Ins
  • Building Navigation Bars

9. Working with Forms

  • Form Overview
  • Form Enhancements
  • Form Validation

10. Getting Started with jQuery UI

  • What Is and Why Use jQuery UI
  • Examples of jQuery UI in Action

This course is also available for private training. Please contact us to learn more.
Register your interest now

Pin It on Pinterest