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.
Read MoreThe 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.
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
Read Less Entry Requirements
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
• HTML & CSS
Follow-on Courses
• HTML5 & CSS3 with JavaScript
• JavaScript 2
• jQuery Web Development
• Bootstrap
• Angular Development
• 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.
Exam
There is no exam requirement for this course
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.
Syllabus – Key points
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
• XML Http Request Object
• Asynchronous Request
• Callbacks
• Introduction to XML and JSON
David | IT Consultant –
Trainer was excellent. His delivery and interesting diversions were a joy to listen to.
David | Technical Team Manager | Gov.uk –
Very good introduction course and taught well. Good content and pace.
Phil | Database Developer –
An excellent very well taught course. I found the structure and the balance between presenting and practical work to be just right and I believe I have learnt more from the course than I thought I would at the beginning. I believe that doing practical exercises on the course are most important to testing whether you understand what has been presented.
Donald | Digital Manager –
The course was very good at explaining the fundamental principles and filling the gaps in my knowledge. A very good starting point to JavaScript that has provided the foundations and guiding principles that I was after.