JavaScript Essentials

Our JavaScript course will give you the key skills to hand-code, debug and tweak JavaScript, to bring interactive controls and functionality to your web pages and apps. JavaScript is a mature scripting language, and is at the core of some of the most exciting and cutting-edge functionality available in your browser today. Not only that, but JavaScript is a great way to learn about programming essentials such as event handling and procedures, loop statements and more.

There are many JavaScript frameworks upon which you can expand your skills and extend your apps from here - such as ECMAScript, Angular, React and Ionic (the list goes on), but to get the most out of JavaScript it's vital to have a strong understanding of what's happening from the ground up.

Module 1: Intro to JavaScript

• Architecture of a Web application
• Core Web technologies
• DOM scripting and AJAX
• Cross-browser compatibility

Module 2: JavaScript Essential Syntax

• Declaring variables and arrays
• Using operators and expressions
• Loops and decision-making constructs
• JavaScript Functions
• Alert, confirmation and prompt boxes
• Regular expressions

Module 3: JavaScript Objects

• Overview of objects
• The Object type
• Extending,modifying, and deleting an object
• Inheriting properties and methods
• Cascading methods
• Using predefined objects
• Manipulating arrays
• Creating new object types

Module 4: Web Forms with JavaScript

• Overview of HTML forms
• Accessing elements in a form
• Event-handling
• Validating user input
• UX considerations

Module 5: Managing Images with JavaScript

• Treating images as objects
• Rollovers / Mouseovers
• Loading images efficiently

Module 6: Window and Document Management

• Interacting with the browser
• Managing windows
• Interacting with the status bar
• Using timeouts, frames, and cookies
• Managing documents
• Detecting nodes
• Searching for nodes
• Adding content to the page

Module 7: Advanced Event Handling

• The core event model
• Understanding the Event object
• Event propagation
• Cross-browser events

Module 8: JavaScript and CSS:

• Types of style sheets
• Modifying styles of an element
• CSS and positioning
• Object models for DHTML
• Portability

Module 9: Overview of AJAX

• Creating an XML Http Request object
• Interacting with a server
• Handling XML and JSON responses
• Updating the user interface