Core JavaScript

Overview Learning objectives What you’ll learn Key facts Course syllabus FAQs What our customers say Get in touch

Course overview

This practical Core JavaScript course helps you build the foundations for client-side scripting in the browser. Over two days, you will work with ES6 syntax, values, variables, functions, logic, objects, the DOM, events and Web APIs, then apply them to create page behaviour that responds to users. The course includes a completion certificate and supports cleaner, more maintainable front-end code in day-to-day web projects.

Front-end JavaScript skills for technical roles

This course is suited to early-career developers, software testers, digital editors and technical professionals who need to use JavaScript in front-end environments. You will build confidence with the language’s core building blocks, then apply them through functions, objects, page structure, user-triggered behaviour and built-in browser capabilities. The course supports career development by helping you transition from reading simple scripts to writing JavaScript that improves web page behaviour and maintainability.

Learning objectives

Write ES6 JavaScript
Work with values and variables
Apply functions and objects
Control script behaviour
Update page elements
Respond to user actions
Use browser capabilities
Create maintainable scripts

What you’ll learn

Build the practical JavaScript skills needed to understand, write and improve front-end page behaviour. You will explore how scripts are structured, how data and logic drive decisions, and how JavaScript connects with the browser. Through focused exercises, you will practice techniques that help make web pages more responsive, maintainable and useful for real users.

JavaScript in context

JavaScript is most valuable when you understand where it sits in a front-end workflow. You will set up a working environment, see how JavaScript connects with HTML and CSS, and compare browser execution with NodeJS. This gives you the confidence to work with existing web pages, understand how scripts are loaded and make changes without disrupting the wider codebase.

Functions and reusable logic

Functions help turn repeated steps into clearer, reusable blocks of code. You will use declarations, expressions and arrow functions, then explore parameters, return values, scope and built-in functions. These skills help you write JavaScript that is easier to review, test and adapt, reducing avoidable rework when page behaviour needs to change.

Decisions and flow

You will learn how JavaScript makes decisions and repeats actions using operators, comparisons, conditions and loops. The course also introduces truthy and falsy values, error handling and debugging. This helps you create scripts that respond reliably to different inputs and page states, so user-facing functionality behaves as expected.

Page behaviour with DOM and events

You will practice using the Document Object Model to reference, update, create and remove page elements, then connect those changes to user actions through events and listeners. These techniques help you build web pages that react at the right moment, give clearer feedback and support a smoother user experience without unnecessary page reloads.

What’s included

Instructor-led training over three-days
Live virtual classroom environment
Hands-on exercises and live labs
All relevant course materials

Key facts

Certification

This course includes a certificate of completion to recognise your participation and support your training record.

Who it’s for

This course is suitable for aspiring developers, testers, digital editors and learners building practical JavaScript skills.

Prerequisites

You should have familiarity with HTML, CSS and general programming logic before attending this course.

Exam information

This course does not include an exam.

Optional extras

This course includes hands-on labs and access to learning materials for continued practice.

Pre-course

No preparation work is required for this course.

Course syllabus

Dive into the detail of the course by looking at the syllabus below.

Day one

Session 1: INTRODUCTION
- Setting up the development environment
- What is JavaScript?
- HTML and CSS - a brief refresher
- Embedding JavaScript in HTML
- Executing JavaScript with NodeJS
- Browser JS vs. NodeJS
- A simple example
- Syntax and comments
- ECMAScript and JavaScript
- Deployment

Day one

Session 2: VALUES, VARIABLES AND TYPES
- Values
- Variables
- var, let, and const
- Naming conventions
- Numbers
- Strings
- Booleans
- Arrays
- Objects
- The typeof operator
- Dynamic typing
- Type conversion and coercion
- Arithmetic
- Handling text incl. template literals

Day one

Session 3: FUNCTIONS
- Function declarations
- Parameters
- Return statements
- Function expressions
- Arrow functions
- Declaration, expression, or arrow function?
- Calling functions
- Pass by value or reference?
- An introduction to scope
- Default parameters
- Built-in functions

Day one

Session 4: PROGRAM FLOW
- Relational and logical operators
- Equalty comparisons and sameness
- Truthy and falsey
- Conditional statements
- Iterative statements
- Error handling
- Debugging

Day two

Session 5: OBJECTS
- Objects (again)
- Properties
- Dot notation
- Square bracket notation
- Function properties (methods)
- The this keyword
- Iterating over object properties
- The Object type
- Array objects and methods
- String objects and methods

Day two

Session 6: DOM REFERENCING AND MANIPULATION
- HTML elements and JavaScript objects
- The DOM
- DOM referencing
- DOM data types
- Element manipulation
- Creating, adding and removing elements

Day two

Session 7: EVENT HANDLING
- Events
- Event propagation
- Event listeners
- Event listener registration
- The event object

Day two

Session 8: WEB APIS
- What is an API?
- Browser APIs
- Accessing browser APIs
- Date
- Math
- RegExp
- JSON
- Client-side storage
- Geolocation
- Others

FAQs

This two-day Core JavaScript course helps you build practical confidence with the language fundamentals used in front-end web development. You will work with ES6 syntax, functions, objects, programme flow, the DOM, events and browser APIs, then apply these skills through hands-on coding exercises.

What practical skills will I develop?

You will learn how to write JavaScript that supports real front-end page behaviour. The course covers syntax, variables, data types, functions, objects, conditions, loops, DOM updates, events and browser APIs. Which helps you understand how scripts work, make targeted changes and build more useful browser-based functionality.

Who should attend this course?

This course is suitable for aspiring developers, software testers, digital editors and technical professionals who need a stronger foundation in JavaScript. It is particularly relevant if your role involves web pages, front-end testing, content platforms or digital products where JavaScript affects user behaviour and page performance.

Do I need previous JavaScript experience?

Previous JavaScript experience is not required, but you should be familiar with HTML, CSS and basic programming concepts before attending. This background will help you get more from the practical exercises, as the course focuses on applying JavaScript within browser-based web pages.

How is the course delivered?

The course is delivered over two days as instructor-led training, with live labs and practical JavaScript exercises. You will have access to relevant course materials and will receive a course completion certificate, helping you continue practising and consolidating your learning after the course.

How will this help my day-to-day work?

The course helps you move beyond reading simple scripts towards understanding how JavaScript controls page behaviour. You will build skills that support cleaner code, more confident troubleshooting and better collaboration with front-end teams, especially when working on web projects, testing activity or digital content updates.

Does the course cover browser interaction?

Yes. The course covers DOM referencing and manipulation, event handling and browser APIs. These areas help you understand how JavaScript responds to user actions, updates page content and uses browser features such as JSON, client-side storage, Date, Math, RegExp and geolocation.

What our customers say

“Thoroughly enjoyed the course, very informative and a good balance between instruction and practical work.”

Megan, Transport

“I really enjoyed this course, it was clear the instructor had in-depth knowledge about the subject and was keen on answering questions and explaining problems thoroughly. I also appreciated learning about the principles, best practice standards, and the reasoning behind these.”

Michaela, Core JavaScript learner

Why study with TSG?

25+ years' experience

Trusted by individuals, businesses and public sector organisations for over 25 years.

20,000+ learners trained

Join a network of learners focused on developing their software testing skills

98% customer satisfaction

TSG trainers are frequently rated as ‘good’ or ‘excellent’ by our learners

Speak to our team

Guidance from experienced advisors

If you’re unsure which course aligns with your technical requirements or career direction, we’ll help you assess your options and choose with confidence.

Get in touch

Build capability

Develop skills that support real delivery outcomes

From software testing to broader digital skills, we work with you to design learning that strengthens capability, improves performance, and supports long-term business goals.

Get in touch