Angular JavaScript Introduction

Course Facts

  • 5 day course
  • Our Trainers are Authorised Professionals
  • Live Online or Classroom-based
  • Certificate of completion
  • Maximum class size of 6 for scheduled courses
  • Unlimited support after your course
  • Courses at all levels: Introduction, Intermediate, Advanced and Masterclasses

Course Outline

  • An Overview of the Technologies
  • Angular Fundamentals
  • Developer tools
  • Typescript and ECMAScript Essentials
  • Creating Angular Apps

Private One-to-One Training

One-to-one tuition tailored to your exact requirements. Your choice of duration, dates and content.

Enquire Now

Team Training for Companies

Group bookings provide you with the most cost-effective way to train your team.

Enquire Now

Team Training and Bespoke Sessions

Booking a private training session allows you to focus on your exact needs on dates that work best for you or your team.

  • Sessions can be run online or in person, on your site or at our London training centre.
  • We manage training for many of the UK’s largest companies, taking care of all the admin, working with you to ensure the perfect course.
  • Our expert trainers will first understand your requirements and then tailor each session to your exact specification.
  • We offer a free consultation service to work out every detail of your course.

Prices for bespoke sessions with our expert trainers start at £525 + VAT.


This course introduces the latest version of Angular, and is ideal for anyone working in Angular 4. It is not suitable if you need AngularJS (Angular 1). We focus on the massively powerful development ideals of the Angular framework. Through plenty of hands-on exercises the workflow and reasoning behind Angular is explained and implemented. Plenty of best practices and real world examples underpin the experience gained from this course

Course Outline

An Overview of the Technologies

  • Using NodeJS and npm
  • SystemJS, Zone and WebPack
  • Understanding configuration files
  • How HTML5 CSS and the latest ECMAScript are used in Angular
  • Device and browser compatibility
  • Typescript and compilers

Angular Fundamentals

  • Angular Architecture and Components
  • Structure of an Angular app
  • Dependency Injection

Developer tools

  • Choosing an IDE
  • Automating tool-chains
  • Using browser-based developer tools
  • Angular Augury
  • Making the most of the online documentation
  • Using the Command Line interface (CLI)

Typescript and ECMAScript Essentials

  • Classes and Imports
  • Annotations
  • Typescript and data types

Creating Angular Apps

  • Defining Modules
  • Creating html templates
  • Data Binding
  • Lifecycle hooks


  • Interpolation
  • Property Binding
  • Attribute, Class, and Style Binding
  • Event Binding
  • Understanding NgIf, NgFor and NgSwitch

Dependency Injection

  • Defining and Injecting Service Providers
  • Lazy injection
  • Promise-based asynchronous injection
  • The Observer pattern

Angular Pipes

  • Overview of Pipes
  • Built-in Pipes
  • Parameterising a Pipe
  • Chaining Pipes
  • Custom Pipes


  • Overview of Angular Directives
  • Component Directives
  • Non-visual Directives
  • Adding Directives to the application structure
  • Relationship between parent, child and sibling Component Directives

Routing and Navigation

  • Overview of Angular Routing
  • Route Patterns
  • Query String Support
  • Route Configuration
  • Handling unexpected routes
  • History Manipulation and Deep Linking
  • RESTful services and passing parameters in the URL
  • Understanding the base meta tag

Angular at Scale

  • Why Dependency Injection is key
  • Working with html properties rather than attributes
  • Evaluated bindings
  • Understanding binding syntax
  • Architecting for easy maintenance and testing
  • Modular functional components

Using the Latest ECMAScript in Angular

  • Shadow DOM
  • Classes, Constructors, get/set
  • Back ticks and ${} interpolation
  • Arrow functions, rest and default
  • Optional parameters

Sending and Receiving Server-Side Data

  • Creating http get and post calls
  • Handling parameters and headers
  • Consuming JSON
  • Using the RxJS Observable pattern
  • Resolving or rejecting promises
  • Creating and consuming Service providers

Custom Events

  • Inputs, Outputs and EventEmitter
  • Passing data via custom events
  • Decoupled components
  • Creating an event bus
  • Attribute, Class and Style binding

Forms and Validation

  • Understanding NgForm and local field naming
  • Structuring form fields, names and bindings
  • Handling form models on the client
  • Validating form fields
  • Showing and hiding validation error messages
  • Improving the user experience
  • Sending form data to a server

Production build

  • optimize for production
  • enable prodMode
  • Including other libraries
  • Optimizing CSS and image assets
  • Just In Time and Ahead of Time compiling


  • Karma, Protractor and Jasmine
  • Setting up a testing environment
  • Writing and using tests
  • Test-driven development

Our Clients

Our Recent Success Stories

Photoshop Training


Karen's Story

Picture Editor at Reach PLC

InDesign Training


Amy's Story

Graphic Designer at Bedfont Scientific

Resolve Training


Greg's Story

Head of Video at Hurst UK

30 years working with our clients
Five Star Training Five Star Training Five Star Training Five Star Training Five Star Training   600+ Reviews

Why Transmedia?

Unlimited Training Support

We offer unlimited training support after your course.

Bespoke Training Solutions

Customised training and software solutions based on your exact specification.

Worldwide Creative Skills Training

Join our authorised training courses live online from anywhere in the world.

Authorised Training Professionals

Our experts are accredited by Adobe, Apple and Claris and bring years of experience and real-world expertise.

Courses Live Online

Join our virtual classrooms to learn from the comfort of your own space in real time from our accredited training experts.


Classroom Training

Join us at one of our Authorised Training Centres for a traditional classroom-based experience.

We have everything ready for you to have the best training experience.


Private Courses

One-to-one tuition or a private group training with just you or your colleagues.

We can train you live online, at one of our centres or onsite, wherever you are located.


Latest Help Station Articles