EXCEPTIONAL TRAINING COURSES FOR IT PROFESSIONALS
LONDON UK | ONSITE | ONLINE


JavaScript & ECMAScript Training Course


Capita Marks and Spencer Telefonica Cisco BBC Lloyds Sony

JavaScript & ECMAScript training course (code: JAVASCRIPT)

UX dev with JavaScript/ECMAScript -Engage Your User & Enhance Your Corporate Image


SEE MORE COURSES IN THIS CATEGORY

TRAINING COURSE OVERVIEW

This Hands-On JavaScript training course provides an intensive introduction to the essential syntax, features and capabilities provided by JavaScript.

It will use practical examples and sessions to introduce the concepts and language commonly used in developing modern functionality for applications and web sites for the internet and mobile devices.  During the practical sessions the attendees will also be shown how to use debugging tools and other syntax and standards tools to help them.

The course covers some of the newer syntax available with ECMAScript versions whilst focusing on cross browser and platform compatible code.

This course gives attendees a chance to use modern techniques such as Single Page Applications and Responsive Design.  It is especially useful for creating advanced feature-rich web sites within the latest browser environments. You will learn how to validate forms, animate, manipulate and add dynamic content and style to your website.

The course starts with a brief overview of the modern web development landscape and how all the parts (i.e. HTML, CSS, JavaScript, JS libraries/frameworks, AJAX) interact.

Each module is covered using a mixture of discussion, instruction and practical hands-on exercise(s).

The exercises are available on 2 levels (decided by the student); a “pre-made” web page where a less experienced attendee can add and modify existing HTML/CSS code or a “roll-your-own” site where attendees with some previous knowledge can design and build their own websites.

Each exercise builds on the previous one working towards a final functioning website displaying responsive design, cross platform code and feature sniffing.

 


AUDIENCE

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



DETAILHIGHLIGHTS

Part 1 Introduction

This section gives an overall view of how HTML, CSS and JavaScript interact

JavaScript and web development, an overview

JavaScript with HTML, CSS and the DOM

Event driven code – standard event handling

Part 2 Programming Language – basics

This section looks at the basic building blocks for the language

The syntax rules

Variables (var, let and const)

Operators

Expressions

Part 3 Testing/Debugging techniques

The section in this course introduces some tools commonly used in the production, testing and debugging of JavaScript code.

Testing/Debugging JavaScript

Basic techniques

Code tidiers, syntax checkers & validators

Online testing

Browser based tools

Part 4 Programming Language - structure

This section covers the control structures available in JavaScript

Loops & Decision structures

If… statements

Conditional operator

Switch statement

Loops

Functions, arrows, generators and functional programming

Error handling - try, catch, finally, throw

Part 5 Programming Language

This section uses various in-built dialog box styles to display messages on the screen and looks at JavaScript’s built in functions

Dialog boxes

alert

confirm

prompt

 Built-in Functions

Part 6  Objects

This section looks at objects in JavaScript, both the inbuilt ones that are available (including how to use them) plus how to create and use user defined objects

Built-in objects

Arrays

Date

Math

String

RegEx

Writing Object Oriented JavaScript

Creating and using user defined Objects

Prototypal inheritance

          What is it

          How to use it effectively

Class (available in newer versions of the ECMAScript standard)

Part 7  DOM manipulation – JavaScript for the modern web

This section looks in more depth at using the DOM, what it provides in terms of webpage manipulation and how to access and use it with JavaScript

The DOM (Document Object Model)

Navigating the DOM with JavaScript

Differences in DOM coding standards

Reading JSON and XML data

Changing styles

Menus with JavaScript (and CSS)

Animation

Single page applications, display and hide areas of your page

Form validation and manipulation

Mobile ready web pages (responsive web)

Examples and Exercises

There are extensive sets of examples available for this course that illustrate the basic syntax of JavaScript and its practical use on modern webpages.

In addition to the examples there are practical exercises in each section that allow attendees to explore and consolidate their knowledge of the concept.

  • Understand the JavaScript language.
  • Understand the Document Object Model and how it is used in JavaScript.
  • How to detect and respond to user actions.
  • Testing and Debugging
  • 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.
Receive the latest version of this course into your inbox


See why people choose JBI

"At jbi even the sales team are technical so you are able to ask questions before the course"

Garima Aon

Call our Tech Team :  0800 028 6400  request info



PUBLIC COURSES (LONDON, UK)
 

14th Aug 2017 - 3 days £1495 see discount £1346
Book

see all dates


X

Show Discount for this course



PRIVATE COURSES


  Bring a JBI course to your office
  and train a whole team onsite
  0800 028 6400
or request quote


  You can customise this course to
  suit your exact needs here
  0800 028 6400 or request quote


 

 

 

 

Get in touch
0800 028 6400




 

 

view all case studies

 

 

Our inspiring and up-to-date courses gain exceptional feedback

►"great tips to help reduce build times"
► "we got access to exclusive content"
► "intensive course meant less time off"

►"what an inspiring trainer !"
► "colleagues at 2 sites joined via web"
► "I passed my exam the next day"

Newsletter ! Get exclusive news about upcoming programs, technical insights & special offers