JavaScript 1
Course Code: JS1
Duration: 3 days
JavaScript 1 Course Overview
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.
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.
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.
Skills Gained
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
JavaScript 1 Training Course
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
JavaScript 1 Training Course
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
JavaScript 1 Training Course
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
- 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.
Requirements
Delegates attending this course should have some previous programming experience and be able to define general programming concepts including: compilation, execution, variables, arrays, sequence, selection, iteration, functions, objects, and classes. Moreover delegates should be able to 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 - JavaScript 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
Further Learning
Course Reviews
Really enjoyed the course. It was a great introduction to JavaScript! The exercises were great but it would have been nice to get more time to complete more exercises during the course. Thank you Alan :)
Reece - Graduate Software Engineer - Leisure - February 2023
Stuart's teaching methods are excellent. The classes were very clear and concise. He gave very clear practical information, and it was a perfect start for JavaScript. In just three days, I have learned many things to increase my knowledge and reflect them on my daily tasks.
Mert - Games QA Engineer - Broadcasting/TV/Film/Music - April 2022
Very well delivered, the pace was great and our instructor was very good at explaining concepts
Stella - Apprentice software developer - Government
Excellent course and delivery. Well placed with an appropriate level of detail for the mix of experience amongst delegates. Learned a lot and now understand far better why I have been writing some of the JS I have, and more importantly how to do it better next time.
Adam
Alan very good instructor. Clear instructions with plenty of breaks to stop you getting tired.
Alexander - SDET
Enjoyed the course, learnt a lot.
Claire
Live Virtual Classroom
All the convenience and benefits of the classroom experience without the hassle and costs of travel and accommodation.
Our Customers Include
Our Course Curriculum