AngularJS 1 Training Course

9 Apr London
request info

Capita Marks and Spencer Telefonica Cisco BBC Lloyds Sony

AngularJS 1 training course (code: ANGJS)

Learn To Develop Engaging, Single Page Web Applications With AngularJS 1



Our Angular 1 training course gives delegates a focused hands-on experience in which they can explore and build single page HTML5 apps using Google's exciting clientside MVC framework AngularJS. This is a practical course aimed at developing real world skills. The course can also covers an extended section on server-side JavaScript with NodeJS and also allows time to cement your skills by building a content driven website against a live RESTful API.


Web and IT professionals who know Javascript and wish to progress and take advantage of the latest libraries.


JavaScript Concepts

  • Scope
  • Closure
  • Object Orientation

Angular 1 Basics

  • Conceptual overview
  • Angular Philosophy
  • Architecture
  • MVC
  • Dependency Injection
  • Models
  • Controllers
  • $scope
  • Templates
  • The Digest cycle


  • ng-repeat
  • filters
  • Built in Directives
  • Data binding
  • Custom directives
  • Data Binding
  • Two way binding
  • Layout Templates
  • Inversion of control (don't select, direct)
  • Forms

Manipulating forms and inputs in the controller

  • Binding to input fields
  • text
  • date
  • radio
  • checkbox
  • select
  • Toggling form control state with ng-show and ng-disabled
  • HTML5 attributes: required, min, max, pattern
  • Harnessing $error, $dirty, and $invalid in expressions
  • Styling with Angular CSS classes: ng-valid, ng-invalid, ng-pristine, ng-dirty
  • Controllers


  • inheritance of $scope
  • $digest and $apply



  • Simple models
  • JSON models
  • $scope and $scope inheritance


  • ng-include
  • $http
  • Directive templates
  • JSON
  • Application architecture


  • Services for network access
  • Services for long lived data
  • Services that return a promise
  • Writing custom services
  • Factories
  • Values
  • Constants


  • Creating a simple directive
  • What are directives
  • Templates
  • External templates
  • Compile and Link
  • Isolate scopes
  • Transclusion


  • A component oriented architecture
  • Controller as
  • Bind to controller
  • Isolate $scope
  • Component Input / Output
  • Building a highly scalable application through modularity
  • Angular 1.5 component syntax

Modules and Modularity

  • JavaScript Module Packers (Browserify / Webpack / SystemJS)
  • Angular Modules
  • Splitting code across multiple files
  • ES6

Angular 2

  • Angular 2 upgrade path
  • Writing future proof Angular


  • ngRoute
  • uiRouter
  • $routeProvider
  • Configuration
  • Hashbang routes
  • Passing parameters
  • PushState
  • Angular SEO


  • Unit testing with Karma and Jasmine
  • End to end testing with Protractor

Animation (optional)

  • ngAnimate module
  • CSS3 Transitions
  • CSS3 keyframe animation

CRUD (optional)

  • Build a real content based app against an API

Optional Further Angular topics

  • JavaScript topics - functional scope, closure and prototypical inheritance
  • NodeJS, Express and Mongo back end stack
  • Mongo as a service with Firebase or Parse
  • SEO with Angular Apps
  • Mobile app development with Phonegap
  • HTML5 and CSS3
  • Angular Fundamentals
  • JavaScript Concepts
  • Basics
  • Templating
  • Forms
  • Controllers
  • Models
  • AJAX
  • Routing
  • NodeJS
  • Related Technologies
  • Testing
  • Animation
  • Developing custom components
Receive the latest version of this course into your inbox

See why people choose JBI

"At jbi even the sales team are technical so you are able to ask questions before the course"

Garima Aon

Blog (Show All)

JBI training course London UK

Shelf Life - are React and Angular frameworks here to stay?

12/02/2018: Your choice of development framework will have long term repercussions for IT and corporate strategy for years to come. When migrating and upgrading...

JBI training course London UK

React vs Angular - which framework and therefore which Training Course?

16/01/2018: React vs Angular which framework best for my organisation Speed, security and extensibility are the hallmarks of a great web service, and your...

JBI training course London UK

Angular Course | Expand your HTML capabilities with Angular

09/01/2018: Using HTML is a great way to build static web pages that hardly need any movement or adaptability, but every time a dynamic environment is required,...

Case Studies (Show All)

JBI training course London UK

Online fashion house gets intensive React training course in 2 days

06/02/2018: Originating from Facebook, React is a component based front-end library that allows you to build applications out of a tree of small, testable,...

JBI training course London UK

Android Training Course - customised and run onsite

08/01/2018: Knowing you need an app is one thing, making it happen should be as painless as possible. When a team of experienced developers needed to work...

JBI training course London UK

Developers improve Web Skills with Angular training course

06/01/2018: This organisation wanted to level up developers' expertise in modern web development. Some of the delegates were seasoned programmers with years...


9th Apr 2018 - 3 days £1800

see all dates


Show Discount for this course


  Bring a JBI course to your office
  and train a whole team onsite
  0800 028 6400
or request quote

  You can customise this course to
  suit your exact needs here
  0800 028 6400 or request quote

Get in touch
0800 028 6400

You may also be interested in ...

Show all related courses

Excellent feedback, consistently !

►"great tips help reduce build times"
► "we got access to exclusive content"
► "Short course meant less time off"

►"what an inspiring trainer !"
► "colleagues at 2 sites joined via web"
► "I passed my exam the next day"

Newsletter ! Get exclusive news about upcoming programs, technical insights & special offers