Advanced Angular

מק"ט: #3388 | משך קורס: 40 שעות אק'
| מספר מפגשים: 5

Angular is a platform that helps to build single page web application. Angular Typescript as an alternative to JavaScript in order to allow you to write type safe object-oriented code. It also makes use of the most advanced design patterns such as Inversion-of-Control, Model-View-View-Model, Reactive Development and Redux. In addition, Angular is based on advanced patterns for in app navigation (routing) and advanced component development which allow you to write rich libraries for re-use. This course will focus in all the advanced techniques that are a part of the Angular arsenal.

*שדות חובה
PDF version


  • Develop complex reusable and style-able components
  • Built applications that are based on Reactive and Redux architectures
  • Understand and use the various design patterns that Angular is built on
  • Employ the Angular Material package to develop beautiful and fluent web sites

קהל יעד

  • Graduates of the basic Angular Course
  • Developers with basic experience with Angular

תנאי קדם

Before attending this course, students must have:

  • Basic knowledge and experience developing in Typescript
  • Some experience with developing Angular apps using the Angular CLI
  • Basic experience developing Angular Components, Directives, Services, and Routing
  • Experience in object oriented languages, such as C# or Java
  • Knowledge of HTML, CSS and JavaScript 


Advanced Directive Development

  • Attribute Directives
  • Element Ref and Renderer
  • Inputs, Events, Host Binding and Host Listener
  • Working with Templates and Template Outlets
  • Structural Directives in Angular
  • Directive Micro Syntax

Advanced Component Development

  • About Input, Output, ViewChild and ContentChild
  • Injecting Content to component
  • Content children Selection
  • Lifecycle hooks and Change detection
  • Custom Form Control Development
  • Creating Compound Components and Directives

Advanced Reactive Patterns and Redux

  • Advanced Reactive with Subjects and Behavior subject
  • Composing observables using operators
  • Pure reactive components using the async pipe
  • Introduction to Redux: State management, Store, Actions, Reducers and Pure functions

Angular Material

  • Introduction to the Angular Material library
  • Setting up an angular material app
  • Using Layout controls, dialogs, and the data grid
  • Theming Components using SCSS
  • Optional: Advanced topics: The CDK, Virtualization and Drag and Drop

Advanced Routing

  • Advanced Routing Scenarios
  • Nested Routing
  • Async Guards
  • Module Lazy Loading

Advanced Http

  • Duplex Communication using Web Sockets
  • Http Interceptors and Authentication