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


JavaScript & ECMAScript Training Course

NEXT COURSE
16 Jul London
request info

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

Blog (Show All)

JBI training course London UK

Shelf Life - are React and Angular frameworks here to stay?

12/02/2018: Your choice of development framework will have long term repercussions for IT and corporate strategy for years to come. When migrating and upgrading...


JBI training course London UK

React vs Angular - which framework and therefore which Training Course?

16/01/2018: React vs Angular which framework best for my organisation Speed, security and extensibility are the hallmarks of a great web service, and your...


JBI training course London UK

Angular Course | Expand your HTML capabilities with Angular

09/01/2018: Using HTML is a great way to build static web pages that hardly need any movement or adaptability, but every time a dynamic environment is required,...


Case Studies (Show All)

JBI training course London UK

Online fashion house gets intensive React training course in 2 days

06/02/2018: Originating from Facebook, React is a component based front-end library that allows you to build applications out of a tree of small, testable,...


JBI training course London UK

Android Training Course - customised and run onsite

08/01/2018: Knowing you need an app is one thing, making it happen should be as painless as possible. When a team of experienced developers needed to work...


JBI training course London UK

Developers improve Web Skills with Angular training course

06/01/2018: This organisation wanted to level up developers' expertise in modern web development. Some of the delegates were seasoned programmers with years...


PUBLIC COURSES (LONDON, UK)
 

16th Jul 2018 - 3 days £1495
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




Excellent feedback, consistently !

►"great tips help reduce build times"
► "we got access to exclusive content"
► "Short 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