Angular Weekend Training

Start learning and using Angular
Get a full weekend of intensive study with hands-on labs

Code District is Your Home for Professional Angular Training. Attend This Weekend Course & Get FREE Repeats!


Learn Angular in a Weekend.  Start Using it in Your Projects!
Updated to Angular 4

This Angular training course is instructed by an industry senior software engineer with experience using Angular on real-world projects. This course is highly interactive and features a large amount of student labs and hands-on coding:

  • Learn through numerous practical examples and demos
  • Build a complete Angular application as the course is being taught
  • Receive expert advice and guidance for implementing Angular in your own dev projects

What You Will Learn

This course teaches you the concepts of Angular. You will learn how to utilize Components, Annotations, Views, Event Handlers, Directives and more.

You will learn by working through a series of hands-on labs so you immediately get a feel for coding in Angular, which speeds up the learning process.  This is a live instructor-led course.  Don’t worry about getting stuck or falling behind. Our instructor is always available to answer questions or to give personal attention.

Course Outline

  1. Introduction
  2. Agenda
  3. Node / NPM
  4. Gulp
    • gulp vs grunt
    • package.json
    • live-server
  5. ES5
    • Strict mode
    • Syntax changes
    • Object methods
    • Array methods
    • Strings
    • Date
    • JSON
  6. TypeScript (part 1)
    • Why TypeScript?
    • Setting up TypeScript
    • Quick Example
  7. ES2015/ES6
    • Template literals
    • Optional parameters
    • Default values
    • Variable scoping
    • Arrow (aka lambda) functions
    • Rest operator
    • Splat operator
    • Destructuring
    • Array methods
    • for-of vs for-in
    • Classes
    • Promises
    • Modules
  8. TypeScript (part 2)
    • Types and type inference
    • Interfaces
    • Functions
    • Classes
    • Modules
    • Generics
    • Type definitions
    • Troubleshooting
  9. Angular 2
    • AngularJS vs Angular 2
    • What’s out?
    • What’s in?
  10. SystemJS
    • Module loader vs <script> tags
    • Universal module loader
    • .import()
    • .config()
  1. Components
    • root component
    • boot strapping
  2. View
    • specified by template property of the @Component annotation
    • can use template: or templateUrl
    • UI layout + data
  3. The Component Router
    • HTML5 History API
    • Hash URL
    • pushState()
    • Implementation
  4. Directives
    • Attribute Directives
    • Structural Directives
  5. Injectors
  6. Data binding
    • Events
    • Properties vs Attributes
    • Two-way data binding
  7. Dependency injection
    • What is Dependency Injection, DI?
    • How Angular implements DI?
  8. Forms
    • Template driven forms
    • Validation
    • Diagnostics
    • Submit
  9. RxJS
    • Observables
    • Iterators
    • Operators
    • Schedulers
  10. Unit Testing
    • Jasmine
    • Mocks
  11. Upgrading from AngularJS

Why Should You Take This Class?

If you you want to get up and running FAST with the Angular framework and don’t have the time to read through all the documentation or search all over the web for tutorials, then this in depth training is perfect for you.


Students should have the following tools installed: Git, Node.js, a code editor such as Sublime Text, and Google Chrome. Important: See this list of necessary installs for this course. These installs MUST be completed prior to class time!


  • Moderate knowledge of HTML, CSS
  • Basic Model-View-Controller (MVC) concepts
  • The Document Object Model (DOM)
  • Moderate knowledge of core JavaScript concepts and constructs including looping, variables, functions, events, and error handling

As Angular Evolves, Stay Up-to-Date with FREE Repeats!

This course will be continuously updated as new changes to the Angular framework comes out. Therefore, to add value to our students, we are offering FREE repeats on a space-availability basis. Repeat this course up to 5 times for FREE. Priority is given to first-time students, so we cannot reserve a place for you beyond a 24 hour window. If you wish to retake this class, simply email us at the business day before the class session. If there is space-available at that time, we will give you that space. All repeat seats are booked on a first-come, first-served basis and are subject to seat availability. A maximum of 5 repeat students are allowed in each class session.