25,000+ Courses Nationwide
0345 4506120

JavaScript 1

The JavaScript 1 course comprises sessions dealing with embedding a script in a web page, variables and expressions, conditions and loops,  functions, objects, arrays, errors and debugging, the DOM, event handling, the BOM, and AJAX.

The delegate will learn how to add dynamic and interactive behaviour to their web pages.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Who will the Course Benefit?

The JavaScript 1 course is designed for web designers and developers who are familiar with HTML & CSS, and want to be able to add dynamic and  interactive elements to their web sites.

Select specific date to see price, venue and full details.

Learning Objectives

Course Objectives

This course aims to provide the delegate with the knowledge to be able to add dynamism and interactivity to a web site by producing scripts that exploit all core  elements of the JavaScript language including AJAX.

The delegate will learn and acquire skills as follows:

  • Embedding or linking to JavaScript code in a web page
  • Declaring and initialising variables
  • Constructing expressions
  • Constructing conditional and iterative statements
  • Declaring and invoking functions
  • Creating and manipulating objects
  • Creating and manipulating arrays
  • Handling errors and debugging
  • Navigating and manipulating the DOM
  • Writing and assigning event handlers
  • Using the DOM to obtain and store useful information
  • Obtaining data from the server asynchronously

Pre-Requisites

Requirements

Delegates attending this course should be able to define general programming concepts including compilation and execution, variables, arrays, sequence, selection and iteration, navigate the filesystem (on the command line ideally), edit and save text files and browse the web. This knowledge can be obtained by attendance on the pre-requisite Introduction to Programming course.

Delegates should be able to build and style simple web pages using HTML & CSS. This knowledge can be obtained by attendance on the pre-requisite HTML & CSS course.

Pre-Requisite Courses

    • Introduction to Programming
    • HTML & CSS

Follow-On Courses

  • HTML5 & CSS3 with JavaScrip
  • JavaScript
  • jQuery Web Developmen
  • Bootstra
  • Reac
  • Angular Developmen
  • Aurelia Framework
Notes:
  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.

Course Content

Course Contents - DAY 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION

  • What is JavaScript
  • Dynamism and Interactivity
  • JavaScript and ECMAScript
  • Versions and Browser Support

Session 2: STRUCTURE

  • Inline, Internal, and External Scripts
  • The script and noscript Tags
  • Case Sensitivity
  • Whitespace
  • Comments

Session 3: VARIABLES & EXPRESSIONS

  • Variable Declaration and Assignment
  • Data Types
  • Type Conversion
  • Operators: Arithmetic, Assignment, Comparison, and Logical
  • Simple and Compound Expressions

Session 4: CONDITIONS & LOOPS

  • If Else
  • Switch
  • Ternary Operator
  • For
  • While
  • Do
  • Break
  • Continue

Course Contents - DAY 2

Session 5: FUNCTIONS

  • Function Declaration
  • Function Invocation
  • Variable Scope and Hoisting
  • Functions as Data
  • Anonymous Functions

Session 6: OBJECTS

  • Object Literal
  • Object Properties
  • Constructor Function
  • Prototype Manipulation
  • String, Number, Date, and Math
  • Regular Expressions

Session 7: ARRAYS

  • Array Literal
  • Array Elements
  • Array Traversal
  • Array Functions
  • Multi-dimensional Arrays

Session 8: ERRORS & DEBUGGING

  • In-browser Developer Tools
  • Console Object
  • Debugging
  • Throw, Try, and Catch

Course Contents - DAY 3

Session 9: DOM

  • Relationship between HTML and JavaScript
  • Element Referencing
  • Common Element Properties
  • DOM Navigation
  • DOM Manipulation

Session 10: EVENT HANDLING

  • Event
  • Event Object
  • Event Handler
  • Event Handler Assignment
  • Form Validation

Session 11: BOM

  • Window Object
  • Screen, History, and Navigator Objects
  • Alerts and Prompts
  • Timeouts and Intervals
  • Cookies

Session 12: AJAX

  • The Request and Response Model
  • XMLHttpRequest Object
  • Asynchronous Request
  • Callbacks
  • Introduction to XML and JSON

Related Courses

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the requested service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

We work with the best