• Technical IT

    Solutions delivered throughout the UK
  • Business Applications

    Solutions delivered throughout the UK
  • Professional Best Practice

    Solutions delivered throughout the UK
  • Professional Development

    Solutions delivered throughout the UK

Javascript Jumpstart - zero to HERO

Javascript Jumpstart - zero to HERO
  • Price £997.00
  • Level Fast Track to Advanced
  • Duration 5 day(s)
All major credit cards accepted

Description

This Hands-On course provides an intensive introduction to the features provided by JavaScript and Dynamic HTML. The course is also a hand’s on session that is designed to help designers and developers enhance their existing projects with the help of jQuery. The course looks at how to use jQuery to transform static HTML web pages into dynamic web pages that react to user input, easily build custom animation components and enable more complex event handling. The course covers the initial setup of jQuery for a website, to the implementation and management of 3rd party open source plugins.

Prerequisites

Web and IT professionals who are completely new to JavaScript and who need to gain hands-on experience of developing commercial JavaScript systems.

Assumed Knowledge

Knowledge of a mark-up language such as HTML would be advantageous.

Skills

  • Understand the JavaScript language.
  • Understand the Document Object Model and how it is used in JavaScript.
  • How to detect and respond to user actions
  • Alter, show, hide and move objects on a web page
  • Check information inputted into a form
  • How to use CSS (Cascading Stylesheets)
  • How to make JavaScript cross-browser compatible
  • transform HTML web pages into interactive,
  • cross-browser web pages with cool cross-browser animations and user intuitive functionality.

Course Content

History

  • From LiveScript to JavaScript
  • Java vs JavaScript
  • Object-Oriented Programming (OOP)
  • Other programming languages

What does JavaScript do?

  • Rollovers
  • Form Validation
  • Mathematical Calculations
  • Change CSS
  • Working with HTML5 Canvas Tags

Understanding JavaScript

  • Server-side vs. Client Side
  • Basics of OOP
  • JavaScript Behaviour
  • Dot Syntax
  • Understanding Properties & Methods
  • Document Object Model
  • Unobtrusive Scripting

The Language

  • Event Handlers
  • Values & Variables
  • Assignments
  • Operators
  • Comparisons

JavaScript Fundamentals

  • Writing text
  • Working with functions
  • Internal, Head & External JS
  • Commenting in JS
  • Alert Windows
  • Confirming user choice
  • If/else statements
  • Prompting the User
  • Redirects through a link
  • JavaScript enhanced links
  • Working with Referrer pages

Building a Web App

  • Designing a Bingo Card
  • Looping & Do/While Loops
  • Passing values to functions
  • Object Detection
  • Working with Arrays
  • Updating Arrays
  • Using the random() method
  • Working with functions that return values
  • Multi-level Conditionals
  • Error-Handling

Working with Images

  • Creating a Rollover
  • Creating more effective rollovers
  • Understanding the DOM
  • Building Objects in OOP

Form Handling

  • Select & Go Navigation
  • Accessibility & JavaScript
  • Changing Menus Dynamically
  • Making fields required

Making your pages dynamic

  • Placing the current date
  • Working with a dynamic timer
  • Updating the seconds dynamically

jQuery Introduction

  • Introduction to JQuery
  • Downloading and implementing the latest version ofJQuery
  • Enabling JQuery
  • Using the basic features

Identifying page content

  • CSS selectors with JQuery
  • Filtering content
  • Applying attribute filters
  • Traversing the DOM
  • Statement chaining,

Editing page content

  • Creating and editing content viaJQuery
  • Modifying html attributes
  • Working directly with CSS

Creating JQuery interaction

  • Understanding event handlers
  • Binding JQuery event handlers
  • Event helper methods
  • JQuery event objects

JQuery Animation and effects

  • Hiding and showing content
  • Fading content
  • Moving content
  • Building custom animations

The jQuery UI plug-in

  • Downloading/installing the JQuery UI
  • Working with JQuery widgets
  • Adding JQuery effects
  • Creating custom UI themes

Make Enquiry

Course Enquiry
  •  
  •  

Book Now

Course Enquiry
  •  
  •  

Find your local training centre